提交 ef7380da 编写于 作者: ibizdev's avatar ibizdev

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

上级 5bf95bfe
{
"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"
}
}
.am-pie-threed-echarts {
width: 100%;
height: 600px;
/* stylelint-disable-next-line selector-id-pattern */
#myChart {
width: 100%;
height: 100%;
}
}
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>
);
},
});
.chart-wrapper {
width: 100%;
height: 600px;
/* stylelint-disable-next-line selector-id-pattern */
#myChart {
width: 100%;
height: 100%;
}
}
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'),
// );
},
};
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册