Skip to content

F
FTT_Board
Commit 30484ddf authored by 王文琼's avatar 王文琼
Browse files
Options

看板模板

parent 9399d136
Hide whitespace changes
Inline Side-by-side
Showing with 383 additions and 403 deletions
FTT.Board.VueUI/src/views/board/chartDemo1/index.vue
View file @ 30484ddf
...@@ -88,9 +88,7 @@ ...@@ -88,9 +88,7 @@
.el-row { .el-row {
margin-bottom: 20px; margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
} }
.el-col { .el-col {
......
FTT.Board.VueUI/src/views/board/chartDemo1/left.vue
View file @ 30484ddf
<template> <template>
<div class="main-left"> <div class="main-left">
<div class="border-container"> <div class="border-container">
<div class="name-title"> <div class="name-title">
=== <a v-if="chartListLeft[0].tittle">{{chartListLeft[0].tittle}}</a>
</div> <a v-else>===</a>
<div id="radar1"> </div>
<component :is="left1" > </component> <div id="radar1">
<!-- <Edubalance /> --> <component :is="left1" :id="chartListLeft[0].id "></component>
<!-- <Edubalance /> -->
</div> </div>
<Border /> <Border />
</div> </div>
<div class="border-container"> <div class="border-container">
<div class="name-title"> <div class="name-title">
=== <a v-if="chartListLeft[1].tittle">{{chartListLeft[1].tittle}}</a>
</div> <a v-else>===</a>
<div id="graduateyear1"> </div>
<div id="graduateyear1">
<component :is="left2" > </component> <component :is="left2" :id="chartListLeft[1].id "></component>
</div> </div>
<ul class="three-pie clearfix"> <ul class="three-pie clearfix">
<li> <li>
<div id="sexrate1"> <div id="sexrate1">
<component :is="left3" > </component> <div class="name-title">
</div> <a v-if="chartListLeft[2].tittle">{{chartListLeft[2].tittle}}</a>
</li> <a v-else>===</a>
<li> </div>
<div id="householdrate1"> <component :is="left3" :id=" chartListLeft[2].id "></component>
<component :is="left4" > </component> </div>
</div> </li>
</li> <li>
</ul> <div id="householdrate1">
<Border /> <div class="name-title">
</div> <a v-if="chartListLeft[3].tittle">{{chartListLeft[3].tittle}}</a>
</div> <a v-else>===</a>
</div>
<component :is="left4" :id="chartListLeft[3].id "></component>
</div>
</li>
</ul>
<Border />
</div>
</div>
</template> </template>
<script> <script>
import Border from "../chartDemo/border"; import Border from "../chartDemo/border";
import Pie from '../../chart/echarts/pie'; import Pie from "../../chart/echarts/pie";
import Bar from '../../chart/echarts/bar'; import Bar from "../../chart/echarts/bar";
import chartLine from '../../chart/echarts/line'; import chartLine from "../../chart/echarts/line";
import Radar from '../../chart/echarts/radar'; import Radar from "../../chart/echarts/radar";
import Scatter from '../../chart/echarts/scatter'; import Scatter from "../../chart/echarts/scatter";
import Graduateyear from '../../chart/echarts/graduateyear'; import Graduateyear from "../../chart/echarts/graduateyear";
import Sexrate from '../../chart/echarts/sexrate'; import Sexrate from "../../chart/echarts/sexrate";
import Householdrate from '../../chart/echarts/householdrate'; import Householdrate from "../../chart/echarts/householdrate";
import Courserate from '../../chart/echarts/courserate'; import Courserate from "../../chart/echarts/courserate";
import Professionrate from '../../chart/echarts/professionrate' import Professionrate from "../../chart/echarts/professionrate";
import Changedetail from '../../chart/echarts/changedetail' import Changedetail from "../../chart/echarts/changedetail";
import Juniorservice from '../../chart/echarts/juniorservice' import Juniorservice from "../../chart/echarts/juniorservice";
import Edubalance from '../../chart/echarts/edubalance' import Edubalance from "../../chart/echarts/edubalance";
export default { export default {
components: { components: {
Pie, Pie,
Border, Border,
Bar, Bar,
chartLine, chartLine,
Radar, Radar,
Scatter, Scatter,
Graduateyear, Graduateyear,
Sexrate, Sexrate,
Householdrate, Householdrate,
Courserate, Courserate,
Professionrate, Professionrate,
Changedetail, Changedetail,
Juniorservice, Juniorservice,
Edubalance Edubalance
}, },
data() { data() {
return { return {
chart: { chart: {
BackgroundColor: "#040f3c", BackgroundColor: "#040f3c"
},
}, id: "id3",
id:'id3', chartListLeft: JSON.parse(localStorage.getItem("chartListLeft")),
chartListLeft:[], left1: "",
left1:'', left2: "",
left2:'', left3: "",
left3:'', left4: ""
left4:'' };
} },
}, // props:[
// props:[ // 'chartListLeft'
// 'chartListLeft' // ],
// ], // props:{
// props:{ // chartListLeft:Array,
// chartListLeft:Array,
// },
// },
mounted() {
mounted() { this.$nextTick(() => {
this.$nextTick(() => { // this.chartListLeft =
this.chartListLeft = JSON.parse(localStorage.getItem("chartListLeft")) this.left1 = this.chartListLeft[0].chartTypeId;
this.left1 = this.chartListLeft[0].chartTypeId; this.left2 = this.chartListLeft[1].chartTypeId;
this.left2 = this.chartListLeft[1].chartTypeId; this.left3 = this.chartListLeft[2].chartTypeId;
this.left3 = this.chartListLeft[2].chartTypeId; this.left4 = this.chartListLeft[3].chartTypeId;
this.left4 = this.chartListLeft[3].chartTypeId; console.log("vvvvvvvvvvvvv" + this.left1);
console.log("vvvvvvvvvvvvv"+this.left1) });
}); },
methods: {}
};
},
methods: {
},
}
</script> </script>
<style scoped> <style scoped>
.main-left { .main-left {
float: left; float: left;
width: 100%; width: 100%;
padding: 0 10px; padding: 0 10px;
box-sizing: border-box; box-sizing: border-box;
} }
.border-container { .border-container {
position: relative; position: relative;
margin-top: 15px; margin-top: 15px;
padding: 10px; padding: 10px;
border: 1px solid #54dcf2; border: 1px solid #54dcf2;
} }
.name-title {
font-size: 20px;
.name-title { color: #00ffff;
font-size: 20px; }
color: #00ffff;
} #radar1 {
height: 275px;
#radar1 { }
height: 275px;
} #dormitorydetail1 {
height: 135px;
#dormitorydetail1 { }
height: 135px;
} #graduateyear1 {
height: 192px;
#graduateyear1 { }
height: 192px;
} .three-pie {
border-top: 1px solid #2c768a;
.three-pie { margin: -10px;
border-top: 1px solid #2c768a; margin-top: 10px;
margin: -10px; height: 266px;
margin-top: 10px; }
height: 266px;
} .three-pie li {
float: left;
.three-pie li { width: 50%;
float: left; border-right: 1px solid #2c768a;
width: 50%; box-sizing: border-box;
border-right: 1px solid #2c768a; }
box-sizing: border-box;
} .three-pie li:last-child {
border-right: none;
.three-pie li:last-child { }
border-right: none;
} #sexrate1,
#householdrate1 {
#sexrate1, width: 100%;
#householdrate1 { height: 266px;
width:100%; }
height: 266px;
}
</style> </style>
FTT.Board.VueUI/src/views/board/chartDemo1/main.vue
View file @ 30484ddf
<template> <template>
<div class="main-middle"> <div class="main-middle">
<div class="border-container"> <div class="border-container">
<div id="mapadd1"> <div id="mapadd1">
<component :is="main1" > </component> <div class="name-title">
</div> <a v-if="chartListMain[2].tittle">{{chartListMain[2].tittle}}</a>
<a v-else>===</a>
<Border /> </div>
</div> <component :is="main1" :id="chartListMain[0].id "></component>
<div class="border-container"> </div>
<ul class="teacher-pie clearfix">
<li> <Border />
<div class="name-title"> </div>
======= <div class="border-container">
</div> <ul class="teacher-pie clearfix">
<div id="courserate1"> <li>
<component :is="main2" > </component> <div class="name-title">
</div> <a v-if="chartListMain[1].tittle">{{chartListMain[1].tittle}}</a>
</li> <a v-else>===</a>
<li> </div>
<div class="name-title"> <div id="courserate1">
======= <component :is="main2" :id=" chartListMain[1].id "></component>
</div> </div>
<div id="professionrate1"> </li>
<component :is="main3" > </component> <li>
</div> <div class="name-title">
</li> <a v-if="chartListMain[2].tittle">{{chartListMain[2].tittle}}</a>
</ul> <a v-else>===</a>
</div>
<div class="name-title"> <div id="professionrate1">
=== <component :is="main3" :id=" chartListMain[2].id "></component>
</div> </div>
<div id="changedetail1"> </li>
<component :is="main4" > </component> </ul>
</div>
<Border /> <div class="name-title">
</div> <a v-if="chartListMain[3].tittle">{{chartListMain[3].tittle}}</a>
</div> <a v-else>===</a>
</div>
<div id="changedetail1">
<component :is="main4" :id=" chartListMain[3].id "></component>
</div>
<Border />
</div>
</div>
</template> </template>
<script> <script>
import Border from "../chartDemo/border"; import Border from "../chartDemo/border";
import Pie from '../../chart/echarts/pie'; import Pie from "../../chart/echarts/pie";
import Bar from '../../chart/echarts/bar'; import Bar from "../../chart/echarts/bar";
import chartLine from '../../chart/echarts/line'; import chartLine from "../../chart/echarts/line";
import Radar from '../../chart/echarts/radar'; import Radar from "../../chart/echarts/radar";
import Scatter from '../../chart/echarts/scatter'; import Scatter from "../../chart/echarts/scatter";
import Graduateyear from '../../chart/echarts/graduateyear'; import Graduateyear from "../../chart/echarts/graduateyear";
import Sexrate from '../../chart/echarts/sexrate'; import Sexrate from "../../chart/echarts/sexrate";
import Householdrate from '../../chart/echarts/householdrate'; import Householdrate from "../../chart/echarts/householdrate";
import Courserate from '../../chart/echarts/courserate'; import Courserate from "../../chart/echarts/courserate";
import Professionrate from '../../chart/echarts/professionrate' import Professionrate from "../../chart/echarts/professionrate";
import Changedetail from '../../chart/echarts/changedetail' import Changedetail from "../../chart/echarts/changedetail";
import Juniorservice from '../../chart/echarts/juniorservice' import Juniorservice from "../../chart/echarts/juniorservice";
import Edubalance from '../../chart/echarts/edubalance' import Edubalance from "../../chart/echarts/edubalance";
export default { export default {
components: { components: {
Pie, Pie,
Border, Border,
Bar, Bar,
chartLine, chartLine,
Radar, Radar,
Scatter, Scatter,
Graduateyear, Graduateyear,
Sexrate, Sexrate,
Householdrate, Householdrate,
Courserate, Courserate,
Professionrate, Professionrate,
Changedetail, Changedetail,
Juniorservice, Juniorservice,
Edubalance Edubalance
}, },
data() { data() {
return { return {
chart: { chart: {
BackgroundColor: "#040f3c", BackgroundColor: "#040f3c"
},
}, id: "id3",
id:'id3', chartListMain: JSON.parse(localStorage.getItem("chartListMain")),
chartListMain:[], main1: "",
main1:'', main2: "",
main2:'', main3: "",
main3:'', main4: ""
main4:'' };
} },
},
mounted() {
this.$nextTick(() => {
mounted() { //this.chartListMain =
this.$nextTick(() => { this.main1 = this.chartListMain[0].chartTypeId;
this.chartListMain = JSON.parse(localStorage.getItem("chartListMain")) this.main2 = this.chartListMain[1].chartTypeId;
this.main1 = this.chartListMain[0].chartTypeId; this.main3 = this.chartListMain[2].chartTypeId;
this.main2 = this.chartListMain[1].chartTypeId; this.main4 = this.chartListMain[3].chartTypeId;
this.main3 = this.chartListMain[2].chartTypeId; console.log("vvvvvvvvvvvvv" + this.main1);
this.main4 = this.chartListMain[3].chartTypeId; });
console.log("vvvvvvvvvvvvv"+this.main1) },
}); methods: {}
};
},
methods: {
},
}
</script> </script>
<style scoped> <style scoped>
.main-middle { .main-middle {
padding: 0 10px;
padding: 0 10px; }
}
.border-container {
.border-container { position: relative;
position: relative; margin-top: 15px;
margin-top: 15px; padding: 10px;
padding: 10px; border: 1px solid #54dcf2;
border: 1px solid #54dcf2; }
}
.name-title {
font-size: 20px;
.name-title { color: #00ffff;
font-size: 20px; }
color: #00ffff;
} #mapadd1 {
height: 304px;
#mapadd1 { }
height: 304px;
} .number-show {
position: absolute;
.number-show { top: 20%;
position: absolute; right: 5%;
top: 20%; }
right: 5%;
} .number-show span.span-name {
font-size: 14px;
.number-show span.span-name { color: #fffd51;
font-size: 14px; }
color: #fffd51;
} .number-show span.span-number-show {
font-size: 18px;
.number-show span.span-number-show { color: #54b5b5;
font-size: 18px; font-style: italic;
color: #54b5b5; }
font-style: italic;
} .number-show li {
line-height: 25px;
.number-show li { }
line-height: 25px;
} #teacherrate1,
#courserate1,
#teacherrate1, #professionrate1 {
#courserate1, height: 200px;
#professionrate1 { }
height: 200px;
} #agelist1 {
height: 130px;
#agelist1 { }
height: 130px;
} #changedetail1 {
height: 229px;
#changedetail1 { }
height: 229px;
} .teacher-pie li:last-child {
border-right: none;
.teacher-pie li:last-child { }
border-right: none;
} .teacher-pie li .name-title {
padding-left: 10px;
.teacher-pie li .name-title { padding-top: 10px;
padding-left: 10px; }
padding-top: 10px;
} .teacher-pie li {
float: left;
.teacher-pie li { width: 50%;
float: left; border-right: 1px solid #2c768a;
width: 50%; box-sizing: border-box;
border-right: 1px solid #2c768a; }
box-sizing: border-box;
} .teacher-pie {
border-bottom: 1px solid #2c768a;
.teacher-pie { margin: -10px;
border-bottom: 1px solid #2c768a; margin-bottom: 0;
margin: -10px; }
margin-bottom: 0;
}
</style> </style>
FTT.Board.VueUI/src/views/board/chartDemo1/right.vue
View file @ 30484ddf
<template> <template>
<div class="main-right"> <div class="main-right">
<div class="border-container"> <div class="border-container">
<div class="name-title">===</div> <div class="name-title">
<a v-if="chartListRight[0].tittle">{{chartListRight[0].tittle}}</a>
<a v-else>===</a>
</div>
<div style=" height: 275px;"> <div style=" height: 275px;">
<component :is="right1"></component> <component :is="right1" :id=" chartListRight[0].id "></component>
</div> </div>
<Border /> <Border />
</div> </div>
<div class="border-container"> <div class="border-container">
<div class="name-title">===</div> <div class="name-title">
<a v-if="chartListRight[1].tittle">{{chartListRight[1].tittle}}</a>
<a v-else>===</a>
</div>
<div id="juniorservice1"> <div id="juniorservice1">
<component :is="right2"></component> <component :is="right2" :id=" chartListRight[1].id "></component>
</div> </div>
<Border /> <Border />
</div> </div>
<div class="border-container"> <div class="border-container">
<div class="name-title">===</div> <div class="name-title">
<a v-if="chartListRight[2].tittle">{{chartListRight[2].tittle}}</a>
<a v-else>===</a>
</div>
<div id="edubalance1"> <div id="edubalance1">
<component :is="right3"></component> <component :is="right3" :id="chartListRight[2].id "></component>
</div> </div>
<Border /> <Border />
</div> </div>
...@@ -63,7 +72,7 @@ export default { ...@@ -63,7 +72,7 @@ export default {
BackgroundColor: "#040f3c" BackgroundColor: "#040f3c"
}, },
chartListRight: [], chartListRight: JSON.parse(localStorage.getItem("chartListRight")),
right1: "", right1: "",
right2: "", right2: "",
right3: "" right3: ""
...@@ -72,7 +81,7 @@ export default { ...@@ -72,7 +81,7 @@ export default {
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
this.chartListRight = JSON.parse(localStorage.getItem("chartListRight")); // this.chartListRight = ;
this.right1 = this.chartListRight[0].chartTypeId; this.right1 = this.chartListRight[0].chartTypeId;
this.right2 = this.chartListRight[1].chartTypeId; this.right2 = this.chartListRight[1].chartTypeId;
this.right3 = this.chartListRight[2].chartTypeId; this.right3 = this.chartListRight[2].chartTypeId;
......
FTT.Board.VueUI/src/views/chart/echarts/bar/index.vue
View file @ 30484ddf
...@@ -15,7 +15,7 @@ export default { ...@@ -15,7 +15,7 @@ export default {
return { return {
width: 0, width: 0,
height: 0, height: 0,
id: "love" // id: "love"
}; };
}, },
mounted() { mounted() {
...@@ -31,7 +31,7 @@ export default { ...@@ -31,7 +31,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
// props: ['chart', 'id'], props: [ 'id'],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
FTT.Board.VueUI/src/views/chart/echarts/changedetail/index.vue
View file @ 30484ddf
...@@ -12,7 +12,7 @@ var echarts = require("echarts"); ...@@ -12,7 +12,7 @@ var echarts = require("echarts");
export default { export default {
data() { data() {
return { return {
id: "changedetail", // id: "changedetail",
}; };
}, },
...@@ -25,7 +25,7 @@ export default { ...@@ -25,7 +25,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
//props: ['chart', 'id'], props: [ 'id'],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
FTT.Board.VueUI/src/views/chart/echarts/courserate/index.vue
View file @ 30484ddf
...@@ -12,7 +12,7 @@ var echarts = require("echarts"); ...@@ -12,7 +12,7 @@ var echarts = require("echarts");
export default { export default {
data() { data() {
return { return {
id: "courserate",
data: [ data: [
{ {
name: "FK", name: "FK",
...@@ -65,7 +65,7 @@ export default { ...@@ -65,7 +65,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
//props: ['chart', 'id'], props: [ 'id'],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
FTT.Board.VueUI/src/views/chart/echarts/edubalance/index.vue
View file @ 30484ddf
...@@ -12,7 +12,7 @@ var echarts = require("echarts"); ...@@ -12,7 +12,7 @@ var echarts = require("echarts");
export default { export default {
data() { data() {
return { return {
id: "edubalance", // id: "edubalance",
}; };
}, },
...@@ -25,7 +25,7 @@ export default { ...@@ -25,7 +25,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
//props: ['chart', 'id'], props: [ 'id'],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
FTT.Board.VueUI/src/views/chart/echarts/graduateyear/index.vue
View file @ 30484ddf
...@@ -13,7 +13,7 @@ export default { ...@@ -13,7 +13,7 @@ export default {
name: "radar", name: "radar",
data() { data() {
return { return {
id: "graduateyear" // id: "graduateyear"
}; };
}, },
mounted() { mounted() {
...@@ -25,7 +25,7 @@ export default { ...@@ -25,7 +25,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
//props: ['chart', 'id'], props: [ 'id'],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
FTT.Board.VueUI/src/views/chart/echarts/householdrate/index.vue
View file @ 30484ddf
...@@ -5,14 +5,12 @@ ...@@ -5,14 +5,12 @@
</template> </template>
<script> <script>
import Axios from "@/function/axios.js";
import qs from "qs";
var echarts = require("echarts"); var echarts = require("echarts");
export default { export default {
data() { data() {
return { return {
id: "householdrate", // id: "householdrate",
data: [ data: [
{ {
name: 'FK', name: 'FK',
...@@ -60,7 +58,7 @@ export default { ...@@ -60,7 +58,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
//props: ['chart', 'id'], props: [ 'id'],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
FTT.Board.VueUI/src/views/chart/echarts/juniorservice/index.vue
View file @ 30484ddf
...@@ -5,14 +5,11 @@ ...@@ -5,14 +5,11 @@
</template> </template>
<script> <script>
import Axios from "@/function/axios.js";
import qs from "qs";
var echarts = require("echarts"); var echarts = require("echarts");
export default { export default {
data() { data() {
return { return {
id: "juniorservice", // id: "juniorservice",
}; };
}, },
...@@ -25,7 +22,7 @@ export default { ...@@ -25,7 +22,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
//props: ['chart', 'id'], props: [ 'id'],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
FTT.Board.VueUI/src/views/chart/echarts/line/index.vue
View file @ 30484ddf
...@@ -5,10 +5,7 @@ ...@@ -5,10 +5,7 @@
</template> </template>
<script> <script>
import Axios from "@/function/axios.js";
import qs from "qs";
var echarts = require("echarts"); var echarts = require("echarts");
export default { export default {
name: "radar", name: "radar",
data() { data() {
...@@ -95,7 +92,7 @@ export default { ...@@ -95,7 +92,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
//props: ['chart', 'id'], props: [ 'id'],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
FTT.Board.VueUI/src/views/chart/echarts/pie/index.vue
View file @ 30484ddf
...@@ -5,17 +5,14 @@ ...@@ -5,17 +5,14 @@
</template> </template>
<script> <script>
import Axios from "@/function/axios.js";
import qs from "qs";
var echarts = require("echarts"); var echarts = require("echarts");
export default { export default {
name: "pie", name: "pie",
data() { data() {
return { return {
width: 0, width: 0,
height: 0, height: 0,
id: "pie" // id: "pie"
}; };
}, },
mounted() { mounted() {
...@@ -31,7 +28,7 @@ export default { ...@@ -31,7 +28,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
// props: ['chart', 'id'], props: [ 'id'],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
FTT.Board.VueUI/src/views/chart/echarts/professionrate/index.vue
View file @ 30484ddf
...@@ -12,7 +12,7 @@ var echarts = require("echarts"); ...@@ -12,7 +12,7 @@ var echarts = require("echarts");
export default { export default {
data() { data() {
return { return {
id: "professionrate", // id: "professionrate",
data: [ data: [
{ {
name: "FK", name: "FK",
...@@ -54,7 +54,7 @@ export default { ...@@ -54,7 +54,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
//props: ['chart', 'id'], props: [ 'id'],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
FTT.Board.VueUI/src/views/chart/echarts/radar/index.vue
View file @ 30484ddf
...@@ -6,21 +6,18 @@ ...@@ -6,21 +6,18 @@
</template> </template>
<script> <script>
import Axios from "@/function/axios.js";
import qs from "qs";
var echarts = require("echarts"); var echarts = require("echarts");
export default { export default {
name: "radar1", name: "radar1",
data() { data() {
return { return {
width: 0, width: 0,
height: 0, height: 0,
id: "radar1" // id: "radar1"
}; };
}, },
mounted() { mounted() {
console.log(this.width, this.height); console.log(this.id);
this.$nextTick(() => { this.$nextTick(() => {
this.setCharcts(); this.setCharcts();
...@@ -28,7 +25,7 @@ export default { ...@@ -28,7 +25,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
// props: ["chart", "id"], props: ["id"],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
FTT.Board.VueUI/src/views/chart/echarts/scatter/index.vue
View file @ 30484ddf
...@@ -5,10 +5,7 @@ ...@@ -5,10 +5,7 @@
</template> </template>
<script> <script>
import Axios from "@/function/axios.js";
import qs from "qs";
var echarts = require("echarts"); var echarts = require("echarts");
export default { export default {
name: "radar", name: "radar",
data() { data() {
...@@ -71,7 +68,7 @@ export default { ...@@ -71,7 +68,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
// props: ['chart', 'id'], props: [ 'id'],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
FTT.Board.VueUI/src/views/chart/echarts/sexrate/index.vue
View file @ 30484ddf
...@@ -12,7 +12,7 @@ var echarts = require("echarts"); ...@@ -12,7 +12,7 @@ var echarts = require("echarts");
export default { export default {
data() { data() {
return { return {
id: "sexrate", // id: "sexrate",
data: [ data: [
{ {
name: "PK", name: "PK",
...@@ -60,7 +60,7 @@ export default { ...@@ -60,7 +60,7 @@ export default {
}, },
//props: [ 'width', 'height','boardstore','chart','id'], //props: [ 'width', 'height','boardstore','chart','id'],
//props: ['chart', 'id'], props: [ 'id'],
methods: { methods: {
setCharcts() { setCharcts() {
var myChart = echarts.init(document.getElementById(this.id)); var myChart = echarts.init(document.getElementById(this.id));
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment