|
@@ -46,7 +46,7 @@
|
|
|
</basic-container>
|
|
|
<basic-container>
|
|
|
<index-card
|
|
|
- title="工资同比走势图"
|
|
|
+ title="工资环比走势图"
|
|
|
iconName="el-icon-s-fold"
|
|
|
style="height:500px;margin-bottom: 30px"
|
|
|
>
|
|
@@ -84,7 +84,7 @@
|
|
|
</basic-container>
|
|
|
<basic-container>
|
|
|
<index-card
|
|
|
- title="工资环比走势图"
|
|
|
+ title="工资同比走势图"
|
|
|
iconName="el-icon-s-fold"
|
|
|
style="height:500px;margin-bottom: 30px"
|
|
|
>
|
|
@@ -132,6 +132,21 @@
|
|
|
>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
+ <el-select
|
|
|
+ slot="content"
|
|
|
+ size="mini"
|
|
|
+ v-model="salaryType3"
|
|
|
+ placeholder="请选择"
|
|
|
+ @change="getsalaryDataChain"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</div>
|
|
|
|
|
|
<div slot="content" style="height:450px" id="commoDity2"></div>
|
|
@@ -142,7 +157,11 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { salaryStatistics, salaryData, salaryDataChain } from "@/api/wel";
|
|
|
+import {
|
|
|
+ salaryStatistics,
|
|
|
+ salaryData,
|
|
|
+ salaryDataChain
|
|
|
+} from "@/api/wel";
|
|
|
import { mapGetters } from "vuex";
|
|
|
import indexCard from "../components/card.vue";
|
|
|
import butCard from "../components/butCard.vue";
|
|
@@ -150,6 +169,7 @@ export default {
|
|
|
name: "wel",
|
|
|
data() {
|
|
|
return {
|
|
|
+ tradeType: null,
|
|
|
moon: null,
|
|
|
semester: null,
|
|
|
moonList: [],
|
|
@@ -164,6 +184,7 @@ export default {
|
|
|
annual3: "2022",
|
|
|
salaryType: "",
|
|
|
salaryType2: "",
|
|
|
+ salaryType3:"",
|
|
|
isHeight: {},
|
|
|
options: [
|
|
|
{
|
|
@@ -319,8 +340,8 @@ export default {
|
|
|
})
|
|
|
.then(res => {
|
|
|
res.data.data.forEach(e => {
|
|
|
- this.fsalaryList.push(Number(e.fsalary));
|
|
|
- this.studentNumberList.push(Number(e.studentNumber));
|
|
|
+ this.fsalaryList.push(Number(e.fsalary).toFixed(6));
|
|
|
+ this.studentNumberList.push(Number(e.studentNumber).toFixed(2));
|
|
|
});
|
|
|
})
|
|
|
.finally(() => {
|
|
@@ -342,7 +363,8 @@ export default {
|
|
|
salaryDataChain({
|
|
|
annual: this.annual3,
|
|
|
moon: this.moon,
|
|
|
- semester: this.semester
|
|
|
+ semester: this.semester,
|
|
|
+ salaryType:this.salaryType3
|
|
|
})
|
|
|
.then(res => {
|
|
|
let data = res.data.data;
|
|
@@ -350,17 +372,27 @@ export default {
|
|
|
this.yearList.push(Number(this.annual3) - i + "年");
|
|
|
}
|
|
|
this.fsalaryList2.push(Number(data.fsalary));
|
|
|
- this.fsalaryList2.push(Number(data.fsalaryOne));
|
|
|
- this.fsalaryList2.push(Number(data.fsalaryTwo));
|
|
|
- this.fsalaryList2.push(Number(data.fsalaryThree));
|
|
|
- this.fsalaryList2.push(Number(data.fsalaryFour));
|
|
|
- this.fsalaryList2.push(Number(data.fsalaryFive));
|
|
|
- this.studentNumberList2.push(Number(data.studentNumber));
|
|
|
- this.studentNumberList2.push(Number(data.studentNumberOne));
|
|
|
- this.studentNumberList2.push(Number(data.studentNumberTwo));
|
|
|
- this.studentNumberList2.push(Number(data.studentNumberThree));
|
|
|
- this.studentNumberList2.push(Number(data.studentNumberFour));
|
|
|
- this.studentNumberList2.push(Number(data.studentNumberFive));
|
|
|
+ this.fsalaryList2.push(Number(data.fsalaryOne).toFixed(2));
|
|
|
+ this.fsalaryList2.push(Number(data.fsalaryTwo).toFixed(2));
|
|
|
+ this.fsalaryList2.push(Number(data.fsalaryThree).toFixed(2));
|
|
|
+ this.fsalaryList2.push(Number(data.fsalaryFour).toFixed(2));
|
|
|
+ this.fsalaryList2.push(Number(data.fsalaryFive).toFixed(2));
|
|
|
+ this.studentNumberList2.push(Number(data.studentNumber).toFixed(2));
|
|
|
+ this.studentNumberList2.push(
|
|
|
+ Number(data.studentNumberOne).toFixed(2)
|
|
|
+ );
|
|
|
+ this.studentNumberList2.push(
|
|
|
+ Number(data.studentNumberTwo).toFixed(2)
|
|
|
+ );
|
|
|
+ this.studentNumberList2.push(
|
|
|
+ Number(data.studentNumberThree).toFixed(2)
|
|
|
+ );
|
|
|
+ this.studentNumberList2.push(
|
|
|
+ Number(data.studentNumberFour).toFixed(2)
|
|
|
+ );
|
|
|
+ this.studentNumberList2.push(
|
|
|
+ Number(data.studentNumberFive).toFixed(2)
|
|
|
+ );
|
|
|
})
|
|
|
.finally(() => {
|
|
|
this.commoDity2();
|
|
@@ -399,7 +431,6 @@ export default {
|
|
|
commoDity() {
|
|
|
// 基于准备好的dom,初始化echarts实例,所以只能在mounted中调用
|
|
|
let myChart = this.$echarts.init(document.getElementById("commoDity"));
|
|
|
-
|
|
|
// 绘制图表
|
|
|
myChart.setOption({
|
|
|
tooltip: {
|
|
@@ -434,12 +465,38 @@ export default {
|
|
|
bottom: "3%",
|
|
|
containLabel: true
|
|
|
},
|
|
|
- yAxis: {
|
|
|
- type: "value",
|
|
|
- axisLabel: {
|
|
|
- formatter: "{value} 元"
|
|
|
+ yAxis: [
|
|
|
+ {
|
|
|
+ type: "value",
|
|
|
+ name: "人民币",
|
|
|
+ position: "left",
|
|
|
+ alignTicks: true,
|
|
|
+ axisLine: {
|
|
|
+ show: true,
|
|
|
+ lineStyle: {
|
|
|
+ color: "#5470C6"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ formatter: "{value} 元"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: "value",
|
|
|
+ name: "人数",
|
|
|
+ position: "right",
|
|
|
+ alignTicks: true,
|
|
|
+ axisLine: {
|
|
|
+ show: true,
|
|
|
+ lineStyle: {
|
|
|
+ color: "#91CC75"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ formatter: "{value} 人"
|
|
|
+ }
|
|
|
}
|
|
|
- },
|
|
|
+ ],
|
|
|
series: [
|
|
|
{
|
|
|
data: this.fsalaryList,
|
|
@@ -449,6 +506,7 @@ export default {
|
|
|
{
|
|
|
data: this.studentNumberList,
|
|
|
name: "人数",
|
|
|
+ yAxisIndex: 1,
|
|
|
type: "bar"
|
|
|
}
|
|
|
]
|
|
@@ -471,7 +529,7 @@ export default {
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: "category",
|
|
|
- data: this.yearList,
|
|
|
+ data: this.yearList
|
|
|
},
|
|
|
grid: {
|
|
|
left: "3%",
|
|
@@ -479,12 +537,38 @@ export default {
|
|
|
bottom: "3%",
|
|
|
containLabel: true
|
|
|
},
|
|
|
- yAxis: {
|
|
|
- type: "value",
|
|
|
- axisLabel: {
|
|
|
- formatter: "{value} 元"
|
|
|
+ yAxis: [
|
|
|
+ {
|
|
|
+ type: "value",
|
|
|
+ name: "人民币",
|
|
|
+ position: "left",
|
|
|
+ alignTicks: true,
|
|
|
+ axisLine: {
|
|
|
+ show: true,
|
|
|
+ lineStyle: {
|
|
|
+ color: "#5470C6"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ formatter: "{value} 元"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: "value",
|
|
|
+ name: "人数",
|
|
|
+ position: "right",
|
|
|
+ alignTicks: true,
|
|
|
+ axisLine: {
|
|
|
+ show: true,
|
|
|
+ lineStyle: {
|
|
|
+ color: "#91CC75"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ formatter: "{value} 人"
|
|
|
+ }
|
|
|
}
|
|
|
- },
|
|
|
+ ],
|
|
|
series: [
|
|
|
{
|
|
|
data: this.fsalaryList2,
|
|
@@ -494,6 +578,7 @@ export default {
|
|
|
{
|
|
|
data: this.studentNumberList2,
|
|
|
name: "人数",
|
|
|
+ yAxisIndex: 1,
|
|
|
type: "bar"
|
|
|
}
|
|
|
]
|