zhangqi
/
kuailelunwen_new_houtai
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

查重列表

pull/89/head
rainbro 3 days ago
parent
c07767ac30
commit
793c52f527
1 changed files with 100 additions and 30 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 126
      src/views/agent/checkOrderList.vue

126
src/views/agent/checkOrderList.vue
View File

@ -5,16 +5,37 @@
<span class="pagetitle">查重订单</span>
</div>
<div class="elementWrap mb-10">
<el-form>
<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="结束日期">
</el-date-picker>
<GuipSelect class="mr-32" label="服务类型" v-model="searchType" :options="siteList" valueKey="uid" labelKey="name" @change="changeSearchSite()" defaultValue="" placeholder="不限" clearable />
<GuipSelect class="mr-32" label="站点" v-model="searchUid" :options="siteList" valueKey="uid" labelKey="name" @change="changeSearchSite()" defaultValue="" placeholder="不限" clearable />
<GuipSelect class="mr-32" width="100px" label="报告状态" v-model="searchStatus" :options="searchStatusList" valueKey="uid" labelKey="name" @change="changeSearchSite()" :extraItem="{label:'全部',value:'all'}" defaultValue="" placeholder="不限" clearable />
</div>
</el-form>
</div>
<!-- page content -->
<div class="elementWrap">
<div>
<el-form>
<div class="flex" style="justify-content: space-between;">
<div class="flex">
<GuipInput :label="`ID：`" v-model="searchSaleid" @blur="changeSearchSaleid()" placeholder="" ref="GuipInput" class="searchId" />
<h3 class="checktitle mr-24">查重列表</h3>
<GuipSelect class="mr-32" label="报告格式" v-model="searchUid" :options="siteList" valueKey="uid" labelKey="name" @change="changeSearchSite()" defaultValue="" placeholder="不限" clearable />
</div>
<GuipInput label="订单号" v-model="searchTid" @blur="changeSearchTid()" placeholder="请输入订单号" ref="GuipInput" />
<GuipSelect label="站点" v-model="searchUid" :options="siteList" valueKey="uid" labelKey="name" @change="changeSearchSite()" defaultValue="" placeholder="不限" clearable class="searchSite" />
</div>
<PromptText class="my-32" text='订单提示：电商订单，提交检测后会自动发货，请勿手动发货、代收款订单，退款须由平台操作，不可私自退款' :type="2" />
<GuipTable :tableData="orderList" ref="multipleTable" autoColumn="true" :loading="tableLoading">
<el-table-column prop="sitename" label="站点" fixed="left" min-width="60px">
<template slot-scope="scope">
@ -131,12 +152,13 @@
</template>
</el-table-column>
</GuipTable>
<Page :total-records="orderListTotal"
:total-pages="orderListPageSize"
<!-- <Page :total-records="orderListTotalRecords"
:is-has-next-page="isHasNextPage"
:page-size="orderListPageSize"
:current-page="orderListCurrentPage"
:next-min-id="orderListNextMinId"
:prev-max-id="orderListPrevMaxId"
@page-change="handlePageChange"></Page>
@page-change="handlePageChange"></Page> -->
</el-form>
</div>
<GuipDialog :dialogVisible="dialogVisibleDelReport" title="删除报告" confirmText="删除" cancelText="取消" :show-close-button="false"
@ -156,7 +178,8 @@ import GuipSelect from '@/components/GuipSelect.vue';
import GuipInput from '@/components/GuipInput.vue';
import GuipToolTip from '@/components/GuipToolTip.vue';
import GuipDialog from '@/components/GuipDialog.vue';
import Page from '@/components/Page.vue';
// import Page from '@/components/Page.vue';
import PromptText from '@/components/PromptText.vue';
export default {
name: 'siteList',
@ -166,7 +189,8 @@ export default {
GuipInput,
GuipToolTip,
GuipDialog,
Page,
// Page,
PromptText,
},
data() {
return {
@ -176,10 +200,10 @@ export default {
tableLoading: true,
// 订单列表
orderList: [],
orderListTotal: 0,
orderListTotalRecords: 0,
isHasNextPage: true,
orderListCurrentPage: 1,
orderListPageSize: 100,
endPageFlag: false,
orderListPageSize: 10,
orderListNextMinId: 0,
orderListPrevMaxId: 0,
orderListEndPage: 0,
@ -187,8 +211,12 @@ export default {
siteList: [],
searchDate: '',
searchStatus: '',
searchStatusList: [],
searchUid: 0,
searchSaleid: 0,
searchTid: 0,
searchType: 0,
dialogVisibleDelReport: false,
delReportId: '',
@ -199,17 +227,23 @@ export default {
},
methods: {
getOrderList() {
this.tableLoading = true
const that = this
that.orderList = []
this.$http('POST', '/agentnew/ajax_get_check_order_list', {
var params = {
page: this.orderListCurrentPage,
pagesize: this.orderListPageSize,
minid: this.orderListNextMinId,
maxid: this.orderListPrevMaxId,
end_page: this.orderListEndPage,
jump_to_page: this.orderListJumpToPage,
},{
}
if (this.searchTid) {
params = {};
params.tid = this.searchTid
}
this.tableLoading = true
const that = this
that.orderList = []
this.$http('POST', '/agentnew/ajax_get_check_order_list', params,{
headers:{
'Auth': this.token
}
@ -217,9 +251,14 @@ export default {
this.tableLoading = false
this.$nextTick(() => {
that.orderList = response.data.list
this.orderListTotal = response.data.total
this.searchStatusList = response.data.search_check_status
this.orderListTotalRecords = response.data.total_records
this.orderListNextMinId = response.data.minid
this.orderListPrevMaxId = response.data.maxid
this.isHasNextPage = response.data.is_has_next_page
console.log(this.isHasNextPage, 'isHasNextPage')
})
}).catch(error => {
console.error(error, 'error')
@ -235,8 +274,8 @@ export default {
console.log(this.searchUid)
this.getOrderList()
},
changeSearchSaleid() {
console.log(this.searchSaleid)
changeSearchTid() {
console.log(this.searchTid)
this.getOrderList()
},
// 弹框相关方法---start
@ -295,6 +334,15 @@ export default {
// 从API响应中获取新的orderListPrevMaxId
this.orderListPrevMaxId = params.maxid;
}
if (params.isLast) {
this.orderListEndPage = params.isLast;
}
if (params.isJump) {
this.orderListJumpToPage = params.page;
}
this.getOrderList()
}
},
@ -325,15 +373,6 @@ export default {
background: #fff;
}
.searchId {
margin-right: 24px;
width: 200px;
}
.searchSite {
width: 300px;
}
::v-deep .custom-popover {
position: fixed !important;
// max-height: 290px;
@ -348,6 +387,23 @@ export default {
height: 16px;
z-index: 1;
}
.mb-10 {
margin-bottom: 10px;
}
.mr-12 {
margin-right: 12px;
}
.mr-24 {
margin-right: 24px;
}
.mr-32 {
margin-right: 32px;
}
.my-32 {
margin-bottom: 32px;
margin-top: 32px;
}
a {
text-decoration: none;
@ -443,5 +499,19 @@ a:hover {
color: #6258FF;
}
.checktitle {
/* body/body 2_bold */
font-family: Microsoft YaHei UI;
font-size: 14px;
font-weight: bold;
line-height: normal;
letter-spacing: 0.08em;
/* text/text_1 */
color: #1E2226;
}
.el-form-item {
margin-bottom: 0px
}
</style>
Write Preview
Loading…
Cancel
Save