|
@@ -11,9 +11,13 @@
|
|
:model="queryParam"
|
|
:model="queryParam"
|
|
@keyup.enter.native="handleSearch">
|
|
@keyup.enter.native="handleSearch">
|
|
<a-row :gutter="15">
|
|
<a-row :gutter="15">
|
|
- <a-col :md="8" :sm="24">
|
|
|
|
|
|
+ <a-col :md="6" :sm="24">
|
|
<a-form-model-item label="统计月份" prop="months">
|
|
<a-form-model-item label="统计月份" prop="months">
|
|
- <months v-model="queryParam.months" placeholder="请选择月份(多选)" mode="multiple" style="width: 100%;"/>
|
|
|
|
|
|
+ <a-input :value="queryParam.months?queryParam.months.join(','):''" placeholder="请选择月份(多选)" style="width: 100%;">
|
|
|
|
+ <span style="cursor: pointer;" slot="addonAfter" @click="openMonth">
|
|
|
|
+ 点击选择
|
|
|
|
+ </span>
|
|
|
|
+ </a-input>
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :md="6" :sm="24">
|
|
<a-col :md="6" :sm="24">
|
|
@@ -62,13 +66,14 @@
|
|
</a-spin>
|
|
</a-spin>
|
|
<!-- 导出提示框 -->
|
|
<!-- 导出提示框 -->
|
|
<reportModal :visible="showExport" @close="showExport=false"></reportModal>
|
|
<reportModal :visible="showExport" @close="showExport=false"></reportModal>
|
|
|
|
+ <selectMonth ref="months" @ok="getDateValue"></selectMonth>
|
|
</a-card>
|
|
</a-card>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { commonMixin } from '@/utils/mixin'
|
|
import { commonMixin } from '@/utils/mixin'
|
|
import { STable, VSelect } from '@/components'
|
|
import { STable, VSelect } from '@/components'
|
|
-import months from '@/views/common/months'
|
|
|
|
|
|
+import selectMonth from './selectMonth.vue'
|
|
import { hdExportExcel } from '@/libs/exportExcel'
|
|
import { hdExportExcel } from '@/libs/exportExcel'
|
|
import reportModal from '@/views/common/reportModal.vue'
|
|
import reportModal from '@/views/common/reportModal.vue'
|
|
import ProductType from '@/views/common/productType.js'
|
|
import ProductType from '@/views/common/productType.js'
|
|
@@ -76,7 +81,7 @@ import { expenseCollectReportQueryPageByProductType, expenseCollectReportQueryCo
|
|
export default {
|
|
export default {
|
|
name: 'AllCountryCostReportList',
|
|
name: 'AllCountryCostReportList',
|
|
mixins: [commonMixin],
|
|
mixins: [commonMixin],
|
|
- components: { STable, VSelect, months, ProductType, reportModal },
|
|
|
|
|
|
+ components: { STable, VSelect, selectMonth, ProductType, reportModal },
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
spinning: false,
|
|
spinning: false,
|
|
@@ -174,7 +179,7 @@ export default {
|
|
if (this.queryParam.months) {
|
|
if (this.queryParam.months) {
|
|
// 月份排序
|
|
// 月份排序
|
|
this.queryParam.months.sort((a, b) => {
|
|
this.queryParam.months.sort((a, b) => {
|
|
- return a.split('-')[1] - b.split('-')[1]
|
|
|
|
|
|
+ return a.replace('-', '') - b.replace('-', '')
|
|
})
|
|
})
|
|
for (let i = 0; i < this.queryParam.months.length; i++) {
|
|
for (let i = 0; i < this.queryParam.months.length; i++) {
|
|
const item = this.queryParam.months[i]
|
|
const item = this.queryParam.months[i]
|
|
@@ -200,6 +205,13 @@ export default {
|
|
})
|
|
})
|
|
this.columns = arr
|
|
this.columns = arr
|
|
},
|
|
},
|
|
|
|
+ // 选择月份
|
|
|
|
+ openMonth () {
|
|
|
|
+ this.$refs.months.showModal(this.queryParam.months, 'm1')
|
|
|
|
+ },
|
|
|
|
+ getDateValue (data) {
|
|
|
|
+ this.queryParam.months = data
|
|
|
|
+ },
|
|
// 产品分类 change
|
|
// 产品分类 change
|
|
changeProductType (val, opt) {
|
|
changeProductType (val, opt) {
|
|
this.queryParam.productTypeSn2 = val[1] ? val[1] : ''
|
|
this.queryParam.productTypeSn2 = val[1] ? val[1] : ''
|