zhujiamin 发布系统代码 [TrainSys，网页端]

app_Web/package.json

+{
+  "name": "vite-project",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview --host 0.0.0.0",
+    "lint": "eslint 'src/**/*.ts' 'src/**/*.vue'",
+    "lint:style": "stylelint 'src/**/*.scss'"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.0.11",
+    "@ibiz-template-plugin/jsjcy-kq-web": "^0.0.1-beta.1",
+    "@ibiz-template/command": "^0.0.1-beta.50",
+    "@ibiz-template/controller": "^0.0.1-beta.69",
+    "@ibiz-template/core": "^0.0.1-beta.69",
+    "@ibiz-template/model": "^0.0.1-beta.69",
+    "@ibiz-template/runtime": "^0.0.1-beta.69",
+    "@ibiz-template/service": "^0.0.1-beta.69",
+    "@ibiz-template/theme": "^0.0.1-beta.69",
+    "@ibiz-template/vue-util": "^0.0.1-beta.69",
+    "@ibiz/dynamic-model-api": "^2.1.17",
+    "@riophae/vue-treeselect": "^0.4.0",
+    "dayjs": "^1.11.7",
+    "echarts": "^5.4.2",
+    "element-ui": "^2.15.13",
+    "lodash-es": "^4.17.21",
+    "path-browserify": "^1.0.1",
+    "pinia": "^2.0.28",
+    "qs": "^6.11.0",
+    "qx-util": "^0.4.8",
+    "ramda": "^0.28.0",
+    "view-design": "^4.7.0",
+    "vite-plugin-style-import": "1.4.1",
+    "vue": "^2.7.14",
+    "vue-router": "^3.6.5"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.3.0",
+    "@commitlint/config-conventional": "^17.3.0",
+    "@types/lodash-es": "^4.17.7",
+    "@types/node": "^18.11.15",
+    "@types/path-browserify": "^1.0.0",
+    "@types/qs": "^6.9.7",
+    "@types/ramda": "^0.28.20",
+    "@types/systemjs": "^6.13.0",
+    "@typescript-eslint/eslint-plugin": "^5.46.1",
+    "@typescript-eslint/parser": "^5.46.1",
+    "@vitejs/plugin-legacy": "^3.0.1",
+    "@vitejs/plugin-vue2": "^2.2.0",
+    "@vitejs/plugin-vue2-jsx": "^1.1.0",
+    "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
+    "eslint": "^8.29.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^9.8.0",
+    "husky": "^8.0.2",
+    "lint-staged": "^13.1.0",
+    "postcss": "^8.4.21",
+    "postcss-scss": "^4.0.6",
+    "prettier": "^2.8.7",
+    "rollup-plugin-visualizer": "^5.8.3",
+    "sass": "^1.56.2",
+    "stylelint": "^14.16.0",
+    "stylelint-config-prettier": "^9.0.5",
+    "stylelint-config-recess-order": "^3.0.0",
+    "stylelint-config-standard": "^29.0.0",
+    "stylelint-config-standard-scss": "^6.1.0",
+    "stylelint-scss": "^4.3.0",
+    "terser": "^5.16.1",
+    "typescript": "^4.9.4",
+    "vite": "^4.2.1",
+    "vite-plugin-eslint": "^1.8.1",
+    "vue-eslint-parser": "^9.1.1",
+    "vue-tsc": "^1.2.0"
+  },
+  "lint-staged": {
+    "*.{ts,vue}": "eslint --fix",
+    "*.scss": "stylelint --custom-syntax=postcss-scss"
+  }
+}

app_Web/src/components/common/am-pie-threed-echarts/am-pie-threed-echarts.scss

+.am-pie-threed-echarts {
+  width: 100%;
+  height: 600px;
+
+  /* stylelint-disable-next-line selector-id-pattern */
+  #myChart {
+    width: 100%;
+    height: 100%;
+  }
+}

app_Web/src/components/common/am-pie-threed-echarts/am-pie-threed-echarts.tsx

+import { defineComponent, ref, onMounted } from 'vue';
+import * as am4core from '@amcharts/amcharts4/core';
+import * as am4charts from '@amcharts/amcharts4/charts';
+// eslint-disable-next-line camelcase
+import am4themes_animated from '@amcharts/amcharts4/themes/animated';
+import './am-pie-threed-echarts.scss';
+
+export const AmPie3D = defineComponent({
+  name: 'Pie3D',
+  props: {
+    pieData: {
+      type: Array<IData>,
+      default: () => [],
+    },
+  },
+  setup(_props) {
+    const pieChart = ref(null);
+
+    onMounted(() => {
+      // Set theme
+      am4core.useTheme(am4themes_animated);
+
+      // Create chart instance
+      const chart = am4core.create('myChart', am4charts.PieChart3D);
+
+      // 角度
+      chart.angle = 50;
+      // 厚度
+      chart.depth = 20;
+      // Add data
+      chart.data = [
+        {
+          category: 'Lithuania',
+          value: 501.9,
+          sliced: true,
+          color: am4core.color('#F44336'),
+        },
+        {
+          category: 'Czechia',
+          value: 301.9,
+          sliced: true,
+          color: am4core.color('#4CAF50'),
+        },
+        {
+          category: 'Ireland',
+          value: 201.1,
+          sliced: true,
+          color: am4core.color('#2196F3'),
+        },
+        {
+          category: 'Germany',
+          value: 165.8,
+          sliced: true,
+          color: am4core.color('#FFC107'),
+        },
+        {
+          category: 'Australia',
+          value: 139.9,
+          sliced: true,
+          color: am4core.color('#9C27B0'),
+        },
+        {
+          category: 'Austria',
+          value: 128.3,
+          sliced: true,
+        },
+        {
+          category: 'UK',
+          value: 99,
+          sliced: true,
+        },
+        {
+          category: 'Belgium',
+          value: 60,
+          sliced: true,
+        },
+        {
+          category: 'The Netherlands',
+          value: 50,
+          sliced: true,
+        },
+      ];
+
+      // Add and configure Series
+      const pieSeries = chart.series.push(new am4charts.PieSeries3D());
+      pieSeries.dataFields.value = 'value';
+      pieSeries.dataFields.category = 'category';
+      pieSeries.slices.template.stroke = am4core.color('#fff');
+      pieSeries.slices.template.strokeWidth = 2;
+      pieSeries.slices.template.strokeOpacity = 1;
+
+      // 设置图例
+      chart.legend = new am4charts.Legend();
+      chart.legend.position = 'right';
+
+      // 设置 isActive 属性为数据项的 sliced 属性
+      pieSeries.slices.template.propertyFields.isActive = 'sliced';
+
+      // 设置颜色字段为 "color"
+      pieSeries.slices.template.propertyFields.fill = 'color';
+    });
+
+    return {
+      pieChart,
+    };
+  },
+  render() {
+    return (
+      <div class='am-pie-threed-echarts'>
+        <div id='myChart' ref='pieChart' />
+      </div>
+    );
+  },
+});

app_Web/src/components/common/pie-threed-echarts/pie-threed-echarts.scss

+.chart-wrapper {
+  width: 100%;
+  height: 600px;
+
+  /* stylelint-disable-next-line selector-id-pattern */
+  #myChart {
+    width: 100%;
+    height: 100%;
+  }
+}

app_Web/src/user-register.ts

+import { VueConstructor } from 'vue';
+
+export default {
+  install(_v: VueConstructor) {
+    // 自定义插件注入
+    ibiz.plugin.setDevPlugin(
+      'JskqIndexView',
+      () => import('@ibiz-template-plugin/jsjcy-kq-web/package.json'),
+    );
+    ibiz.plugin.setDevPlugin(
+      '@ibiz-template-plugin/jsjcy-kq-web',
+      () => import('@ibiz-template-plugin/jsjcy-kq-web'),
+    );
+    // ibiz.plugin.setDevPlugin(
+    //   'GsIndexCSS',
+    //   () => import('@ibiz-template-plugin/sy-gs-web/package.json'),
+    // );
+    // ibiz.plugin.setDevPlugin(
+    //   '@ibiz-template-plugin/sy-gs-web',
+    //   () => import('@ibiz-template-plugin/sy-gs-web'),
+    // );
+  },
+};