提交内容

whychdw

2021-03-12 fd9594e94824821015e0617e0454e3da1cd2662c

提交内容

 package-lock.json

Diff too large

 src/assets/js/charts/index.js

New file
@@ -0,0 +1,12 @@
import zengyvkai from "@/assets/js/charts/persons/zengyvkai";
import huodongwei from "@/assets/js/charts/persons/huodongwei";

let modularTitle = [...zengyvkai.modularTitle,...huodongwei.modularTitle];
let modularBg = [...zengyvkai.modularBg];
let modularData = [...zengyvkai.modularData];

export default {
    modularTitle,
    modularBg,
    modularData,
};

 src/assets/js/charts/persons/huodongwei.js

New file
@@ -0,0 +1,16 @@
let modularTitle = [
    {
        title: '蓝色头部-1',
        selected: false,
        name: 'bigscreenTitle1',
        img: require("@/assets/images/bigscreenTitle1.png")
    },
];
let modularBg = [];
let modularData = [];

export default {
    modularTitle,
    modularBg,
    modularData,
};

 src/assets/js/charts/persons/wangxuan.js

 src/assets/js/charts/persons/zengyvkai.js

New file
@@ -0,0 +1,53 @@
let modularTitle = [
    {
        title: '蓝色头部-2',
        selected: false,
        name: 'bigscreenTitle2',
        img: require("@/assets/images/bigscreenTitle2.png"),
    }
];
let modularBg = [
    {
        title: '大屏背景-1',
        selected: false,
        name: 'bigscreenbg1',
        img: require("@/assets/images/bigscreenbg1.jpg")
    },
    {
        title: '大屏背景-2',
        selected: false,
        name: 'bigscreenbg2',
        img: require("@/assets/images/bigscreenbg2.jpg")
    }
];
let modularData = [
    {
        title: '放电和充电电流',
        type: 'latticeBar',
        img: require("@/assets/images/modular-latticeBar.png")
    },
    {
        title: '整流器',
        type: 'ImgPieChart',
        img: require("@/assets/images/modular-ImgPieChart.png")
    },
    {
        title: '电池组',
        type: 'TriangleBarChart',
        img: require("@/assets/images/modular-TriangleBarChart.png")
    },
    {
        title: '电池状态',
        type: 'AbeamProChart',
        img: require("@/assets/images/modular-AbeamProChart.png")
    }
];

export default {
    components: [

    ],
    modularTitle,
    modularBg,
    modularData,
};

 src/pages/design.vue

@@ -68,6 +68,7 @@
</template>

<script>
  import charts from '@/assets/js/charts';
  import ScreenTitle from '../components/screenTitle.vue'
  import settingModular from '../components/settingModular.vue'
  import html2canvas from 'html2canvas'
@@ -161,45 +162,9 @@
      return {
        screenTitleBg: null,
        screenBg: null,
        modularTitle: [{
          title: '蓝色头部-1',
          selected: false,
          name: 'bigscreenTitle1',
          img: require("../assets/images/bigscreenTitle1.png")
        }, {
          title: '蓝色头部-2',
          selected: false,
          name: 'bigscreenTitle2',
          img: require("../assets/images/bigscreenTitle2.png")
        }],
        modularBg: [{
          title: '大屏背景-1',
          selected: false,
          name: 'bigscreenbg1',
          img: require("../assets/images/bigscreenbg1.jpg")
        }, {
          title: '大屏背景-2',
          selected: false,
          name: 'bigscreenbg2',
          img: require("../assets/images/bigscreenbg2.jpg")
        }],
        modularData: [{
          title: '放电和充电电流',
          type: 'latticeBar',
          img: require("../assets/images/modular-latticeBar.png")
        }, {
          title: '整流器',
          type: 'ImgPieChart',
          img: require("../assets/images/modular-ImgPieChart.png")
        }, {
          title: '电池组',
          type: 'TriangleBarChart',
          img: require("../assets/images/modular-TriangleBarChart.png")
        }, {
          title: '电池状态',
          type: 'AbeamProChart',
          img: require("../assets/images/modular-AbeamProChart.png")
        }],
        modularTitle: charts.modularTitle,
        modularBg: charts.modularBg,
        modularData: charts.modularData,
        layOut: {
          name: '电源监控平台',
          titleNmae: 'bigscreenTitle1',