洋浦学校 待办工作阶段代码提交

init
gongdi 4 years ago
parent cfab8a70c5
commit b303aaadcf

@ -501,6 +501,14 @@
<style scoped lang="scss"> <style scoped lang="scss">
.PsychologicalWarningSmall{ .PsychologicalWarningSmall{
/deep/ .ant-tabs-nav{
.ant-tabs-tab{
color: var(--moduleFontColor);
}
.ant-tabs-tab-active{
color: #31a8fa;
}
}
.condition{ .condition{
margin-right: 1rem; margin-right: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;

@ -204,6 +204,15 @@
} }
</script> </script>
<style scoped> <style scoped lang="scss">
.selectSubjectAnalysis{
/deep/ .ant-tabs-nav{
.ant-tabs-tab{
color: var(--moduleFontColor);
}
.ant-tabs-tab-active{
color: #31a8fa;
}
}
}
</style> </style>

@ -57,10 +57,30 @@
}, },
data(){ data(){
return { return {
// echartColor: "",
} }
}, },
watch: {
'$store.state.userStore.theme': {
handler (val) {
if (val === "systemTheme") {
this.echartColor = "#fff";
} else {
this.echartColor = "#aaaaaa";
}
if (this.charts) {
let option = this.charts.getOption();
option.legend[0].textStyle.color = this.echartColor;
option.xAxis[0].axisLabel.textStyle.color = this.echartColor;
option.yAxis[0].axisLabel.textStyle.color = this.echartColor;
option.xAxis[0].nameTextStyle.color = this.echartColor;
option.yAxis[0].nameTextStyle.color = this.echartColor;
this.charts.setOption(option)
}
},
immediate: true
},
},
methods: { methods: {
drawLine() { drawLine() {
this.charts = echarts.init(this.$refs.bar_dv); this.charts = echarts.init(this.$refs.bar_dv);
@ -73,21 +93,53 @@
if (this.isType === "across") { if (this.isType === "across") {
xAxis = { xAxis = {
type: "value", type: "value",
name:this.yAxisName name: this.yAxisName,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
}; };
yAxis = { yAxis = {
type: "category", type: "category",
data: this.xAxisData, data: this.xAxisData,
name: this.xAxisName, name: this.xAxisName,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
}; };
} else if (this.isType === 'time') { } else if (this.isType === 'time') {
xAxis = { xAxis = {
type: 'time', type: 'time',
boundaryGap: false, boundaryGap: false,
splitNumber:2 splitNumber: 2,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
}; };
yAxis = { yAxis = {
type: 'value', type: 'value',
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
},
// boundaryGap: [0, '100%'] // boundaryGap: [0, '100%']
} }
} else if (this.isType === "manyBarFloor") { } else if (this.isType === "manyBarFloor") {
@ -95,24 +147,54 @@
type: "category", type: "category",
data: this.xAxisData, data: this.xAxisData,
name: this.xAxisName, name: this.xAxisName,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: { axisLabel: {
interval: 0, interval: 0,
rotate:40 rotate: 40,
textStyle: {
color: this.echartColor//
}
} }
}; };
yAxis = { yAxis = {
type: "value", type: "value",
name:this.yAxisName name: this.yAxisName,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
}; };
} else { } else {
xAxis = { xAxis = {
type: "category", type: "category",
data: this.xAxisData, data: this.xAxisData,
name: this.xAxisName, name: this.xAxisName,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
}; };
yAxis = { yAxis = {
type: "value", type: "value",
name:this.yAxisName name: this.yAxisName,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
}; };
} }
this.charts.setOption({ this.charts.setOption({
@ -127,7 +209,10 @@
legend: { legend: {
x: 'center', x: 'center',
y: this.isType === 'time' || this.isType === 'manyBarFloor' || this.isType === 'across' ? 'top' : 'bottom', y: this.isType === 'time' || this.isType === 'manyBarFloor' || this.isType === 'across' ? 'top' : 'bottom',
data: this.legendData data: this.legendData,
textStyle: {
color: this.echartColor//
}
}, },
dataZoom: this.isType === 'time' ? [{ dataZoom: this.isType === 'time' ? [{
type: 'inside', type: 'inside',

@ -40,20 +40,58 @@
}, },
data(){ data(){
return { return {
// echartColor: "",
} }
}, },
watch: {
'$store.state.userStore.theme': {
handler (val) {
if (val === "systemTheme") {
this.echartColor = "#fff";
} else {
this.echartColor = "#aaaaaa";
}
if (this.charts) {
let option = this.charts.getOption();
option.legend[0].textStyle.color = this.echartColor;
option.xAxis[0].axisLabel.textStyle.color = this.echartColor;
option.yAxis[0].axisLabel.textStyle.color = this.echartColor;
option.yAxis[0].nameTextStyle.color = this.echartColor;
this.charts.setOption(option)
}
},
immediate: true
},
},
methods: { methods: {
drawLine() { drawLine() {
this.charts = echarts.init(this.$refs.line_dv); this.charts = echarts.init(this.$refs.line_dv);
this.charts.setOption({ this.charts.setOption({
legend: {
type: 'scroll',
textStyle: {
color: this.echartColor//
}
},
xAxis: { xAxis: {
type: "category", type: "category",
data: this.xAxisData, data: this.xAxisData,
axisLabel:{
textStyle: {
color: this.echartColor//
}
}
}, },
yAxis: { yAxis: {
type: "value", type: "value",
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
}, },
dataZoom:[ { dataZoom:[ {
show: true, show: true,

@ -438,6 +438,8 @@
itemWidth: 15, itemWidth: 15,
itemHeight: 15, itemHeight: 15,
data: legendList, data: legendList,
//top: 'bottom',
type: 'scroll',
textStyle: { textStyle: {
color: this.echartColor// color: this.echartColor//
} }

@ -505,6 +505,14 @@
display: flex; display: flex;
.tab-change-div { .tab-change-div {
width: 50%; width: 50%;
.ant-tabs-nav{
.ant-tabs-tab{
color: var(--moduleFontColor);
}
.ant-tabs-tab-active{
color: #31a8fa;
}
}
} }
.time-change-div { .time-change-div {
width: 50%; width: 50%;

Loading…
Cancel
Save