146 lines
5.7 KiB
Vue
146 lines
5.7 KiB
Vue
<template>
|
|
<XdPageContainer class="app-container">
|
|
<SearchForm slot="pageHeader" :model="queryParams" ref="queryForm" size="small" :maxShow="30" label-width="68px"
|
|
v-show="showSearch" @search="handleQuery" @reset="resetQuery">
|
|
<el-form-item label="月份" prop="billMonth">
|
|
<el-date-picker type="monthrange" value-format="yyyy-MM" v-model="dateRange"
|
|
placeholder="请选择月份" start-placeholder="开始月份" end-placeholder="结束月份"></el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item label="起始网点" prop="startSiteCode">
|
|
<EmisSiteSimplePicker1 v-model="queryParams.startSiteCode" placeholder="请选择起始网点">
|
|
</EmisSiteSimplePicker1>
|
|
</el-form-item>
|
|
</SearchForm>
|
|
|
|
<XdTable v-loading="loading" slot="pageContent" slot-scope="slotProps" :height="(slotProps.contentHeight) + 'px'"
|
|
border stripe ref="refTable" row-key="id" storageName="emisTmsSiteBatchMissStatisticsList_main_250927"
|
|
size="small" :data="emisTmsSiteBatchMissStatisticsList" :showSearch.sync="showSearch"
|
|
:queryParams="queryParams" :total="total" @queryTable="getList" @selection-change="handleSelectionChange"
|
|
@sort-change="handleSortChange">
|
|
<div slot="toolbar">
|
|
<el-row :gutter="10" class="mb8">
|
|
<el-col :span="1.5">
|
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
|
|
v-hasPermi="['emis:emisTmsSiteBatchMissStatistics:exportStatistics']">导出</el-button>
|
|
</el-col>
|
|
<el-col :span="1.5">
|
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExportDetail"
|
|
v-hasPermi="['emis:emisTmsSiteBatchMissStatistics:exportDetail']">详情数据导出</el-button>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
<el-table-column :label="$t('起始网点')" align="left" prop="startSiteName" min-width="150"
|
|
:show-overflow-tooltip="true" />
|
|
<el-table-column :label="$t('月份')" align="center" prop="billMonth" min-width="170" />
|
|
<el-table-column :label="$t('票数')" align="center" prop="ticketCount" min-width="170"
|
|
:show-overflow-tooltip="true" />
|
|
<el-table-column :label="$t('更新时间')" align="center" prop="updateTime" min-width="170"
|
|
:show-overflow-tooltip="true" />
|
|
</XdTable>
|
|
|
|
|
|
</XdPageContainer>
|
|
</template>
|
|
|
|
<script>
|
|
import { emisTmsSiteBatchMissStatistics } from "@/api/emis/emisTmsSiteBatchMissStatistics";
|
|
import EmisSiteSimplePicker1 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
|
|
|
export default {
|
|
name: "EmisTmsSiteBatchMiss",
|
|
components: {
|
|
EmisSiteSimplePicker1,
|
|
|
|
},
|
|
dicts: ['emis_payment_type'],
|
|
data() {
|
|
return {
|
|
// 遮罩层
|
|
loading: true,
|
|
// 选中数组
|
|
ids: [],
|
|
// 非单个禁用
|
|
single: true,
|
|
// 非多个禁用
|
|
multiple: true,
|
|
confirmDisabled: true,
|
|
// 显示搜索条件
|
|
showSearch: true,
|
|
// 总条数
|
|
total: 0,
|
|
// TMS漏组批次信息表表格数据
|
|
emisTmsSiteBatchMissStatisticsList: [],
|
|
// 时间搜索
|
|
dateRange:[],
|
|
// 查询参数
|
|
queryParams: {
|
|
pageNum: 1,
|
|
pageSize: 20,
|
|
startSiteCode: null,
|
|
startTime: null,
|
|
endTime: null,
|
|
|
|
}
|
|
};
|
|
},
|
|
created() {
|
|
this.getList();
|
|
},
|
|
methods: {
|
|
|
|
/** 查询TMS漏组批次信息表列表 */
|
|
getList() {
|
|
this.loading = true;
|
|
this.queryParams = this.addDateRange(this.queryParams, this.dateRange);
|
|
if (this.dateRange.length > 0) {
|
|
this.queryParams.startTime = this.queryParams.params.beginTime;
|
|
this.queryParams.endTime = this.queryParams.params.endTime;
|
|
}
|
|
emisTmsSiteBatchMissStatistics(this.queryParams).then(response => {
|
|
this.emisTmsSiteBatchMissStatisticsList = response.rows;
|
|
this.total = response.total;
|
|
this.loading = false;
|
|
});
|
|
},
|
|
|
|
/** 搜索按钮操作 */
|
|
handleQuery() {
|
|
this.queryParams.pageNum = 1;
|
|
this.getList();
|
|
},
|
|
/** 重置按钮操作 */
|
|
resetQuery() {
|
|
this.resetForm("queryForm");
|
|
this.handleQuery();
|
|
},
|
|
|
|
// 排序 查询字段是表格中字段名字 动态取值排序顺序
|
|
handleSortChange(column) {
|
|
this.queryParams.orderByColumn = column.prop;
|
|
this.queryParams.isAsc = column.order;
|
|
this.getList();
|
|
},
|
|
// 多选框选中数据
|
|
handleSelectionChange(selection) {
|
|
this.ids = selection.map(item => item.id)
|
|
this.single = selection.length!==1
|
|
this.multiple = !selection.length
|
|
},
|
|
/** 统计 导出按钮操作 */
|
|
handleExport() {
|
|
this.download('emis/emisTmsSiteBatchMissStatistics/exportStatistics', this.queryParams, `漏组统计数据.xlsx`);
|
|
},
|
|
/**详情 导出按钮操作 */
|
|
handleExportDetail(
|
|
) {
|
|
this.download('emis/emisTmsSiteBatchMissStatistics/exportDetail', this.queryParams, `漏组详细数据.xlsx`);
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>
|