19 changed files with 650 additions and 7 deletions
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 752 B |
|
After Width: | Height: | Size: 854 B |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,160 @@ |
|||
<template> |
|||
<div class="main-content12"> |
|||
<!-- page header --> |
|||
<div class="pageheader"> |
|||
<span class="pagetitle">OCPC订单</span> |
|||
</div> |
|||
|
|||
<!-- page content --> |
|||
<div class="elementWrap"> |
|||
<div> |
|||
<el-form> |
|||
<div class="flex"> |
|||
<GuipInput :label="`ID：`" v-model="searchSaleid" @blur="changeSearchSaleid()" placeholder="" ref="GuipInput" class="searchId" /> |
|||
|
|||
<GuipSelect label="站点" v-model="searchUid" :options="siteList" valueKey="uid" labelKey="name" @change="changeSearchSite()" defaultValue="" placeholder="不限" clearable class="searchSite" /> |
|||
</div> |
|||
|
|||
<GuipTable :tableData="orderList" ref="multipleTable" autoColumn="true" :loading="tableLoading"> |
|||
<el-table-column prop="sitename" label="站点"></el-table-column> |
|||
<el-table-column prop="sale_id" label="ID"></el-table-column> |
|||
<el-table-column prop="ocpc_type" label="渠道"></el-table-column> |
|||
<el-table-column prop="type_desc" label="类型"></el-table-column> |
|||
<el-table-column prop="money" label="销售金额"></el-table-column> |
|||
<el-table-column prop="sale_date" label="销售日期"></el-table-column> |
|||
</GuipTable> |
|||
<el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange' |
|||
:current-page="orderListCurrentPage" |
|||
:page-size="orderListPageSize" |
|||
:total="orderListTotal" |
|||
layout="prev, pager, next,jumper"> |
|||
</el-pagination> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
import GuipTable from '@/components/GuipTable.vue'; |
|||
import GuipSelect from '@/components/GuipSelect.vue'; |
|||
import GuipInput from '@/components/GuipInput.vue'; |
|||
|
|||
export default { |
|||
name: 'siteList', |
|||
components: { |
|||
GuipTable, |
|||
GuipSelect, |
|||
GuipInput, |
|||
}, |
|||
data() { |
|||
return { |
|||
// AUTH |
|||
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU', |
|||
// 表格加载 |
|||
tableLoading: true, |
|||
// 订单列表 |
|||
orderList: [], |
|||
orderListTotal: 0, |
|||
orderListCurrentPage: 1, |
|||
orderListPageSize: 20, |
|||
|
|||
siteList: [], |
|||
|
|||
searchUid: 0, |
|||
searchSaleid: 0, |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getOcpcList() |
|||
}, |
|||
methods: { |
|||
getOcpcList() { |
|||
this.tableLoading = true |
|||
const that = this |
|||
that.orderList = [] |
|||
this.$http('POST', '/agentnew/ajax_get_ocpc_order_list', { |
|||
page: this.orderListCurrentPage, |
|||
pagesize: this.orderListPageSize, |
|||
uid: this.searchUid, |
|||
saleid: this.searchSaleid, |
|||
},{ |
|||
headers:{ |
|||
'Auth': this.token |
|||
} |
|||
}).then(response => { |
|||
this.tableLoading = false |
|||
this.$nextTick(() => { |
|||
that.orderList = response.data.list |
|||
this.orderListTotal = response.data.total |
|||
this.siteList = response.data.sitelist |
|||
}) |
|||
}).catch(error => { |
|||
console.error(error, 'error') |
|||
}) |
|||
}, |
|||
handleSizeChange(val) { |
|||
this.orderListPageSize = val |
|||
this.getOcpcList() |
|||
}, |
|||
handleCurrentChange(val) { |
|||
this.orderListCurrentPage = val |
|||
this.getOcpcList() |
|||
}, |
|||
changeSearchSite() { |
|||
console.log(this.searchUid) |
|||
this.getOcpcList() |
|||
}, |
|||
changeSearchSaleid() { |
|||
console.log(this.searchSaleid) |
|||
this.getOcpcList() |
|||
}, |
|||
}, |
|||
computed: { |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.pageheader { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
/* 关键属性 */ |
|||
align-items: center; |
|||
margin: 0px 0px 16px 0px; |
|||
} |
|||
|
|||
.pagetitle { |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
line-height: normal; |
|||
letter-spacing: 0.08em; |
|||
color: #1E2226; |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.elementWrap { |
|||
padding: 32px 36px; |
|||
background: #fff; |
|||
} |
|||
|
|||
.searchId { |
|||
margin-right: 24px; |
|||
width: 200px; |
|||
} |
|||
|
|||
.searchSite { |
|||
width: 300px; |
|||
} |
|||
|
|||
::v-deep .custom-popover { |
|||
position: fixed !important; |
|||
// max-height: 290px; |
|||
// overflow-y: auto; |
|||
margin-top: 0 !important; |
|||
margin-left: 0 !important; |
|||
transform: none !important; |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,427 @@ |
|||
<template> |
|||
<div class="main-content12"> |
|||
<!-- page header --> |
|||
<div class="pageheader"> |
|||
<span class="pagetitle">查重订单</span> |
|||
</div> |
|||
|
|||
<!-- page content --> |
|||
<div class="elementWrap"> |
|||
<div> |
|||
<el-form> |
|||
<div class="flex"> |
|||
<GuipInput :label="`ID：`" v-model="searchSaleid" @blur="changeSearchSaleid()" placeholder="" ref="GuipInput" class="searchId" /> |
|||
|
|||
<GuipSelect label="站点" v-model="searchUid" :options="siteList" valueKey="uid" labelKey="name" @change="changeSearchSite()" defaultValue="" placeholder="不限" clearable class="searchSite" /> |
|||
</div> |
|||
|
|||
<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"> |
|||
<GuipToolTip :content="scope.row.sitename"> |
|||
<img class="wh-16" src="@/assets/site.svg" alt=""> |
|||
</GuipToolTip> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="sale_id" label="ID" fixed="left" min-width="120px"> |
|||
<template slot-scope="scope"> |
|||
<div class="flex"> |
|||
<p>{{ scope.row.sale_id }}</p> |
|||
<GuipToolTip class="ml-7" v-if="scope.row.ispublic==1" content="自供货"> |
|||
<img class="wh-16" src="@/assets/self_supply.svg" /> |
|||
</GuipToolTip> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="type_desc" label="检测类型" fixed="left" min-width="160px"></el-table-column> |
|||
<el-table-column prop="pay_type" label="买家" min-width="60px"> |
|||
<template slot-scope="scope"> |
|||
<div class="flex"> |
|||
<GuipToolTip :content="scope.row.pay_type_desc"> |
|||
<img class="wh-16" :src="getPayImg(scope.row.pay_type)" alt=""> |
|||
</GuipToolTip> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="tids" label="订单号" min-width="220px"> |
|||
<template slot-scope="scope"> |
|||
<div class="flex" v-if="scope.row.status==1"> |
|||
<GuipToolTip :content="'下载报告 作者：'+scope.row.author + ' 标题：' + scope.row.title"> |
|||
<a href="/agentnew/report/tid/" target="_blank" v-for="tid in scope.row.tids" :key="tid">{{ tid }}</a> |
|||
</GuipToolTip> |
|||
</div> |
|||
<div class="" v-else> |
|||
<p v-for="tid in scope.row.tids" :key="tid"> |
|||
{{ tid }} |
|||
<GuipToolTip content="待发货"> |
|||
<img v-if="scope.row.pay_type==11 && scope.row.pdd_is_wait_deliver_goods[tid]==true" class="wh-16 ml-7" src="@/assets/wait_deliver_goods.svg" /> |
|||
</GuipToolTip> |
|||
</p> |
|||
|
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="author" label="作者"> |
|||
<template slot-scope="scope"> |
|||
<div class="flex"> |
|||
<GuipToolTip :content="'作者：'+scope.row.author + ' 标题：' + scope.row.title"> |
|||
<p>{{ scope.row.author }}</p> |
|||
</GuipToolTip> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="src" label="渠道" min-width="60px"> |
|||
<template slot-scope="scope"> |
|||
<div class="flex"> |
|||
<GuipToolTip :content="scope.row.src_desc"> |
|||
<img class="wh-16" :src="getChannelImg(scope.row.src)" alt=""> |
|||
</GuipToolTip> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="ip" label="IP" min-width="150px"></el-table-column> |
|||
<el-table-column prop="sale_date" label="销售日期" min-width="200px"></el-table-column> |
|||
<el-table-column prop="wordnum" label="字数"></el-table-column> |
|||
<el-table-column prop="similarity" label="相似度"> |
|||
<template slot-scope="scope"> |
|||
<div class="flex"> |
|||
<p v-if="scope.row.similarity>0">{{ formatSimilarity(scope.row.similarity) }}</p> |
|||
<p v-else>-</p> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="income" label="实际收入"></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"> |
|||
<div class="flex"> |
|||
<div v-if="scope.row.status==1" class="status-item divgreen"> |
|||
<span class="fontgreen">{{ scope.row.status_desc }}</span> |
|||
</div> |
|||
<div v-else-if="scope.row.status==3 || scope.row.status==11 || scope.row.status==12" class="status-item divblue"> |
|||
<span class="fontblue">{{ scope.row.status_desc }}</span> |
|||
</div> |
|||
<div v-else-if="scope.row.status==2 || scope.row.status==10 || scope.row.status==4" class="status-item divred"> |
|||
<span class="fontred">{{ scope.row.status_desc }}</span> |
|||
</div> |
|||
<div v-else-if="scope.row.status==0 || scope.row.status==8" class="status-item divgray"> |
|||
<span class="fontgray">{{ scope.row.status_desc }}</span> |
|||
</div> |
|||
<div v-else-if="scope.row.status==5" class="status-item divorange"> |
|||
<span class="fontorange">{{ scope.row.status_desc }}</span> |
|||
</div> |
|||
<div v-else-if="scope.row.status==6 || scope.row.status==7" class="status-item divpurple"> |
|||
<span class="fontpurple">{{ scope.row.status_desc }}</span> |
|||
</div> |
|||
<GuipToolTip v-if="scope.row.status==1 && scope.row.is_downloaded_report==1" content="已下载报告标识"> |
|||
<img class="wh-16 ml-7" src="@/assets/downloaded.svg" /> |
|||
</GuipToolTip> |
|||
|
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" fixed="right" min-width="120px"> |
|||
<template slot-scope="scope"> |
|||
<div class="flex"> |
|||
<el-button v-if="scope.row.status==1" @click="showConfirmDelReport(scope.row)" type="text">删报告</el-button> |
|||
<el-button @click="paySetting(scope.row)" type="text">标红</el-button> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</GuipTable> |
|||
<!-- <el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange' |
|||
:current-page="orderListCurrentPage" |
|||
:page-size="orderListPageSize" |
|||
:total="orderListTotal" |
|||
layout="prev, pager, next,jumper"> |
|||
</el-pagination> --> |
|||
</el-form> |
|||
</div> |
|||
<GuipDialog :dialogVisible="dialogVisibleDelReport" title="删除报告" confirmText="删除" cancelText="取消" :show-close-button="false" |
|||
:show-cancel-button="true" @confirm="confirmDelReport" @cancel="handleCancel" |
|||
@close="handleClose" @dialogVisibleChange="dialogVisibleChange"> |
|||
<!-- 自定义内容 --> |
|||
<p class="mx-24 mt12 flex">是否删除 ID:{{ delReportId }} 报告？删除后无法恢复</p> |
|||
</GuipDialog> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
import GuipTable from '@/components/GuipTable.vue'; |
|||
import GuipSelect from '@/components/GuipSelect.vue'; |
|||
import GuipInput from '@/components/GuipInput.vue'; |
|||
import GuipToolTip from '@/components/GuipToolTip.vue'; |
|||
import GuipDialog from '@/components/GuipDialog.vue'; |
|||
|
|||
export default { |
|||
name: 'siteList', |
|||
components: { |
|||
GuipTable, |
|||
GuipSelect, |
|||
GuipInput, |
|||
GuipToolTip, |
|||
GuipDialog, |
|||
}, |
|||
data() { |
|||
return { |
|||
// AUTH |
|||
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU', |
|||
// 表格加载 |
|||
tableLoading: true, |
|||
// 订单列表 |
|||
orderList: [], |
|||
orderListTotal: 0, |
|||
orderListCurrentPage: 1, |
|||
orderListPageSize: 100, |
|||
|
|||
siteList: [], |
|||
|
|||
searchUid: 0, |
|||
searchSaleid: 0, |
|||
|
|||
dialogVisibleDelReport: false, |
|||
delReportId: '', |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getOrderList() |
|||
}, |
|||
methods: { |
|||
getOrderList() { |
|||
this.tableLoading = true |
|||
const that = this |
|||
that.orderList = [] |
|||
this.$http('POST', '/agentnew/ajax_get_check_order_list', { |
|||
page: this.orderListCurrentPage, |
|||
pagesize: this.orderListPageSize, |
|||
},{ |
|||
headers:{ |
|||
'Auth': this.token |
|||
} |
|||
}).then(response => { |
|||
this.tableLoading = false |
|||
this.$nextTick(() => { |
|||
that.orderList = response.data.list |
|||
}) |
|||
}).catch(error => { |
|||
console.error(error, 'error') |
|||
}) |
|||
}, |
|||
getPayImg(pay_type) { |
|||
return require('@/assets/pay/pay_'+pay_type+'.svg'); |
|||
}, |
|||
getChannelImg(src) { |
|||
return require('@/assets/channel_'+src+'.svg'); |
|||
}, |
|||
handleSizeChange(val) { |
|||
this.orderListPageSize = val |
|||
this.getOrderList() |
|||
}, |
|||
handleCurrentChange(val) { |
|||
this.orderListCurrentPage = val |
|||
this.getOrderList() |
|||
}, |
|||
changeSearchSite() { |
|||
console.log(this.searchUid) |
|||
this.getOrderList() |
|||
}, |
|||
changeSearchSaleid() { |
|||
console.log(this.searchSaleid) |
|||
this.getOrderList() |
|||
}, |
|||
// 弹框相关方法---start |
|||
showConfirmDelReport(row) { |
|||
this.dialogVisibleDelReport = true; |
|||
this.delReportId = row.sale_id; |
|||
}, |
|||
// 确认按钮事件 |
|||
confirmDelReport() { |
|||
this.$http('POST', '/agentnew/ajax_del_report', { |
|||
saleid: this.delReportId, |
|||
}, { |
|||
headers: { |
|||
'Auth': this.token |
|||
} |
|||
}).then(response => { |
|||
this.$nextTick(() => { |
|||
if (response.status) { |
|||
this.$Message.success(response.info); |
|||
this.dialogVisibleDelReport = false; |
|||
} else { |
|||
this.$Message.error(response.info); |
|||
} |
|||
}) |
|||
}).catch(error => { |
|||
console.error(error, 'error') |
|||
}) |
|||
}, |
|||
// 取消按钮事件 |
|||
handleCancel() { |
|||
this.dialogVisibleDelReport = false; |
|||
}, |
|||
// 关闭弹框事件 |
|||
handleClose() { |
|||
this.dialogVisibleDelReport = false; |
|||
}, |
|||
dialogVisibleChange(data) { |
|||
console.log(data, 'data098908090'); |
|||
}, |
|||
// 弹框相关方法---end |
|||
}, |
|||
computed: { |
|||
formatSimilarity(similarity) { |
|||
var similar = similarity.toFixed(2); |
|||
|
|||
return similar * 100 + '%'; |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.pageheader { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
/* 关键属性 */ |
|||
align-items: center; |
|||
margin: 0px 0px 16px 0px; |
|||
} |
|||
|
|||
.pagetitle { |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
line-height: normal; |
|||
letter-spacing: 0.08em; |
|||
color: #1E2226; |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.elementWrap { |
|||
padding: 32px 36px; |
|||
background: #fff; |
|||
} |
|||
|
|||
.searchId { |
|||
margin-right: 24px; |
|||
width: 200px; |
|||
} |
|||
|
|||
.searchSite { |
|||
width: 300px; |
|||
} |
|||
|
|||
::v-deep .custom-popover { |
|||
position: fixed !important; |
|||
// max-height: 290px; |
|||
// overflow-y: auto; |
|||
margin-top: 0 !important; |
|||
margin-left: 0 !important; |
|||
transform: none !important; |
|||
} |
|||
|
|||
.wh-16 { |
|||
width: 16px; |
|||
height: 16px; |
|||
z-index: 1; |
|||
} |
|||
|
|||
a { |
|||
text-decoration: none; |
|||
color: #006AFF; |
|||
} |
|||
a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.ml-7 { |
|||
margin-left: 7px; |
|||
} |
|||
|
|||
|
|||
|
|||
.status-item { |
|||
height: 22px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
gap: 6px; |
|||
z-index: 0; |
|||
padding: 2px 10px; |
|||
border-radius: 4px; |
|||
|
|||
} |
|||
|
|||
.divgreen { |
|||
background: rgba(239, 255, 224, 0.5); |
|||
box-sizing: border-box; |
|||
border: 1px solid rgba(0, 194, 97, 0.6); |
|||
} |
|||
.fontgreen { |
|||
font-family: Microsoft YaHei UI; |
|||
font-size: 14px; |
|||
font-weight: normal; |
|||
line-height: normal; |
|||
text-align: center; |
|||
letter-spacing: 0.08em; |
|||
color: #0DAF49; |
|||
} |
|||
.divblue { |
|||
background: #F2F7FF; |
|||
box-sizing: border-box; |
|||
border: 1px solid #BFDAFF; |
|||
} |
|||
.fontblue { |
|||
font-family: Microsoft YaHei UI; |
|||
font-size: 14px; |
|||
font-weight: normal; |
|||
line-height: normal; |
|||
text-align: center; |
|||
letter-spacing: 0.08em; |
|||
color: #006AFF; |
|||
} |
|||
|
|||
.divred { |
|||
background: #FFF1F0; |
|||
box-sizing: border-box; |
|||
border: 1px solid #FFA39E; |
|||
} |
|||
.fontred { |
|||
font-family: Microsoft YaHei UI; |
|||
font-size: 14px; |
|||
font-weight: normal; |
|||
line-height: normal; |
|||
text-align: center; |
|||
letter-spacing: 0.08em; |
|||
color: #FF4D4F; |
|||
} |
|||
.divgray { |
|||
background: #F6F7FA; |
|||
box-sizing: border-box; |
|||
border: 1px solid #DFE2E6; |
|||
} |
|||
.fontgray { |
|||
color: #626573; |
|||
} |
|||
.divorange { |
|||
background: #FFFBF2; |
|||
box-sizing: border-box; |
|||
border: 1px solid rgba(251, 131, 45, 0.38); |
|||
} |
|||
.fontorange { |
|||
color: #FB832D; |
|||
} |
|||
.divpurple { |
|||
background: #F9F2FF; |
|||
box-sizing: border-box; |
|||
border: 1px solid rgba(126, 118, 253, 0.28); |
|||
} |
|||
.fontpurple { |
|||
color: #6258FF; |
|||
} |
|||
|
|||
|
|||
</style> |
|||
Loading…
Reference in new issue