dianliang/lanan-system-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

表格导出

Browse Source
This commit is contained in:
xiaofajia 2024-12-03 18:03:39 +08:00
parent d0297f802f
commit 9b668e8310
20 changed files with 371 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/api/repair/orderinfo/index.js
View File

@ -69,3 +69,13 @@ export function getOrderCensus(){
method: "get"
})
}
// 导出数据
export function exportData(params){
return request({
url: "/repair/order-info/export",
method: 'get',
params,
responseType: 'blob'
})
}

10
src/api/repair/stockOperate/stockOperate.js
View File

@ -61,3 +61,13 @@ export function inWare(data){
data
})
}
// 导出数据
export function exportData(params){
return request({
url: preUrl + "/export",
method: 'get',
params,
responseType: 'blob'
})
}

10
src/api/repair/stockOperate/stockOperateItem.js
View File

@ -43,3 +43,13 @@ export function getSoBySupplier(params){
params
})
}
// 导出数据
export function exportData(params){
return request({
url: preUrl + "/export",
method: 'get',
params,
responseType: 'blob'
})
}

10
src/api/repair/stockTransfer/stockTransfer.js
View File

@ -36,3 +36,13 @@ export function getSt(id){
method: "get"
})
}
// 导出数据
export function exportData(params){
return request({
url: preUrl + "/export",
method: 'get',
params,
responseType: 'blob'
})
}

10
src/api/repair/stockTransfer/stockTransferItem.js
View File

@ -18,3 +18,13 @@ export function getStIsWares(ids){
method: "get"
})
}
// 导出数据
export function exportData(params){
return request({
url: preUrl + "/export",
method: 'get',
params,
responseType: 'blob'
})
}

10
src/api/repair/tickets/TicketWares.js
View File

@ -88,3 +88,13 @@ export function getByIds(ids){
method: 'get'
})
}
// 导出数据
export function exportData(params){
return request({
url: preUrl + "/export",
method: 'get',
params,
responseType: 'blob'
})
}

20
src/api/repair/tickets/Tickets.js
View File

@ -200,3 +200,23 @@ export function getCusAndCarById(id){
method: 'get'
})
}
// 导出数据
export function exportData(params){
return request({
url: preUrl + "/export",
method: 'get',
params,
responseType: 'blob'
})
}
// 导出数据 根据工单状态
export function exportByStatus(params){
return request({
url: preUrl + "/exportByStatus",
method: 'get',
params,
responseType: 'blob'
})
}

21
src/views/repair/orderinfo/index.vue
View File

@ -37,6 +37,10 @@
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"/>
</el-row>
<div class="census">
@ -237,15 +241,18 @@ export default {
},
/** 导出按钮操作 */
async handleExport() {
await this.$modal.confirm('是否确认导出所有维修模块 订单数据项?');
try {
this.$modal.confirm('是否确认导出当前查询条件所有数据项?').then(() => {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.exportLoading = true;
const data = await OrderInfoApi.exportOrderInfoExcel(this.queryParams);
this.$download.excel(data, '维修模块 订单.xls');
} catch {
} finally {
return OrderInfoApi.exportData(params);
}).then(response => {
this.$download.excel(response, '订单数据.xls');
}).finally(() => {
this.exportLoading = false;
}
});
},
async getCensus() {
const res = await getOrderCensus()

28
src/views/repair/stockOperate/Components/SoIndex.vue
View File

@ -42,11 +42,10 @@
</el-form>
<!-- 操作 -->
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">-->
<!-- <el-button type="primary" plain icon="el-icon-download" size="mini"-->
<!-- >导出-->
<!-- </el-button>-->
<!-- </el-col>-->
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch"></right-toolbar>
</el-row>
<!-- 急件 -->
@ -240,7 +239,7 @@ import SupplierChoose from "@/views/repair/Components/SupplierChoose.vue";
import CorpChoose from "@/views/repair/Components/CorpChoose.vue";
import StaffChoose from "@/views/repair/Components/StaffChoose.vue";
import {DICT_TYPE} from "@/utils/dict";
import {getRepairSoPage, voidSo, getRepairSoById, inWare} from "@/api/repair/stockOperate/stockOperate";
import {getRepairSoPage, voidSo, getRepairSoById, inWare, exportData} from "@/api/repair/stockOperate/stockOperate";
import SoShow from "@/views/repair/stockOperate/Components/SoSow.vue";
import {getRepairSoiByIds, getMapBySoIdAndQuery} from "@/api/repair/stockOperate/stockOperateItem";
import {createUniqueCodeByHead} from "@/utils/createUniqueCode";
@ -341,6 +340,8 @@ export default {
selectRowIds: [],
allSelectRows: [],
isRefresh: false,
// 导出遮罩层
exportLoading: false,
}
},
mounted() {
@ -631,6 +632,21 @@ export default {
// this.tableKey++
// this.selectRows = []
},
/** 导出按钮操作 */
handleExport() {
this.$modal.confirm('是否确认导出当前查询条件所有数据项?').then(() => {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.exportLoading = true;
return exportData(params);
}).then(response => {
this.$download.excel(response, '单据数据.xls');
}).finally(() => {
this.exportLoading = false;
});
},
}
}
</script>

32
src/views/repair/stockOperate/Components/SoReturn.vue
View File

@ -23,16 +23,15 @@
<!-- 操作 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-download" size="mini"
>导出
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">
新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch"></right-toolbar>
</el-row>
@ -184,7 +183,7 @@ import SupplierChoose from "@/views/repair/Components/SupplierChoose.vue";
import StaffChoose from "@/views/repair/Components/StaffChoose.vue";
import CorpChoose from "@/views/repair/Components/CorpChoose.vue";
import SoReturnForm from "@/views/repair/stockOperate/form/SoReturnForm.vue";
import {getRepairSoById, getRepairSoPage, voidSo} from "@/api/repair/stockOperate/stockOperate";
import {getRepairSoById, getRepairSoPage, voidSo, exportData} from "@/api/repair/stockOperate/stockOperate";
import {getRepairSoiByIds} from "@/api/repair/stockOperate/stockOperateItem";
import {getBaseWarehouseList} from "@/api/base/warehouse";
@ -211,7 +210,9 @@ export default {
},
dialogVisible: false,
info: {},
warehouseList: []
warehouseList: [],
// 导出遮罩层
exportLoading: false,
}
},
watch:{
@ -289,7 +290,22 @@ export default {
},
handleAdd(){
this.$refs.soReturnRef.open()
}
},
/** 导出按钮操作 */
handleExport() {
this.$modal.confirm('是否确认导出当前查询条件所有数据项?').then(() => {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.exportLoading = true;
return exportData(params);
}).then(response => {
this.$download.excel(response, '退货单数据.xls');
}).finally(() => {
this.exportLoading = false;
});
},
}
}
</script>

25
src/views/repair/stockOperate/Components/SoVoid.vue
View File

@ -31,6 +31,10 @@
</el-form>
<!-- 操作 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
@ -78,7 +82,7 @@
import CorpChoose from "@/views/repair/Components/CorpChoose.vue";
import SupplierChoose from "@/views/repair/Components/SupplierChoose.vue";
import StaffChoose from "@/views/repair/Components/StaffChoose.vue";
import {getRepairSoPage, getRepairSoById} from "@/api/repair/stockOperate/stockOperate";
import {getRepairSoPage, getRepairSoById, exportData} from "@/api/repair/stockOperate/stockOperate";
import SoShow from "@/views/repair/stockOperate/Components/SoSow.vue";
export default {
@ -128,6 +132,8 @@ export default {
loading: false,
list: [],
total: 0,
// 导出遮罩层
exportLoading: false,
}
},
mounted() {
@ -175,7 +181,22 @@ export default {
async handleShow(row){
const res = await getRepairSoById(row.id)
await this.$refs.soShow.open(res.data)
}
},
/** 导出按钮操作 */
handleExport() {
this.$modal.confirm('是否确认导出当前查询条件所有数据项?').then(() => {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.exportLoading = true;
return exportData(params);
}).then(response => {
this.$download.excel(response, '作废单据数据.xls');
}).finally(() => {
this.exportLoading = false;
});
},
}
}
</script>

30
src/views/repair/stockOperate/Components/SoiTable.vue
View File

@ -28,11 +28,10 @@
</el-form>
<!-- 操作 -->
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">-->
<!-- <el-button type="primary" plain icon="el-icon-download" size="mini"-->
<!-- >导出-->
<!-- </el-button>-->
<!-- </el-col>-->
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch"></right-toolbar>
</el-row>
<!-- 表格 -->
@ -78,7 +77,7 @@
<script>
import CorpChoose from "@/views/repair/Components/CorpChoose.vue";
import WarehouseChoose from "@/views/repair/Components/WarehouseChoose.vue";
import {getSoiPage, getRepairSoiByIds} from "@/api/repair/stockOperate/stockOperateItem";
import {getSoiPage, getRepairSoiByIds, exportData} from "@/api/repair/stockOperate/stockOperateItem";
import {getBaseWarehouseList} from "@/api/base/warehouse";
export default {
@ -118,6 +117,8 @@ export default {
loading: false,
list: [],
total: 0,
// 导出遮罩层
exportLoading: false,
}
},
mounted() {
@ -168,7 +169,22 @@ export default {
getWareHoseName(value){
if (!(this.warehouseList && this.warehouseList.length > 0)) return ''
return this.warehouseList.find(item => item.id === value)?.name
}
},
/** 导出按钮操作 */
handleExport() {
this.$modal.confirm('是否确认导出当前查询条件所有数据项?').then(() => {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.exportLoading = true;
return exportData(params);
}).then(response => {
this.$download.excel(response, '单据明细数据.xls');
}).finally(() => {
this.exportLoading = false;
});
},
}
}
</script>

27
src/views/repair/stockOperate/Components/WaresItem.vue
View File

@ -12,6 +12,10 @@
</el-form>
<!-- 操作 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
@ -272,7 +276,7 @@
</template>
<script>
import {getPage, pass, passBackTicketWares, getByIds} from "@/api/repair/tickets/TicketWares";
import {getPage, pass, passBackTicketWares, getByIds, exportData} from "@/api/repair/tickets/TicketWares";
import {listTwItem} from "@/api/repair/tickets/TWItem";
import {createUniqueCodeByHead} from "@/utils/createUniqueCode";
import {parseTime} from "@/utils/ruoyi";
@ -339,7 +343,9 @@ export default {
images: null,
chooseStaff: [],
staffs: [],
chooseSupplier: null
chooseSupplier: null,
// 导出遮罩层
exportLoading: false,
}
},
mounted() {
@ -766,7 +772,22 @@ export default {
},
handleView(row) {
this.$refs.ticketWaresShow.open(row)
}
},
/** 导出按钮操作 */
handleExport() {
this.$modal.confirm('是否确认导出当前查询条件所有数据项?').then(() => {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.exportLoading = true;
return exportData(params);
}).then(response => {
this.$download.excel(response, this.type ? '领配件数据.xls' : "退配件数据.xls");
}).finally(() => {
this.exportLoading = false;
});
},
}
}
</script>

25
src/views/repair/stockTransfer/Components/StIndex.vue
View File

@ -32,6 +32,10 @@
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
@ -98,7 +102,7 @@
<script>
import CorpChoose from "@/views/repair/Components/CorpChoose.vue";
import {getStPage, voidSt} from "@/api/repair/stockTransfer/stockTransfer";
import {getStPage, voidSt, exportData} from "@/api/repair/stockTransfer/stockTransfer";
import {getCompanyList} from "@/api/base/company";
import StShow from "@/views/repair/stockTransfer/Components/StShow.vue";
@ -139,7 +143,9 @@ export default {
list: [],
total: 0,
formData:{},
companyList: []
companyList: [],
// 导出遮罩层
exportLoading: false,
}
},
mounted() {
@ -197,6 +203,21 @@ export default {
}
this.$refs.stShow.open(row)
},
/** 导出按钮操作 */
handleExport() {
this.$modal.confirm('是否确认导出当前查询条件所有数据项?').then(() => {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.exportLoading = true;
return exportData(params);
}).then(response => {
this.$download.excel(response, '调拨数据.xls');
}).finally(() => {
this.exportLoading = false;
});
},
}
}
</script>

27
src/views/repair/stockTransfer/Components/StVoid.vue
View File

@ -26,6 +26,10 @@
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
@ -75,7 +79,7 @@
<script>
import CorpChoose from "@/views/repair/Components/CorpChoose.vue";
import {getStPage} from "@/api/repair/stockTransfer/stockTransfer";
import {getStPage, exportData} from "@/api/repair/stockTransfer/stockTransfer";
import {getCompanyList} from "@/api/base/company";
import StShow from "@/views/repair/stockTransfer/Components/StShow.vue";
@ -99,7 +103,9 @@ export default {
loading: false,
list: [],
total: 0,
corpList: []
corpList: [],
// 导出遮罩层
exportLoading: false,
}
},
mounted() {
@ -144,7 +150,22 @@ export default {
this.queryParams.inCorpId = this.queryParams?.inCorp?.id
this.queryParams.outCorpId = this.queryParams?.outCorp?.id
this.getPage()
}
},
/** 导出按钮操作 */
handleExport() {
this.$modal.confirm('是否确认导出当前查询条件所有数据项?').then(() => {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.exportLoading = true;
return exportData(params);
}).then(response => {
this.$download.excel(response, '作废数据.xls');
}).finally(() => {
this.exportLoading = false;
});
},
}
}
</script>

28
src/views/repair/stockTransfer/Components/StiTable.vue
View File

@ -27,9 +27,8 @@
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-download" size="mini"
>导出
</el-button>
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch"></right-toolbar>
</el-row>
@ -79,7 +78,7 @@
</template>
<script>
import {getStiPage, getStIsWares} from "@/api/repair/stockTransfer/stockTransferItem";
import {getStiPage, getStIsWares, exportData} from "@/api/repair/stockTransfer/stockTransferItem";
import CorpChoose from "@/views/repair/Components/CorpChoose.vue";
import {getCompanyList} from "@/api/base/company";
@ -117,7 +116,9 @@ export default {
loading: false,
list: [],
total: 0,
corpList: []
corpList: [],
// 导出遮罩层
exportLoading: false,
}
},
mounted() {
@ -159,7 +160,22 @@ export default {
this.queryParams.outCorp = null
this.queryParams.inCorp = null
this.handleQuery()
}
},
/** 导出按钮操作 */
handleExport() {
this.$modal.confirm('是否确认导出当前查询条件所有数据项?').then(() => {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.exportLoading = true;
return exportData(params);
}).then(response => {
this.$download.excel(response, '调拨详细数据.xls');
}).finally(() => {
this.exportLoading = false;
});
},
}
}
</script>

27
src/views/repair/tickets/Components/TicketManagerItem.vue
View File

@ -21,6 +21,10 @@
</el-form>
<!-- 操作 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="warning" v-if="isType === 'all' || (isType === 'waiting' && userRole === 'repair_warehouse')" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
@ -39,6 +43,8 @@
<el-table-column label="车牌号" align="center" prop="carNo" width="180"/>
<el-table-column label="车系" align="center" prop="carBrandName" width="180"/>
<el-table-column label="手机号" align="center" prop="userMobile" width="180"/>
<el-table-column label="经办人姓名" align="center" prop="handleName" width="180" />
<el-table-column label="经办人电话" align="center" prop="handleMobile" width="180" />
<el-table-column label="操作" fixed="right" align="center" width="200" v-if="userRole !== 'repair_warehouse'">
<template slot-scope="scope">
<!-- 都有 -->
@ -186,7 +192,7 @@
</template>
<script>
import {getPageType, updateTake, getTicketsById, removeTicketById, setTicketsVoid} from "@/api/repair/tickets/Tickets";
import {getPageType, updateTake, getTicketsById, removeTicketById, setTicketsVoid, exportData} from "@/api/repair/tickets/Tickets";
import TicketsShow from "@/views/repair/tickets/Components/TicketsShow.vue";
import UpdateRepair from "@/views/repair/tickets/form/UpdateRepair.vue";
import TWOperate from "@/views/repair/tickets/form/TWOperate.vue";
@ -242,6 +248,8 @@ export default {
id: null,
image: null,
},
// 导出遮罩层
exportLoading: false,
}
},
mounted() {
@ -508,7 +516,22 @@ export default {
},
handleProgress(row){
this.$refs.ticketProgress.open(row.id)
}
},
/** 导出按钮操作 */
handleExport() {
this.$modal.confirm('是否确认导出当前查询条件所有数据项?').then(() => {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.exportLoading = true;
return exportData(params);
}).then(response => {
this.$download.excel(response, '工单数据.xls');
}).finally(() => {
this.exportLoading = false;
});
},
}
}
</script>

41
src/views/repair/tickets/Components/TicketSearch.vue
View File

@ -35,11 +35,11 @@
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5" v-if="!(TicketType === 'tv')">
<el-button type="primary" plain icon="el-icon-download" size="mini"
>导出
</el-button>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch"></right-toolbar>
</el-row>
<TicketTable :ticket-type="TicketType" :list="list" @setVoid="getPage" :is-w-x-c-w="isCW" @success="getPage"/>
@ -53,7 +53,7 @@
import StaffChoose from "@/views/repair/Components/StaffChoose.vue";
import TicketTable from "@/views/repair/tickets/Components/TicketTable.vue";
import RepairTypeChoose from "@/views/repair/Components/RepairTypeChoose.vue";
import {getTicketsPage} from "@/api/repair/tickets/Tickets";
import {getTicketsPage, exportByStatus} from "@/api/repair/tickets/Tickets";
import CorpChoose from "@/views/repair/Components/CorpChoose.vue";
import {checkRole} from "@/api/system/permission";
@ -87,7 +87,9 @@ export default {
showSearch: true,
total: 0,
list: [],
isCW: false
isCW: false,
// 导出遮罩层
exportLoading: false,
}
},
mounted() {
@ -136,7 +138,34 @@ export default {
this.resetForm("queryForm")
this.queryParams.corp = null
this.handleQuery()
},
/** 导出按钮操作 */
handleExport() {
this.$modal.confirm('是否确认导出当前查询条件所有数据项?').then(() => {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.exportLoading = true;
return exportByStatus(params);
}).then(response => {
let name = ""
switch (this.TicketType){
case "tu":
name = "待结算工单数据.xls"
break
case "tp":
name = "已结算工单数据.xls"
break
case "tv":
name = "已作废工单数据.xls"
break
}
this.$download.excel(response, name);
}).finally(() => {
this.exportLoading = false;
});
},
}
}
</script>

12
src/views/repair/tickets/Components/TicketTable.vue
View File

@ -64,17 +64,19 @@
<dict-tag :type="DICT_TYPE.REPAIR_TYPE" v-model="scope.row.repairType"/>
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="ticketsWorkStatus" width="80">
<template slot-scope="scope">
<dict-tag :type="DICT_TYPE.REPAIR_TICKETS_WORK_STATUS" v-model="scope.row.ticketsWorkStatus"/>
</template>
</el-table-column>
<!-- <el-table-column label="状态" align="center" prop="ticketsWorkStatus" width="80">-->
<!-- <template slot-scope="scope">-->
<!-- <dict-tag :type="DICT_TYPE.REPAIR_TICKETS_WORK_STATUS" v-model="scope.row.ticketsWorkStatus"/>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="客户信息" align="center">
<el-table-column label="客户名称" align="center" prop="userName" width="100"/>
<el-table-column label="车牌号" align="center" prop="carNo" width="100"/>
<el-table-column label="车系" align="center" prop="carBrandName" width="100"/>
<el-table-column label="手机号" align="center" prop="userMobile" width="110"/>
</el-table-column>
<el-table-column label="经办人姓名" align="center" prop="handleName" width="180"/>
<el-table-column label="经办人电话" align="center" prop="handleMobile" width="180"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}

27
src/views/repair/tickets/Components/TicketWares.vue
View File

@ -27,6 +27,10 @@
</el-form>
<!-- 操作 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch"></right-toolbar>
</el-row>
@ -104,7 +108,7 @@
</template>
<script>
import {getPage, repairPassTicketWares} from "@/api/repair/tickets/TicketWares";
import {getPage, repairPassTicketWares, exportData} from "@/api/repair/tickets/TicketWares";
import TicketWaresShow from "@/views/repair/tickets/Components/TicketWaresShow.vue";
import {listTwItem} from "@/api/repair/tickets/TWItem";
@ -135,7 +139,9 @@ export default {
selections: [],
formData: {},
dialogTitle: "",
newType: false
newType: false,
// 导出遮罩层
exportLoading: false,
}
},
mounted() {
@ -218,7 +224,22 @@ export default {
await this.getList()
} catch {
}
}
},
/** 导出按钮操作 */
handleExport() {
this.$modal.confirm('是否确认导出当前查询条件所有数据项?').then(() => {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.exportLoading = true;
return exportData(params);
}).then(response => {
this.$download.excel(response, '配件申请单数据.xls');
}).finally(() => {
this.exportLoading = false;
});
},
}
}
</script>