update

io.sc.engine.mv.frontend/.prettierignore

@@ -0,0 +1,3 @@
+build
+dist
+node_modules

io.sc.engine.mv.frontend/.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": true,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "printWidth": 160,
+  "trailingComma": "all"
+}

io.sc.engine.mv.frontend/babel.config.cjs

@@ -0,0 +1,16 @@
+module.exports = {
+  presets: [
+    "@babel/preset-env",
+    [
+      "@babel/preset-typescript",
+      {
+        allExtensions: true, //支持所有文件扩展名
+      },
+    ],
+  ],
+  plugins: [
+    "@babel/plugin-transform-class-properties",
+    "@babel/plugin-transform-object-rest-spread",
+    "@vue/babel-plugin-jsx",
+  ]
+}

io.sc.engine.mv.frontend/src/boostrap.ts

@@ -0,0 +1,46 @@
+import packageJson from '../package.json';
+import { createApp } from 'vue';
+import platform from 'platform-core';
+import { ApplicationInitializer, ComponentManager } from 'platform-core';
+import localMocks from './mock';
+import localI18nMessages from './i18n';
+import localMenus from './menus/menus.json';
+import localRoutes from './routes/routes.json';
+import localComponents from './components';
+import App from './App.vue';
+
+import 'platform-core/dist/css/platform-core.css';
+import './css/tailwind.css';
+
+// 设置远程组件加载器
+// 覆盖 platform-core 包中的 remoteComponentLoader 函数
+// 只有在主前端项目中编写如下的 remoteComponentLoader 函数才能实现 webpack MF 的 shared 功能
+ComponentManager.setRemoteComponentLoader((moduleName: string, componentName: string): any => {
+  return async () => {
+    await __webpack_init_sharing__('default');
+    const container = window[moduleName];
+    if (container) {
+      await container.init(__webpack_share_scopes__.default);
+      const factory = await window[moduleName].get(componentName);
+      return factory();
+    } else {
+      throw new Error('window["' + moduleName + '"] is undefined!');
+    }
+  };
+});
+
+//初始化平台
+ApplicationInitializer.initialize({
+  moduleName: packageJson.name,
+  moduleVersion: packageJson.version,
+  localMocks: localMocks,
+  localI18nMessages: localI18nMessages,
+  localMenus: localMenus,
+  localRoutes: localRoutes,
+  localComponents: localComponents,
+  callback: () => {
+    const app = createApp(App);
+    app.use(platform);
+    app.mount('#app');
+  },
+});

io.sc.engine.mv.frontend/src/views/config/binomial.vue

@@ -0,0 +1,54 @@
+<template>
+  <w-grid
+    :title="$t('io.sc.engine.mv.config.binomial.grid.title')"
+    :config-button="true"
+    selection="multiple"
+    :checkbox-selection="true"
+    :data-url="Environment.apiContextPath('/api/mv/config/binomial')"
+    :pageable="false"
+    :toolbar-configure="{ noIcon: false }"
+    :toolbar-actions="['refresh', 'separator', 'add', 'edit', 'remove', 'separator', 'resetDefaultValues', 'separator', 'view', 'separator', 'export']"
+    :columns="[
+      { width: 100, name: 'significanceLevel', label: $t('io.sc.engine.mv.config.binomial.grid.entity.significanceLevel') },
+      { width: 100, name: 'confidenceLevel', label: $t('io.sc.engine.mv.config.binomial.grid.entity.confidenceLevel') },
+      { width: 120, name: 'zUpper', label: $t('io.sc.engine.mv.config.binomial.grid.entity.zUpper') },
+      { width: 120, name: 'zLower', label: $t('io.sc.engine.mv.config.binomial.grid.entity.zLower') },
+      { width: 100, name: 'lastModifier', label: $t('lastModifier') },
+      { width: 150, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() },
+    ]"
+    :editor="{
+      dialog: {
+        width: '600px',
+        height: '300px',
+      },
+      form: {
+        colsNum: 1,
+        fields: [
+          { name: 'significanceLevel', label: $t('io.sc.engine.mv.config.binomial.grid.entity.significanceLevel'), type: 'text' },
+          { name: 'confidenceLevel', label: $t('io.sc.engine.mv.config.binomial.grid.entity.confidenceLevel'), type: 'text' },
+          { name: 'zUpper', label: $t('io.sc.engine.mv.config.binomial.grid.entity.zUpper'), type: 'text' },
+          { name: 'zLower', label: $t('io.sc.engine.mv.config.binomial.grid.entity.zLower'), type: 'text' },
+        ],
+      },
+    }"
+    :viewer="{
+      panel: {
+        columnNum: 1,
+        fields: [
+          { name: 'id', label: $t('id') },
+          { name: 'significanceLevel', label: $t('io.sc.engine.mv.config.binomial.grid.entity.significanceLevel') },
+          { name: 'confidenceLevel', label: $t('io.sc.engine.mv.config.binomial.grid.entity.confidenceLevel') },
+          { name: 'zUpper', label: $t('io.sc.engine.mv.config.binomial.grid.entity.zUpper') },
+          { name: 'zLower', label: $t('io.sc.engine.mv.config.binomial.grid.entity.zLower') },
+          { name: 'creator', label: $t('creator') },
+          { name: 'createDate', label: $t('createDate') },
+          { name: 'lastModifier', label: $t('lastModifier') },
+          { name: 'lastModifyDate', label: $t('lastModifyDate') },
+        ],
+      },
+    }"
+  ></w-grid>
+</template>
+<script setup lang="ts">
+import { Environment, Formater } from 'platform-core';
+</script>