| 
					
				 | 
			
			
				@@ -0,0 +1,351 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <a-card size="small" :bordered="false" class="monthQueryList-wrap searchBoxNormal"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <!-- 搜索条件 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div class="table-page-search-wrapper" ref="tableSearch"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <a-form-model 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          id="monthQueryList-form" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          ref="ruleForm" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          class="form-model-con" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          layout="inline" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :rules="rules" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :model="queryParam"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-row :gutter="15" type="flex"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-col :flex="1"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-form-model-item label="查询月份" prop="queryDate"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <a-month-picker 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  id="monthQueryList-monthBox" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  class="monthBox" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  :disabled-date="disabledDate" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  v-model="monthVal" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  placeholder="请选择月份" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  @change="onChangeMonth" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-col :flex="1"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-form-item label="所在区域"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <subarea id="monthQueryList-subarea" ref="subarea" @change="subareaChange"></subarea> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-col :flex="1"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-form-model-item label="地区"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <AreaList id="monthQueryList-areaList" changeOnSelect ref="areaList" @change="areaChange" defValKey="id"></AreaList> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-col :flex="2"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-form-model-item label="轮胎省仓名称"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <dealerSubareaScopeList ref="provinceDealerList" placeholder="请输入轮胎省仓名称" id="monthQueryList-provinceDealerName" @change="custProvinceChange" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-col :flex="2"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                @click="handleSearch" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :disabled="disabled" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                id="monthQueryList-refresh">查询</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                style="margin-left: 8px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                @click="resetSearchForm" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :disabled="disabled" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                id="monthQueryList-reset">重置</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                style="margin-left: 10px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                class="button-warning" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                @click="handleExport" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :disabled="disabled" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :loading="exportLoading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                v-if="$hasPermissions('B_tireFeeExport')" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                id="monthQueryList-export">导出</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </a-form-model> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </a-card> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <a-card size="small" :bordered="false"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <a-spin :spinning="spinning" tip="Loading..."> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- 列表 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <s-table 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          class="sTable fixPagination" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          ref="table" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :rowKey="(record) => record.no" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          rowKeyName="no" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :style="{ height: tableHeight+70+'px' }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :columns="columns" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :data="loadData" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :scroll="{ y: tableHeight-120}" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :defaultLoadData="false" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          bordered> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <!-- 地区 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot="addressInfo" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <span v-if="record.dealerEntity&&record.dealerEntity.provinceName"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              {{ record.dealerEntity.provinceName }}{{ '/'+record.dealerEntity.cityName }}{{ '/'+record.dealerEntity.districtName }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <span v-else>--</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <!-- 是否是省仓客户 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot="provinceFlag" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            {{ record.provinceFlag?record.provinceFlag==0?'否':'是':'--' }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot="footer"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-col :md="6" :sm="24">销售数量:{{ (totalData && (totalData.currentPointShareFactory || totalData.currentPointShareFactory==0)) ? toThousands(totalData.currentPointShareFactory): '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-col :md="6" :sm="24">销售金额:{{ (totalData && (totalData.currentPointShareSys || totalData.currentPointShareSys==0)) ?toThousands(totalData.currentPointShareSys): '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-col :md="6" :sm="24">服务费金额:{{ (totalData && (totalData.serviceAmountSys || totalData.serviceAmountSys==0)) ? toThousands(totalData.serviceAmountSys): '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-col :md="6" :sm="24">运费补贴金额:{{ (totalData && (totalData.serviceAmountProvince || totalData.serviceAmountProvince==0)) ? toThousands(totalData.serviceAmountProvince): '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </s-table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </a-spin> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </a-card> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- 导出提示框 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <reportModal :visible="showExport" @close="showExport=false"></reportModal> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { commonMixin } from '@/utils/mixin' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { hdExportExcel } from '@/libs/exportExcel' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import moment from 'moment' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+// 组件 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { STable, VSelect } from '@/components' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import subarea from '@/views/common/subarea.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import AreaList from '@/views/common/areaList.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import reportModal from '@/views/common/reportModal.vue' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import dealerSubareaScopeList from '@/views/common/dealerSubareaScopeList.vue' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+// 接口 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { tireFeeReportList, tireFeeReportCount, tireFeeListExport } from '@/api/reportData' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  name: 'MonthQueryList', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  mixins: [commonMixin], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  components: { STable, VSelect, subarea, AreaList, reportModal, dealerSubareaScopeList }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  data () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      spinning: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      disabled: false, //  查询、重置按钮是否可操作 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      advanced: true, // 高级搜索 展开/关闭 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      tableHeight: 0, // 表格高度 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      exportLoading: false, // 导出按钮加载状态 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      showExport: false, // 导出弹窗 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      monthVal: moment().format('YYYY-MM'), // 初始化月份值 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //  查询条件 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      queryParam: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        queryType: 'month', // 轮胎月度费用报表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        queryDate: moment().format('YYYYMM'), // 选择月份 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        dealerLevel: undefined, // 客户等级 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        customSn: undefined, // 客户sn 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        parentDealerSn: undefined, // 轮胎省仓sn 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        dealerEntity: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          dealerName: undefined, // 客户名称 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          provinceSn: undefined, // 省 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          citySn: undefined, // 市 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          districtSn: undefined // 区 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        parentDealerEntity: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          dealerName: undefined // 轮胎省仓名称 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        subareaArea: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          subareaSn: '', // 区域 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          subareaAreaSn: '' // 分区 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        provinceFlag: undefined// 是否是轮胎省仓 1是 0否 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      totalData: null, // 合计 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      rules: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        'queryDate': [{ required: true, message: '请选择查询月份', trigger: 'change' }] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 加载数据方法 必须为 Promise 对象 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      loadData: parameter => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.disabled = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        const params = Object.assign(parameter, this.queryParam) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // 获取列表数据  有分页 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return tireFeeReportList(params).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          let data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            data = res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            // 计算表格序号 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            const no = (data.pageNo - 1) * data.pageSize 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            for (var i = 0; i < data.list.length; i++) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              data.list[i].no = no + i + 1 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.disabled = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.getCount(params) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          return data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  watch: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    advanced (newValue, oldValue) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$nextTick(() => { // 页面渲染完成后的回调 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        _this.setTableH() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '$store.state.app.winHeight' (newValue, oldValue) { //  窗口变更时,需同时更改表格高度 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.setTableH() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  computed: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    columns () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const arr = [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '序号', dataIndex: 'no', width: '5%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '区域', dataIndex: 'subareaArea.subareaName', width: '10%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '分区', dataIndex: 'subareaArea.subareaAreaName', width: '10%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '省份', scopedSlots: { customRender: 'addressInfo' }, width: '15%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '轮胎省仓名称', dataIndex: 'parentDealerEntity.dealerName', width: '20%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '销售数量', dataIndex: 'currentPointShareFactory', width: '10%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '销售金额', dataIndex: 'currentPointShareSys', width: '10%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '服务费金额', dataIndex: 'serviceAmountSys', width: '10%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '运费补贴金额', dataIndex: 'serviceAmountProvince', width: '10%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      ] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return arr 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 选择月份  禁用选择当月以后日期 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    disabledDate (current) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return current && current >= moment().endOf('day') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 选择月份 change 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    onChangeMonth (date, dateString) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.monthVal = dateString 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (date && dateString != '') { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.queryParam.queryDate = dateString.replace('-', '') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.queryParam.queryDate = void 0 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 查询 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleSearch () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.ruleForm.validate(valid => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (valid) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          _this.$refs.table.refresh(true) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          _this.$message.error('请选择查询月份') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          return false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 客户名称 change 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    custChange (val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.dealerEntity.dealerName = val.name 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.customSn = val.key 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 轮胎省仓客户名称 change 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    custProvinceChange (val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.parentDealerEntity.dealerName = val.name 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.parentDealerSn = val.key 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 统计 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getCount (params) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      tireFeeReportCount(params).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (res.status == 200 && res.data) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.totalData = res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.totalData = null 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 地区 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    areaChange (val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.dealerEntity.provinceSn = val[0] ? val[0] : undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.dealerEntity.citySn = val[1] ? val[1] : undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.dealerEntity.districtSn = val[2] ? val[2] : undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 区域分区  change 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    subareaChange (val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.subareaArea.subareaSn = val[0] ? val[0] : '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.subareaArea.subareaAreaSn = val[1] ? val[1] : '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //  重置 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    resetSearchForm () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.queryType = 'month' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.monthVal = moment().format('YYYY-MM') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.queryDate = moment().format('YYYYMM') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.dealerEntity.provinceSn = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.dealerEntity.citySn = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.dealerEntity.districtSn = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.dealerEntity.dealerName = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.parentDealerEntity.dealerName = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.customSn = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.parentDealerSn = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.subareaArea.subareaSn = '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.subareaArea.subareaAreaSn = '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.dealerLevel = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.provinceFlag = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.subarea.clearData() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.provinceDealerList.resetForm() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.totalData = null 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.areaList.clearData() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.table.clearTable() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.ruleForm.resetFields() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //  导出  必填判断 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleExport () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.ruleForm.validate(valid => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (valid) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          _this.exportList() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          _this.$message.error('请选择查询月份') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          return false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 导出 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    exportList () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const params = JSON.parse(JSON.stringify(_this.queryParam)) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      _this.exportLoading = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      _this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      _this.showExport = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      hdExportExcel(tireFeeListExport, params, '轮胎月度费用报表', function () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        _this.exportLoading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 初始化 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    pageInit () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$nextTick(() => { // 页面渲染完成后的回调 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.setTableH() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.resetSearchForm() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 计算表格高度 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    setTableH () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const tableSearchH = this.$refs.tableSearch.offsetHeight 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.tableHeight = window.innerHeight - tableSearchH - 280 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  mounted () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    if (!this.$store.state.app.isNewTab) { // 页签刷新时调用 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.pageInit() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  activated () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 如果是新页签打开,则重置当前页面 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    if (this.$store.state.app.isNewTab) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.pageInit() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<style lang="less" scoped> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .monthBox{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    /deep/.ant-calendar-picker-icon{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      display:none !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    /deep/.ant-calendar-picker input{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      text-align:center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 |