|
|
@@ -4,19 +4,23 @@
|
|
|
<div class="salesCard">
|
|
|
<a-tabs default-active-key="1" size="large" :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}">
|
|
|
<div class="extra-wrapper" slot="tabBarExtraContent">
|
|
|
- <a-month-picker style="margin-left: 8px" v-model="queryParam.startMonth" placeholder="开始月份" @change="onStartChange" />
|
|
|
- <a-month-picker style="margin-left: 8px" v-model="queryParam.endMonth" placeholder="结束月份" @change="onEndChange" />
|
|
|
+ <a-month-picker
|
|
|
+ style="margin-left: 8px"
|
|
|
+ :default-value="moment(defaultStartMonth, monthFormat)"
|
|
|
+ :format="monthFormat"
|
|
|
+ v-model="queryParam.startMonth"
|
|
|
+ placeholder="开始月份"
|
|
|
+ @change="onStartChange" />
|
|
|
+ <a-month-picker
|
|
|
+ style="margin-left: 8px"
|
|
|
+ :default-value="moment(defaultEndMonth, monthFormat)"
|
|
|
+ :format="monthFormat"
|
|
|
+ v-model="queryParam.endMonth"
|
|
|
+ placeholder="结束月份"
|
|
|
+ @change="onEndChange" />
|
|
|
<a-button style="margin-left: 8px" type="default" @click="getData()">查询</a-button>
|
|
|
<a-button style="margin-left: 8px" type="primary" icon="printer" @click="handlePrint()">打印</a-button>
|
|
|
<a-button style="margin-left: 8px" type="primary" @click="doExport()">导出</a-button>
|
|
|
- <a-select style="margin-left: 8px" @change="changeYear" v-model="queryParam.year" placeholder="请选择">
|
|
|
- <a-select-option
|
|
|
- v-for="item in years"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">{{ item.label }}
|
|
|
- </a-select-option>
|
|
|
- </a-select>
|
|
|
<a-select style="margin-left: 8px" @change="changeLevel" v-model="queryParam.standardLevel" placeholder="请选择">
|
|
|
<a-select-option
|
|
|
v-for="(label,value) in levelMap"
|
|
|
@@ -69,6 +73,7 @@ import { getMonthReport, exportMonthReport } from '@/api/report/check-job'
|
|
|
import { Chart } from '@antv/g2'
|
|
|
import PrintInCheckJobReport from '@/views/dashboard/modules/PrintInCheckJobReport'
|
|
|
import DetailCheckJobReport from '@/views/dashboard/modules/DetailCheckJobReport'
|
|
|
+import moment from 'moment'
|
|
|
|
|
|
export default {
|
|
|
name: 'Analysis',
|
|
|
@@ -87,8 +92,13 @@ export default {
|
|
|
return {
|
|
|
loading: false,
|
|
|
serverData: [],
|
|
|
+ monthFormat: 'YYYY-MM',
|
|
|
+ defaultStartMonth: this.BaseTool.Moment().format(this.BaseTool.Date.PICKER_NORM_YEAR) + '-01',
|
|
|
+ defaultEndMonth: this.BaseTool.Moment().format(this.BaseTool.Date.PICKER_NORM_YEAR) + '-12',
|
|
|
queryParam: {
|
|
|
// year: 2021,
|
|
|
+ startMonth: this.BaseTool.Moment().format(this.BaseTool.Date.PICKER_NORM_YEAR) + '-01-01',
|
|
|
+ endMonth: this.BaseTool.Moment().format(this.BaseTool.Date.PICKER_NORM_YEAR) + '-12-01',
|
|
|
standardLevel: 2
|
|
|
},
|
|
|
years: [],
|
|
|
@@ -135,35 +145,14 @@ export default {
|
|
|
},
|
|
|
created () {
|
|
|
this.levelMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.CHECK_PLAN_LEVEL)
|
|
|
- // this.initSelectYear()
|
|
|
},
|
|
|
mounted () {
|
|
|
- // this.changeYear(this.queryParam.year)
|
|
|
+ this.$nextTick(function () {
|
|
|
+ this.getData()
|
|
|
+ })
|
|
|
},
|
|
|
methods: {
|
|
|
- initSelectYear () {
|
|
|
- var myDate = new Date()
|
|
|
- this.queryParam.year = myDate.getFullYear()// 获取当前年
|
|
|
- this.years = []
|
|
|
- for (let i = 0; i < 5; i++) {
|
|
|
- this.years.push({ value: (this.queryParam.year - i), label: (this.queryParam.year - i) + '年' })
|
|
|
- }
|
|
|
- },
|
|
|
- changeYear (value) {
|
|
|
- this.queryParam.year = value
|
|
|
- getMonthReport(this.queryParam)
|
|
|
- .then(res => {
|
|
|
- this.chartsData = res.data
|
|
|
-
|
|
|
- // 需要将数据分组：总数，完成数
|
|
|
- const groupData = []
|
|
|
- this.chartsData.forEach(function (data) {
|
|
|
- groupData.push({ name: '总数', month: data.month, num: data.totalNum })
|
|
|
- groupData.push({ name: '完成数', month: data.month, num: data.totalFinishNum })
|
|
|
- })
|
|
|
- this.getCharts('container', groupData)// 调用统计图
|
|
|
- })
|
|
|
- },
|
|
|
+ moment,
|
|
|
changeLevel (value) {
|
|
|
this.queryParam.standardLevel = value
|
|
|
this.getData()
|
