|
|
|
@ -12,24 +12,23 @@ |
|
|
|
<div class="flex gap24"> |
|
|
|
<GuipButton size="table" type="ignore" @click="resetSearchParams">清空</GuipButton> |
|
|
|
<GuipButton size="table" type="system" @click="getFilterParams">筛选</GuipButton> |
|
|
|
<GuipButton size="table" type="primary">导出</GuipButton> |
|
|
|
<GuipButton size="table" type="primary" @click="exportData">导出</GuipButton> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex"> |
|
|
|
<p class="mr-12">时间范围</p> |
|
|
|
<el-date-picker class="mr-32" v-model="searchDate" type="daterange" range-separator="至" |
|
|
|
start-placeholder="开始日期" end-placeholder="结束日期"> |
|
|
|
start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker> |
|
|
|
|
|
|
|
<GuipSelect class="mr-32" label="服务类型" v-model="searchType" :options="siteList" valueKey="uid" |
|
|
|
labelKey="name" defaultValue="" placeholder="不限" clearable /> |
|
|
|
<GuipSelect class="mr-32" label="服务类型" v-model="searchType" @change="changeSearchType()" :options="searchTypeList" |
|
|
|
:extraItem="{label:'全部',value:'0'}" placeholder="" clearable /> |
|
|
|
|
|
|
|
<GuipSelect class="mr-32" label="站点" v-model="searchUid" :options="siteList" valueKey="uid" |
|
|
|
labelKey="name" defaultValue="" placeholder="不限" clearable /> |
|
|
|
<GuipSelect class="mr-32" label="站点" v-model="searchUid" @change="changeSearchSite()" :options="searchSiteList" valueKey="uid" labelKey="name" |
|
|
|
:extraItem="{label:'全部',value:'0'}" placeholder="" clearable /> |
|
|
|
|
|
|
|
<GuipSelect class="mr-32" width="100px" label="报告状态" v-model="searchStatus" |
|
|
|
:options="searchStatusList" valueKey="uid" labelKey="name" |
|
|
|
:extraItem="{ label: '全部', value: 'all' }" defaultValue="" placeholder="不限" clearable /> |
|
|
|
<GuipSelect class="mr-32" width="100px" label="报告状态" v-model="searchStatus" @change="changeSearchStatus()" |
|
|
|
:options="searchStatusList" :extraItem="{ label: '全部', value: 'all' }" defaultValue="" placeholder="不限" clearable /> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
@ -52,8 +51,7 @@ |
|
|
|
|
|
|
|
<PromptText class="my-32" text='订单提示：电商订单，提交检测后会自动发货，请勿手动发货、代收款订单，退款须由平台操作，不可私自退款' :type="2" /> |
|
|
|
|
|
|
|
<GuipTable :tableData="orderList" ref="multipleTable" autoColumn="true" :loading="tableLoading" |
|
|
|
max-height="400px"> |
|
|
|
<GuipTable :tableData="orderList" ref="multipleTable" autoColumn="true" :loading="tableLoading"> |
|
|
|
<el-table-column prop="sitename" label="站点" fixed="left" min-width="60px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div class="flex"> |
|
|
|
@ -133,7 +131,7 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="income" label="实际收入"></el-table-column> |
|
|
|
<el-table-column prop="income" label="实际收入" min-width="100px"></el-table-column> |
|
|
|
<el-table-column prop="cost" label="成本"></el-table-column> |
|
|
|
<el-table-column prop="status_desc" label="状态" min-width="150px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
@ -168,7 +166,7 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" fixed="right" min-width="120px"> |
|
|
|
<el-table-column label="操作" min-width="80px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div class="flex"> |
|
|
|
<el-button v-if="scope.row.status == 1" @click="showConfirmDelReport(scope.row)" |
|
|
|
@ -219,7 +217,7 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
// AUTH |
|
|
|
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU', |
|
|
|
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTI2NDY1NDUsIm5iZiI6MTc1MjY0NjU0NSwiZXhwIjoxNzU1MjM4NTQ1LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.G-Is-x9qPMiV_urOlDPQVRjfAIozySxL5EK2k82d46k', |
|
|
|
// 表格加载 |
|
|
|
tableLoading: false, |
|
|
|
// 订单列表 |
|
|
|
@ -227,20 +225,21 @@ export default { |
|
|
|
orderListTotalRecords: 0, |
|
|
|
isHasNextPage: true, |
|
|
|
orderListCurrentPage: 1, |
|
|
|
orderListPageSize: 10, |
|
|
|
orderListPageSize: 100, |
|
|
|
orderListNextMinId: 0, |
|
|
|
orderListPrevMaxId: 0, |
|
|
|
orderListEndPage: 0, |
|
|
|
orderListJumpToPage: 0, |
|
|
|
|
|
|
|
siteList: [], |
|
|
|
|
|
|
|
searchDate: '', |
|
|
|
searchStatus: '', |
|
|
|
searchStatus: 'all', |
|
|
|
searchStatusList: [], |
|
|
|
searchUid: 0, |
|
|
|
searchUid: '0', |
|
|
|
searchSiteList: [], |
|
|
|
searchTid: 0, |
|
|
|
searchType: 0, |
|
|
|
searchType: '0', |
|
|
|
searchTypeList: [], |
|
|
|
|
|
|
|
dialogVisibleDelReport: false, |
|
|
|
delReportId: '', |
|
|
|
@ -252,18 +251,27 @@ export default { |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getFilterParams(){ |
|
|
|
console.log(this.searchDate,'searchDate==='); |
|
|
|
// this.getOrderList({ |
|
|
|
// searchDate:this.searchDate, |
|
|
|
// searchStatus:this.searchStatus, |
|
|
|
// searchType:this.searchType, |
|
|
|
// }) |
|
|
|
var stime = ''; |
|
|
|
var etime = ''; |
|
|
|
if (this.searchDate && this.searchDate.length > 0) { |
|
|
|
stime = this.searchDate[0]; |
|
|
|
etime = this.searchDate[1]; |
|
|
|
} |
|
|
|
var params = {}; |
|
|
|
if (stime) params.stime = stime; |
|
|
|
if (etime) params.etime = etime; |
|
|
|
if (this.searchStatus) params.status = this.searchStatus; |
|
|
|
if (this.searchType) params.type = this.searchType; |
|
|
|
if (this.searchUid) params.uid = this.searchUid; |
|
|
|
|
|
|
|
this.getOrderList(params) |
|
|
|
|
|
|
|
}, |
|
|
|
resetSearchParams(){ |
|
|
|
this.searchDate = '' |
|
|
|
this.searchStatus = '' |
|
|
|
this.searchType = '' |
|
|
|
this.searchStatus = 'all' |
|
|
|
this.searchType = '0' |
|
|
|
this.searchUid = '0' |
|
|
|
// 或者使用 $set |
|
|
|
}, |
|
|
|
handleError(error) { |
|
|
|
@ -271,6 +279,7 @@ export default { |
|
|
|
// 可以在这里显示错误提示 |
|
|
|
}, |
|
|
|
getOrderList(params) { |
|
|
|
console.log(this.searchDate) |
|
|
|
this.tableLoading = true |
|
|
|
try { |
|
|
|
const requestParams = { |
|
|
|
@ -289,6 +298,8 @@ export default { |
|
|
|
this.orderList = response.data.list |
|
|
|
this.searchStatusList = response.data.search_check_status |
|
|
|
this.orderListTotalRecords = response.data.total_records |
|
|
|
this.searchSiteList = response.data.sitelist |
|
|
|
this.searchTypeList = response.data.type2name |
|
|
|
// 更新minId和maxId |
|
|
|
if (response.data.minid) this.orderListNextMinId = response.data.minid |
|
|
|
if (response.data.maxid) this.orderListPrevMaxId = response.data.maxid |
|
|
|
@ -313,7 +324,47 @@ export default { |
|
|
|
this.tableLoading = false |
|
|
|
} |
|
|
|
}, |
|
|
|
exportData() { |
|
|
|
var stime = ''; |
|
|
|
var etime = ''; |
|
|
|
if (this.searchDate && this.searchDate.length > 0) { |
|
|
|
stime = this.searchDate[0]; |
|
|
|
etime = this.searchDate[1]; |
|
|
|
} |
|
|
|
var params = {}; |
|
|
|
if (stime) params.stime = stime; |
|
|
|
if (etime) params.etime = etime; |
|
|
|
if (this.searchStatus) params.status = this.searchStatus; |
|
|
|
if (this.searchType) params.type = this.searchType; |
|
|
|
if (this.searchUid) params.uid = this.searchUid; |
|
|
|
|
|
|
|
this.$http('GET', '/agentnew/export_order', params, { |
|
|
|
headers: { |
|
|
|
'Auth': this.token |
|
|
|
} |
|
|
|
}).then(response => { |
|
|
|
console.log(response) |
|
|
|
}).catch(error => { |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
// var stime = ''; |
|
|
|
// var etime = ''; |
|
|
|
// if (this.searchDate && this.searchDate.length > 0) { |
|
|
|
// stime = this.searchDate[0]; |
|
|
|
// etime = this.searchDate[1]; |
|
|
|
// } |
|
|
|
// var url = '/agentnew/export_order'; |
|
|
|
// if (stime) url += '/stime/' + stime; |
|
|
|
// if (etime) url += '/etime/' + etime; |
|
|
|
// if (this.searchStatus) url += '/status/' + this.searchStatus; |
|
|
|
// if (this.searchType) url += '/type/' + this.searchType; |
|
|
|
// if (this.searchUid) url += '/uid/' + this.searchUid; |
|
|
|
|
|
|
|
// location.href = url; |
|
|
|
}, |
|
|
|
getPayImg(pay_type) { |
|
|
|
return require('@/assets/pay/pay_' + pay_type + '.svg'); |
|
|
|
}, |
|
|
|
@ -322,11 +373,16 @@ export default { |
|
|
|
}, |
|
|
|
changeSearchSite() { |
|
|
|
console.log(this.searchUid) |
|
|
|
// this.getOrderList() |
|
|
|
}, |
|
|
|
changeSearchTid() { |
|
|
|
console.log(this.searchTid,'this.searchTid') |
|
|
|
this.getOrderList({tid:this.searchTid}) |
|
|
|
this.getOrderList({orderid:this.searchTid}) |
|
|
|
}, |
|
|
|
changeSearchType() { |
|
|
|
console.log(this.searchType) |
|
|
|
}, |
|
|
|
changeSearchStatus() { |
|
|
|
console.log(this.searchStatus) |
|
|
|
}, |
|
|
|
// 弹框相关方法---start |
|
|
|
showConfirmDelReport(row) { |
|
|
|
@ -419,6 +475,8 @@ export default { |
|
|
|
|
|
|
|
.operateBtns { |
|
|
|
padding: 17px 0; |
|
|
|
border-bottom: 1px solid #DFE2E6; |
|
|
|
margin-bottom: 24px; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .custom-popover { |
|
|
|
|
