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

init
gongdi 4 years ago
parent cfab8a70c5
commit b303aaadcf

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

@ -204,6 +204,15 @@
}
</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>

@ -57,10 +57,30 @@
},
data(){
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: {
drawLine() {
this.charts = echarts.init(this.$refs.bar_dv);
@ -73,21 +93,53 @@
if (this.isType === "across") {
xAxis = {
type: "value",
name:this.yAxisName
name: this.yAxisName,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
};
yAxis = {
type: "category",
data: this.xAxisData,
name: this.xAxisName,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
};
} else if (this.isType === 'time') {
xAxis = {
type: 'time',
boundaryGap: false,
splitNumber:2
splitNumber: 2,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
};
yAxis = {
type: 'value',
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
},
// boundaryGap: [0, '100%']
}
} else if (this.isType === "manyBarFloor") {
@ -95,24 +147,54 @@
type: "category",
data: this.xAxisData,
name: this.xAxisName,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
interval: 0,
rotate:40
rotate: 40,
textStyle: {
color: this.echartColor//
}
}
};
yAxis = {
type: "value",
name:this.yAxisName
name: this.yAxisName,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
};
} else {
xAxis = {
type: "category",
data: this.xAxisData,
name: this.xAxisName,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
};
yAxis = {
type: "value",
name:this.yAxisName
name: this.yAxisName,
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
};
}
this.charts.setOption({
@ -127,7 +209,10 @@
legend: {
x: 'center',
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' ? [{
type: 'inside',

@ -40,20 +40,58 @@
},
data(){
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: {
drawLine() {
this.charts = echarts.init(this.$refs.line_dv);
this.charts.setOption({
legend: {
type: 'scroll',
textStyle: {
color: this.echartColor//
}
},
xAxis: {
type: "category",
data: this.xAxisData,
axisLabel:{
textStyle: {
color: this.echartColor//
}
}
},
yAxis: {
type: "value",
nameTextStyle: {
color: this.echartColor//
},
axisLabel: {
textStyle: {
color: this.echartColor//
}
}
},
dataZoom:[ {
show: true,

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

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

Loading…
Cancel
Save