ltlzx
/
wenhuaDate_admin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

订单和发票信息的导出功能

master
453530270@qq.com 3 years ago
parent
a159eb326d
commit
cf198627e4
3 changed files with 925 additions and 911 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. 590
      src/api/index.js
  2. 594
      src/components/page/afterService/invoice.vue
  3. 652
      src/components/page/order/index.vue

590
src/api/index.js
View File

@ -1,288 +1,302 @@
import request from '../utils/request';
//全部文化数据查询
export const getAllDate = query => {
return request({
url: '/admin/goods.Goods/list',
method: 'post',
data: query
});
};
//标的信息
export const goodsDetail = query => {
return request({
url: '/admin/goods.Goods/goodsDetail',
method: 'post',
data: query
});
};
//标的信息-资源详情
export const sourceDetail = query => {
return request({
url: '/admin/goods.Goods/sourceDetail',
method: 'post',
data: query
});
};
//获取操作记录
export const getLog = query => {
return request({
url: '/admin/Log/getLog',
method: 'post',
data: query
});
};
//文化数据类别列表查询
export const ClassifyList = query => {
return request({
url: '/admin/goods.Classify/list',
method: 'post',
data: query
});
};
//获取一级分类
export const getTop = query => {
return request({
url: '/admin/goods.Classify/getTop',
method: 'get',
params: query
});
};
//获取二级分类
export const getSon = query => {
return request({
url: '/admin/goods.Classify/getSon',
method: 'get',
params: query
});
};
//获取用户
export const getUser = query => {
return request({
url: '/admin/user.User/getUser',
method: 'get',
params: query
});
};
//增加分类
export const addClass = query => {
return request({
url: '/admin/goods.Classify/addClass',
method: 'post',
data: query
});
};
//修改分类状态
export const updateStatus = query => {
return request({
url: '/admin/goods.Classify/updateStatus',
method: 'post',
data: query
});
};
//订单列表查询
export const getOrderList = query => {
return request({
url: '/admin/order.Order/list',
method: 'post',
data: query
});
};
//订单标的信息
export const orderDetail = query => {
return request({
url: '/admin/order.Order/orderDetail',
method: 'post',
data: query
});
};
//排行榜
export const rankingList = query => {
return request({
url: '/admin/goods.Goods/rankingList',
method: 'post',
data: query
});
};
//添加到排行榜
export const addRanking = query => {
return request({
url: '/admin/goods.Goods/addRanking',
method: 'post',
data: query
});
};
//从排行榜删除
export const delRanking = query => {
return request({
url: '/admin/goods.Goods/delRanking',
method: 'post',
data: query
});
};
//排行榜上移下移
export const rankingSort = query => {
return request({
url: '/admin/goods.Goods/rankingSort',
method: 'post',
data: query
});
};
// 导出订单xls
export const xlsdc =query => {
return request({
url: '/admin/order.Order/export',
method: 'post',
data: query,
//
responseType:'blob',
//请求头
headers:{
"Content-Type":"application/json;charset=UTF-8;"
}
});
};
//订单详情
export const orderInfo = query => {
return request({
url: '/admin/order.Order/orderInfo',
method: 'post',
data: query
});
};
//订单关闭
export const orderShut = query => {
return request({
url: '/admin/order.Order/orderShut',
method: 'post',
data: query
});
};
//订单关闭
export const home = query => {
return request({
url: '/admin/Index/home',
method: 'post',
data: query
});
};
//手动获取
export const manualGetGoods = query => {
return request({
url: '/admin/goods.Goods/manualGetGoods',
method: 'get',
params: query
});
};
//资金结算对账账单列表
export const closeList = query => {
return request({
url: '/admin/order.AccountClose/closeList',
method: 'get',
params: query
});
};
//资金结算获取账户详情
export const getCloseAccountInfo = query => {
return request({
url: '/admin/order.AccountClose/getCloseAccountInfo',
method: 'get',
params: query
});
};
//资金结算获取账单明细
export const getBillDetail = query => {
return request({
url: '/admin/order.AccountClose/getBillDetail',
method: 'post',
data: query
});
};
//分账比例设置列表
export const ratioList = query => {
return request({
url: '/admin/order.AccountClose/ratioList',
method: 'post',
data: query
});
};
//修改分账比例状态
export const ratioStatus = query => {
return request({
url: '/admin/order.AccountClose/ratioStatus',
method: 'post',
data: query
});
};
//设置分账比例
export const setRatio = query => {
return request({
url: '/admin/order.AccountClose/setRatio',
method: 'post',
data: query
});
};
//分账比例设置详情
export const ratioDetail = query => {
return request({
url: '/admin/order.AccountClose/ratioDetail',
method: 'post',
data: query
});
};
//获取支付方式
export const getPaySetting = query => {
return request({
url: '/admin/order.AccountClose/getPaySetting',
method: 'get',
params: query
});
};
//设置支付方式
export const setPaySetting = query => {
return request({
url: '/admin/order.AccountClose/setPaySetting',
method: 'post',
data: query
});
};
//手动下架委托数据
export const offGoods = query => {
return request({
url: '/admin/goods.Goods/offGoods',
method: 'post',
data: query
});
};
//获取用户信息
export const getUserData = query => {
return request({
url: '/admin/user.User/getUserData',
method: 'get',
params: query
});
};
//服务发票列表
export const InvoiceManagementList = query => {
return request({
url: '/admin/order.InvoiceManagement/list',
method: 'post',
data: query
});
};
//下载发票
export const downloadInvoice = query => {
return request({
url: '/admin/order.InvoiceManagement/downloadInvoice',
method: 'get',
params: query
});
};
//检查是否能够下架
export const whetherOff = query => {
return request({
url: '/admin/goods.Goods/whetherOff',
method: 'get',
params: query
});
};
import request from '../utils/request';
//全部文化数据查询
export const getAllDate = query => {
return request({
url: '/admin/goods.Goods/list',
method: 'post',
data: query
});
};
//标的信息
export const goodsDetail = query => {
return request({
url: '/admin/goods.Goods/goodsDetail',
method: 'post',
data: query
});
};
//标的信息-资源详情
export const sourceDetail = query => {
return request({
url: '/admin/goods.Goods/sourceDetail',
method: 'post',
data: query
});
};
//获取操作记录
export const getLog = query => {
return request({
url: '/admin/Log/getLog',
method: 'post',
data: query
});
};
//文化数据类别列表查询
export const ClassifyList = query => {
return request({
url: '/admin/goods.Classify/list',
method: 'post',
data: query
});
};
//获取一级分类
export const getTop = query => {
return request({
url: '/admin/goods.Classify/getTop',
method: 'get',
params: query
});
};
//获取二级分类
export const getSon = query => {
return request({
url: '/admin/goods.Classify/getSon',
method: 'get',
params: query
});
};
//获取用户
export const getUser = query => {
return request({
url: '/admin/user.User/getUser',
method: 'get',
params: query
});
};
//增加分类
export const addClass = query => {
return request({
url: '/admin/goods.Classify/addClass',
method: 'post',
data: query
});
};
//修改分类状态
export const updateStatus = query => {
return request({
url: '/admin/goods.Classify/updateStatus',
method: 'post',
data: query
});
};
//订单列表查询
export const getOrderList = query => {
return request({
url: '/admin/order.Order/list',
method: 'post',
data: query
});
};
//订单标的信息
export const orderDetail = query => {
return request({
url: '/admin/order.Order/orderDetail',
method: 'post',
data: query
});
};
//排行榜
export const rankingList = query => {
return request({
url: '/admin/goods.Goods/rankingList',
method: 'post',
data: query
});
};
//添加到排行榜
export const addRanking = query => {
return request({
url: '/admin/goods.Goods/addRanking',
method: 'post',
data: query
});
};
//从排行榜删除
export const delRanking = query => {
return request({
url: '/admin/goods.Goods/delRanking',
method: 'post',
data: query
});
};
//排行榜上移下移
export const rankingSort = query => {
return request({
url: '/admin/goods.Goods/rankingSort',
method: 'post',
data: query
});
};
// 导出订单xls
export const xlsdc =query => {
return request({
url: '/admin/order.Otrder/export',
method: 'post',
data: query,
//
responseType:'blob',
//请求头
headers:{
"Content-Type":"application/json;charset=UTF-8;"
}
});
};
// 导出发票信息xls
export const fpxlsdc =query => {
return request({
url: '/admin/order.InvoiceManagement2/export',
method: 'post',
data: query,
//
responseType:'blob',
//请求头
headers:{
"Content-Type":"application/json;charset=UTF-8;"
}
});
};
//订单详情
export const orderInfo = query => {
return request({
url: '/admin/order.Order/orderInfo',
method: 'post',
data: query
});
};
//订单关闭
export const orderShut = query => {
return request({
url: '/admin/order.Order/orderShut',
method: 'post',
data: query
});
};
//订单关闭
export const home = query => {
return request({
url: '/admin/Index/home',
method: 'post',
data: query
});
};
//手动获取
export const manualGetGoods = query => {
return request({
url: '/admin/goods.Goods/manualGetGoods',
method: 'get',
params: query
});
};
//资金结算对账账单列表
export const closeList = query => {
return request({
url: '/admin/order.AccountClose/closeList',
method: 'get',
params: query
});
};
//资金结算获取账户详情
export const getCloseAccountInfo = query => {
return request({
url: '/admin/order.AccountClose/getCloseAccountInfo',
method: 'get',
params: query
});
};
//资金结算获取账单明细
export const getBillDetail = query => {
return request({
url: '/admin/order.AccountClose/getBillDetail',
method: 'post',
data: query
});
};
//分账比例设置列表
export const ratioList = query => {
return request({
url: '/admin/order.AccountClose/ratioList',
method: 'post',
data: query
});
};
//修改分账比例状态
export const ratioStatus = query => {
return request({
url: '/admin/order.AccountClose/ratioStatus',
method: 'post',
data: query
});
};
//设置分账比例
export const setRatio = query => {
return request({
url: '/admin/order.AccountClose/setRatio',
method: 'post',
data: query
});
};
//分账比例设置详情
export const ratioDetail = query => {
return request({
url: '/admin/order.AccountClose/ratioDetail',
method: 'post',
data: query
});
};
//获取支付方式
export const getPaySetting = query => {
return request({
url: '/admin/order.AccountClose/getPaySetting',
method: 'get',
params: query
});
};
//设置支付方式
export const setPaySetting = query => {
return request({
url: '/admin/order.AccountClose/setPaySetting',
method: 'post',
data: query
});
};
//手动下架委托数据
export const offGoods = query => {
return request({
url: '/admin/goods.Goods/offGoods',
method: 'post',
data: query
});
};
//获取用户信息
export const getUserData = query => {
return request({
url: '/admin/user.User/getUserData',
method: 'get',
params: query
});
};
//服务发票列表
export const InvoiceManagementList = query => {
return request({
url: '/admin/order.InvoiceManagement/list',
method: 'post',
data: query
});
};
//下载发票
export const downloadInvoice = query => {
return request({
url: '/admin/order.InvoiceManagement/downloadInvoice',
method: 'get',
params: query
});
};
//检查是否能够下架
export const whetherOff = query => {
return request({
url: '/admin/goods.Goods/whetherOff',
method: 'get',
params: query
});
};

594
src/components/page/afterService/invoice.vue
View File

@ -1,297 +1,297 @@
<template>
<div>
<div class="breadcrumb">
<a-breadcrumb>
<a-breadcrumb-item>交易订单售后服务管理</a-breadcrumb-item>
<a-breadcrumb-item>服务发票</a-breadcrumb-item>
</a-breadcrumb>
</div>
<div class="body">
<div class="query">
<a-row justify="space-between" >
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>发票编号：</span>
<a-input v-model="query.invoice_number"/>
</a-col>
<!-- <a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>销方纳税人：</span>
<a-input placeholder="名称/纳税人识别号" v-model="query.seller"/>
</a-col> -->
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>购方纳税人：</span>
<a-input placeholder="名称/纳税人识别号" v-model="query.buy"/>
</a-col>
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>订单编号：</span>
<a-input v-model="query.batchcode"/>
</a-col>
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>开票状态：</span>
<a-select v-model="query.ticketstatus" :getPopupContainer="(triggerNode) => triggerNode.parentNode">
<a-select-option value="">全部</a-select-option>
<a-select-option value="1">未开票</a-select-option>
<a-select-option value="2">开票中</a-select-option>
<a-select-option value="3">开票成功</a-select-option>
<a-select-option value="4">开票失败</a-select-option>
</a-select>
</a-col>
<!-- <a-col :lg="8" :xl="8" :xxl="6" class="query_item" >
<span>订单类型：</span>
<a-select default-value="全部" >
<a-select-option value="全部">
全部
</a-select-option>
</a-select>
</a-col> -->
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>订单状态：</span>
<a-select v-model="query.status" :getPopupContainer="(triggerNode) => triggerNode.parentNode">
<a-select-option value="">全部</a-select-option>
<a-select-option value="2">待交付订单</a-select-option>
<a-select-option value="3">待结算订单</a-select-option>
<a-select-option value="4">已终止订单</a-select-option>
</a-select>
</a-col>
<a-col :lg="8" :xl="8" :xxl="6" class="query_item query_item2">
<span>生成时间：</span>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="query.createtime"/>
</a-col>
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>发票号码：</span>
<a-input v-model="query.batchcode"/>
</a-col>
<a-col :lg="12" :xl="12" :xxl="8" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getAllDate(1)">查 询</a-button>
<a-button class="query_button" @click="resetQurey">重 置</a-button>
<a-button type="default" class="query_button" @click="xlsdc">导 出</a-button>
</a-space>
</a-col>
</a-row>
</div>
<div class="table">
<div class="table_title">
<span>查询结果</span>
<!-- <a-button type="primary" class="query_button">导 出</a-button> -->
<!-- <a-button type="primary" class="query_button">获 取</a-button> -->
</div>
<a-table :columns="columns" :data-source="data" bordered :pagination="false" rowKey="id">
<template slot="ticketstatus" slot-scope="ticket_status">
<span>{{ticket_status==1?'未开票':ticket_status==2?'开票中':ticket_status==3?'开票成功':'开票失败'}}</span>
</template>
<template slot="status" slot-scope="status">
<span>{{status==2?'待交付订单':status==3?'待结算订单':'已终止订单'}}</span>
</template>
<template slot="operation" slot-scope="item">
<a-space :size="24">
<!-- <span class="table_operation">发票详情</span> -->
<a :href="item.pdfUrl" class="table_operation" target="_blank" rel="nofollow">发票详情</a>
<!-- <a :href="item.pdfUrl" class="table_operation" download="pdfUrl" @click="downloadPdfUrl(item.pdfUrl)">下载发票</a> -->
<span class="table_operation" @click="downloadPdfUrl(item.id)">下载发票</span>
</a-space>
</template>
</a-table>
<a-pagination
class="pagination"
size="small"
:total="total"
v-model="page"
:page-size="limit"
:show-total="total => `第 ${startTotal} - ${endTotal} 条 / 总共 ${total} 条`"
:page-size-options="pageSizeOptions"
@showSizeChange="onShowSizeChange"
@change="changePage"
show-size-changer >
<template slot="buildOptionText" slot-scope="props">
<span >{{ props.value }}条/页</span>
</template>
</a-pagination>
</div>
</div>
</div>
</template>
<script>
import Operation from '../../Operation.vue'
import {InvoiceManagementList,downloadInvoice} from '../../../api/index'
export default {
data() {
return{
query:{
invoice_number:'',
seller:'',
buy:'',
batchcode:'',
status:'',
createtime:[],
ticketstatus:''
},
pageSizeOptions: ['10', '20', '30', '40', '50'],
//一页多少条
total:500,
startTotal:1,
endTotal:10,
limit:10,
page:1,
data:[],
columns:[
// {
// title: '序号',
// className: 'table_column',
// dataIndex: 'id',
// width:'65px',
// align:'center'
// },
{
title: '生成时间',
dataIndex: 'tickettime',
width:'160px'
// align:'center'
},
{
title: '发票号码',
dataIndex: 'ticketid',
width:'120px'
// align:'center'
},
// {
// title: '订单编号',
// dataIndex: 'batchcode',
// width:'120px'
// // align:'center'
// },
{
title: '销方纳税人名称',
dataIndex: 'seller_name',
width:'135px'
// align:'center',
},
{
title: '订单编号',
dataIndex: 'batchcode',
// align:'center'
},
{
title: '购方纳税人名称',
dataIndex: 'name',
width:'135px'
// align:'center'
},
{
title: '购方纳税人识别号',
dataIndex: 'uscc',
// align:'center'
},
// {
// title: '订单类型',
// dataIndex: '',
// align:'center'
// },
{
title: '发票金额',
dataIndex: 'ticketmoney',
width:'90px'
// align:'center'
},
{
title: '开票状态',
dataIndex: 'ticket_status',
scopedSlots: { customRender: 'ticketstatus' },
width:'90px'
// align:'center'
},
{
title: '交易状态',
dataIndex: 'status',
scopedSlots: { customRender: 'status' },
width:'90px'
// align:'center'
},
{
title: '失败原因',
dataIndex: 'ticketApiMessage',
width:'90px'
// align:'center'
},
{
title: '操作',
scopedSlots: { customRender: 'operation' },
align:'center',
width:'170px'
},
],
}
},
components:{
Operation
},
created(){
this.getAllDate()
},
methods:{
downloadPdfUrl(id){
// console.info(this.$host)
// return
location.href=this.$host+'/admin/order.InvoiceManagement/downloadInvoice?id='+id
},
// 导出xls
xlsdc(){
xlsdc(this.query).then(res=>{
const fname = new Date().getTime()+".xlsx"
let bloburl = window.URL.createObjectURL(new Blob([res]))
const a = document.createElement('a')
a.download = fname
a.href = bloburl
// add click
a.click()
window.URL.revokeObjectURL(bloburl)
})
.catch(err=>{
console.error(err)
});
},
// 重置query
resetQurey(){
Object.assign(this.query, this.$options.data().query)
this.getAllDate()
},
getAllDate(type){
let data=this.query
data.limit=this.limit
if(type==1){
this.page=1
}
data.page=this.page
InvoiceManagementList(data).then(res=>{
// console.info(res)
if(res.code==200){
this.data=res.data.data
this.startTotal=res.data.start
this.endTotal=res.data.end
this.total=res.data.total
}else{
this.$message.error(res.msg);
}
})
},
// 切换一页显示多少条
onShowSizeChange(current, pageSize){
this.page=1
this.limit = pageSize;
this.getAllDate()
},
// 切换页数
changePage(page, pageSize){
this.page=page
this.getAllDate()
},
}
}
</script>
<style scoped>
a:hover{
/* border-bottom: 1px solid #1890FF; */
text-decoration: underline;
}
</style>
<template>
<div>
<div class="breadcrumb">
<a-breadcrumb>
<a-breadcrumb-item>交易订单售后服务管理</a-breadcrumb-item>
<a-breadcrumb-item>服务发票</a-breadcrumb-item>
</a-breadcrumb>
</div>
<div class="body">
<div class="query">
<a-row justify="space-between" >
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>发票编号：</span>
<a-input v-model="query.invoice_number"/>
</a-col>
<!-- <a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>销方纳税人：</span>
<a-input placeholder="名称/纳税人识别号" v-model="query.seller"/>
</a-col> -->
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>购方纳税人：</span>
<a-input placeholder="名称/纳税人识别号" v-model="query.buy"/>
</a-col>
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>订单编号：</span>
<a-input v-model="query.batchcode"/>
</a-col>
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>开票状态：</span>
<a-select v-model="query.ticketstatus" :getPopupContainer="(triggerNode) => triggerNode.parentNode">
<a-select-option value="">全部</a-select-option>
<a-select-option value="1">未开票</a-select-option>
<a-select-option value="2">开票中</a-select-option>
<a-select-option value="3">开票成功</a-select-option>
<a-select-option value="4">开票失败</a-select-option>
</a-select>
</a-col>
<!-- <a-col :lg="8" :xl="8" :xxl="6" class="query_item" >
<span>订单类型：</span>
<a-select default-value="全部" >
<a-select-option value="全部">
全部
</a-select-option>
</a-select>
</a-col> -->
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>订单状态：</span>
<a-select v-model="query.status" :getPopupContainer="(triggerNode) => triggerNode.parentNode">
<a-select-option value="">全部</a-select-option>
<a-select-option value="2">待交付订单</a-select-option>
<a-select-option value="3">待结算订单</a-select-option>
<a-select-option value="4">已终止订单</a-select-option>
</a-select>
</a-col>
<a-col :lg="8" :xl="8" :xxl="6" class="query_item query_item2">
<span>生成时间：</span>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="query.createtime"/>
</a-col>
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>发票号码：</span>
<a-input v-model="query.batchcode"/>
</a-col>
<a-col :lg="12" :xl="12" :xxl="8" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getAllDate(1)">查 询</a-button>
<a-button class="query_button" @click="resetQurey">重 置</a-button>
<a-button type="default" class="query_button" @click="xlsdc">导 出</a-button>
</a-space>
</a-col>
</a-row>
</div>
<div class="table">
<div class="table_title">
<span>查询结果</span>
<!-- <a-button type="primary" class="query_button">导 出</a-button> -->
<!-- <a-button type="primary" class="query_button">获 取</a-button> -->
</div>
<a-table :columns="columns" :data-source="data" bordered :pagination="false" rowKey="id">
<template slot="ticketstatus" slot-scope="ticket_status">
<span>{{ticket_status==1?'未开票':ticket_status==2?'开票中':ticket_status==3?'开票成功':'开票失败'}}</span>
</template>
<template slot="status" slot-scope="status">
<span>{{status==2?'待交付订单':status==3?'待结算订单':'已终止订单'}}</span>
</template>
<template slot="operation" slot-scope="item">
<a-space :size="24">
<!-- <span class="table_operation">发票详情</span> -->
<a :href="item.pdfUrl" class="table_operation" target="_blank" rel="nofollow">发票详情</a>
<!-- <a :href="item.pdfUrl" class="table_operation" download="pdfUrl" @click="downloadPdfUrl(item.pdfUrl)">下载发票</a> -->
<span class="table_operation" @click="downloadPdfUrl(item.id)">下载发票</span>
</a-space>
</template>
</a-table>
<a-pagination
class="pagination"
size="small"
:total="total"
v-model="page"
:page-size="limit"
:show-total="total => `第 ${startTotal} - ${endTotal} 条 / 总共 ${total} 条`"
:page-size-options="pageSizeOptions"
@showSizeChange="onShowSizeChange"
@change="changePage"
show-size-changer >
<template slot="buildOptionText" slot-scope="props">
<span >{{ props.value }}条/页</span>
</template>
</a-pagination>
</div>
</div>
</div>
</template>
<script>
import Operation from '../../Operation.vue'
import {InvoiceManagementList,downloadInvoice,fpxlsdc} from '../../../api/index'
export default {
data() {
return{
query:{
invoice_number:'',
seller:'',
buy:'',
batchcode:'',
status:'',
createtime:[],
ticketstatus:''
},
pageSizeOptions: ['10', '20', '30', '40', '50'],
//一页多少条
total:500,
startTotal:1,
endTotal:10,
limit:10,
page:1,
data:[],
columns:[
// {
// title: '序号',
// className: 'table_column',
// dataIndex: 'id',
// width:'65px',
// align:'center'
// },
{
title: '生成时间',
dataIndex: 'tickettime',
width:'160px'
// align:'center'
},
{
title: '发票号码',
dataIndex: 'ticketid',
width:'120px'
// align:'center'
},
// {
// title: '订单编号',
// dataIndex: 'batchcode',
// width:'120px'
// // align:'center'
// },
{
title: '销方纳税人名称',
dataIndex: 'seller_name',
width:'135px'
// align:'center',
},
{
title: '订单编号',
dataIndex: 'batchcode',
// align:'center'
},
{
title: '购方纳税人名称',
dataIndex: 'name',
width:'135px'
// align:'center'
},
{
title: '购方纳税人识别号',
dataIndex: 'uscc',
// align:'center'
},
// {
// title: '订单类型',
// dataIndex: '',
// align:'center'
// },
{
title: '发票金额',
dataIndex: 'ticketmoney',
width:'90px'
// align:'center'
},
{
title: '开票状态',
dataIndex: 'ticket_status',
scopedSlots: { customRender: 'ticketstatus' },
width:'90px'
// align:'center'
},
{
title: '交易状态',
dataIndex: 'status',
scopedSlots: { customRender: 'status' },
width:'90px'
// align:'center'
},
{
title: '失败原因',
dataIndex: 'ticketApiMessage',
width:'90px'
// align:'center'
},
{
title: '操作',
scopedSlots: { customRender: 'operation' },
align:'center',
width:'170px'
},
],
}
},
components:{
Operation
},
created(){
this.getAllDate()
},
methods:{
downloadPdfUrl(id){
// console.info(this.$host)
// return
location.href=this.$host+'/admin/order.InvoiceManagement/downloadInvoice?id='+id
},
// 导出xls
xlsdc(){
fpxlsdc(this.query).then(res=>{
const fname = new Date().getTime()+".xlsx"
let bloburl = window.URL.createObjectURL(new Blob([res]))
const a = document.createElement('a')
a.download = fname
a.href = bloburl
// add click
a.click()
window.URL.revokeObjectURL(bloburl)
})
.catch(err=>{
console.error(err)
});
},
// 重置query
resetQurey(){
Object.assign(this.query, this.$options.data().query)
this.getAllDate()
},
getAllDate(type){
let data=this.query
data.limit=this.limit
if(type==1){
this.page=1
}
data.page=this.page
InvoiceManagementList(data).then(res=>{
// console.info(res)
if(res.code==200){
this.data=res.data.data
this.startTotal=res.data.start
this.endTotal=res.data.end
this.total=res.data.total
}else{
this.$message.error(res.msg);
}
})
},
// 切换一页显示多少条
onShowSizeChange(current, pageSize){
this.page=1
this.limit = pageSize;
this.getAllDate()
},
// 切换页数
changePage(page, pageSize){
this.page=page
this.getAllDate()
},
}
}
</script>
<style scoped>
a:hover{
/* border-bottom: 1px solid #1890FF; */
text-decoration: underline;
}
</style>

652
src/components/page/order/index.vue
View File

@ -1,326 +1,326 @@
<template>
<div>
<div class="breadcrumb">
<a-breadcrumb>
<a-breadcrumb-item>交易订单管理</a-breadcrumb-item>
<a-breadcrumb-item>全部交易订单</a-breadcrumb-item>
</a-breadcrumb>
</div>
<div class="body">
<div class="query">
<a-row type="flex" justify="space-between">
<a-col :lg="12" :xl="8" :xxl="6" class="query_item">
<span>订单编号：</span>
<a-input v-model="query.batchcode" />
</a-col>
<a-col :lg="12" :xl="8" :xxl="6" class="query_item query_item3">
<span>委托方/授权方：</span>
<a-input v-model="query.entrust_name" placeholder="名称/交易主体唯一标志码" />
</a-col>
<a-col :lg="12" :xl="8" :xxl="6" class="query_item query_item3">
<span>购买方/被授权方：</span>
<a-input v-model="query.buy_name" placeholder="名称/交易主体唯一标志码" />
</a-col>
<a-col :lg="12" :xl="8" :xxl="6" class="query_item">
<span>交易标的：</span>
<a-input v-model="query.goods_name" placeholder="名称/标的ISLI标志码" />
</a-col>
<!-- <a-col :span="5" class="query_item" >
<span>订单类型：</span>
<a-select default-value="" v-model="query.order_type" :getPopupContainer="(triggerNode) => triggerNode.parentNode">
<a-select-option value="">全部</a-select-option>
<a-select-option value="1">委托订单</a-select-option>
<a-select-option value="2">认证订单</a-select-option>
<a-select-option value="3">服务订单</a-select-option>
</a-select>
</a-col> -->
<a-col :lg="12" :xl="8" :xxl="6" class="query_item">
<span>收费类型：</span>
<a-select default-value="" v-model="query.charges_type"
:getPopupContainer="(triggerNode) => triggerNode.parentNode">
<a-select-option value="">全部</a-select-option>
<a-select-option value="1">免费</a-select-option>
<a-select-option value="2">付费</a-select-option>
</a-select>
</a-col>
<a-col :lg="12" :xl="8" :xxl="6" class="query_item">
<span>交易方式：</span>
<a-select default-value="" v-model="query.entrust_type"
:getPopupContainer="(triggerNode) => triggerNode.parentNode">
<a-select-option value="">全部</a-select-option>
<a-select-option value="1">转让</a-select-option>
<a-select-option value="2">授权</a-select-option>
</a-select>
</a-col>
<a-col :lg="12" :xl="8" :xxl="6" class="query_item" style="display:none">
<span>订单状态：</span>
<a-select default-value="" v-model="query.transaction_status"
:getPopupContainer="triggerNode => { return triggerNode.parentNode || document.body}">
<a-select-option value="" @click.native='selectAll'>全部</a-select-option>
<a-select-option value="1">待付款</a-select-option>
<a-select-option value="2">待交付</a-select-option>
<a-select-option value="3">待结算</a-select-option>
<a-select-option value="4">已终止</a-select-option>
<a-select-option value="5">已关闭</a-select-option>
</a-select>
</a-col>
<a-col :lg="12" :xl="8" :xxl="6" class="query_item query_item2">
<span>创建时间：</span>
<a-range-picker v-model="query.createtime" valueFormat="YYYY-MM-DD" />
</a-col>
<!-- <a-col :lg="12" :xl="8" :xxl="12" class="query_item query_item3" style="display:noen">
<span>标的金额：</span>
<a-input v-model="query.biaodi_start" placeholder="最小值" />
<el-col :span="10" v-html="'\u00a0'" />
<el-col style="color:#d9d9d9;">-</el-col>
<el-col :span="10" v-html="'\u00a0'" />
<a-input v-model="query.biaodi_end" placeholder="最大值" />
</a-col> -->
<!-- <a-col :lg="12" :xl="8" :xxl="12" class="query_item query_item3">
<span>订单金额：</span>
<a-input v-model="query.dingdan_start" placeholder="最小值" />
<el-col :span="10" v-html="'\u00a0'" />
<el-col style="color:#d9d9d9;">-</el-col>
<el-col :span="10" v-html="'\u00a0'" />
<a-input v-model="query.dingdan_end" placeholder="最大值" />
</a-col> -->
<a-col :lg="24" :xl="8" :xxl="24" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getList(1)">查 询</a-button>
<a-button class="query_button" @click="resetQurey">重 置</a-button>
<a-button type="default" class="query_button" @click="xlsdc">导 出</a-button>
</a-space>
</a-col>
</a-row>
</div>
<div class="table">
<div class="table_title">
<span>查询结果</span>
<!-- <a-button type="primary" class="query_button">获 取</a-button> -->
</div>
<a-table :columns="columns" :data-source="data" bordered :pagination="false" rowKey="id">
<template slot="type" slot-scope="type">
<span>{{ type == 1 ? '委托订单' : type == 2 ? '认证订单' : '服务订单' }}</span>
</template>
<template slot="status" slot-scope="status">
<span>{{ status == 1 ? '待付款' : status == 2 ? '待交付' : status == 3 ? '待结算' : status == 4 ? '已终止' : '已关闭' }}</span>
</template>
<template slot="operation" slot-scope="item">
<a-space :size="24">
<span class="table_operation" @click="SelectDate(item.batchcode)">标的信息</span>
<span class="table_operation" @click="SelectOrder(item.batchcode)">订单详情</span>
</a-space>
</template>
</a-table>
<a-pagination class="pagination" size="small" :total="total" v-model="page" :page-size="limit"
:show-total="total => `第 ${startTotal} - ${endTotal} 条 / 总共 ${total} 条`" :page-size-options="pageSizeOptions"
@showSizeChange="onShowSizeChange" @change="changePage" show-size-changer>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }}条/页</span>
</template>
</a-pagination>
</div>
</div>
<orderDataSelect :visible.sync="visible" v-if="visible" :batchcode="batchcode" :type="1"></orderDataSelect>
<orderDetails :visible.sync="visible2" v-if="visible2" :batchcode="batchcode"></orderDetails>
</div>
</template>
<script>
import Operation from '../../Operation.vue'
import { getOrderList,xlsdc } from '../../../api/index'
export default {
data() {
return {
query: {
batchcode: '',
entrust_name: '',
buy_name: '',
goods_name: '',
order_type: '',
entrust_type: '',
transaction_status: '',
createtime: [],
goods_isli: '',
charges_type: '',
// biaodi_start: '',
// biaodi_end: '',
// dingdan_start: '',
// dingdan_end: '',
},
batchcode: '',
visible: false,
visible2: false,
pageSizeOptions: ['10', '20', '30', '40', '50'],
total: 0,
startTotal: 1,
endTotal: 10,
limit: 10,
// 当前页数
page: 1,
data: [],
columns: [
// {
// title: '序号',
// dataIndex: 'id',
// width:'65px',
// align:'center'
// },
{
title: '订单创建时间',
width: '120px',
dataIndex: 'createtime',
// align:'center'
},
{
title: '订单编号',
dataIndex: 'batchcode',
// align:'center'
},
{
title: '委托方/授权方',
dataIndex: 'entrust_name',
width: '125px',
// align:'center'
},
{
title: '标的名称',
dataIndex: 'goods_name',
// align:'center'
},
{
title: '购买方/被授权方',
width: '135px',
dataIndex: 'buy_username',
// width:'130px',
// align:'center'
},
// {
// title: '订单类型',
// dataIndex: 'type',
// scopedSlots: { customRender: 'type' },
// align:'center'
// },
{
title: '交易方式',
width: '90px',
dataIndex: 'entrust_type',
// align:'center'
},
{
title: '标的金额',
dataIndex: 'goods_price',
width: '90px',
// align:'center'
},
{
title: '交易佣金',
dataIndex: 'total_service_charge',
width: '90px',
// align:'center'
},
{
title: '订单金额',
dataIndex: 'total_money',
width: '90px',
// align:'center'
},
{
title: '交易状态',
width: '90px',
dataIndex: 'status',
scopedSlots: { customRender: 'status' },
// align:'center'
},
{
title: '操作',
width: '170px',
scopedSlots: { customRender: 'operation' },
align: 'center'
},
]
}
},
components: {
Operation,
orderDataSelect: () => import('../../dateSelect/order.vue'),
orderDetails: () => import('../../orderDetails/index.vue'),
},
created() {
if (this.$route.query) {
this.query.goods_isli = this.$route.query.goods_islicode
}
this.getList()
},
methods: {
// 重置query
resetQurey() {
Object.assign(this.query, this.$options.data().query)
this.getList()
},
// 导出xls
xlsdc(){
xlsdc(this.query).then(res=>{
console.log(res)
const fname = new Date().getTime()+".xlsx"
// let bloburl = window.URL.createObjectURL(res)
let bloburl = window.URL.createObjectURL(new Blob([res]))
const a = document.createElement('a')
a.download = fname
a.href = bloburl
// add click
a.click()
window.URL.revokeObjectURL(bloburl)
console.log(a)
})
.catch(err=>{
console.error(err)
});
},
getList(type) {
let data = this.query
data.limit = this.limit
if (type == 1) {
this.page = 1
}
data.page = this.page
getOrderList(data).then(res => {
if (res.code == 200) {
this.data = res.data.data
this.startTotal = res.data.start
this.endTotal = res.data.end
this.total = res.data.total
} else {
this.$message.error(res.msg);
}
})
},
SelectOrder(val) {
this.batchcode = val
this.visible2 = true
},
SelectDate(val) {
this.visible = true
this.batchcode = val
},
// 切换一页显示多少条
onShowSizeChange(current, pageSize) {
this.page = 1
this.limit = pageSize;
this.getList()
},
// 切换页数
changePage(page, pageSize) {
this.page = page
this.getList()
},
//
selectAll() {
}
}
}
</script>
<style scoped></style>
<template>
<div>
<div class="breadcrumb">
<a-breadcrumb>
<a-breadcrumb-item>交易订单管理</a-breadcrumb-item>
<a-breadcrumb-item>全部交易订单</a-breadcrumb-item>
</a-breadcrumb>
</div>
<div class="body">
<div class="query">
<a-row type="flex" justify="space-between">
<a-col :lg="12" :xl="8" :xxl="6" class="query_item">
<span>订单编号：</span>
<a-input v-model="query.batchcode" />
</a-col>
<a-col :lg="12" :xl="8" :xxl="6" class="query_item query_item3">
<span>委托方/授权方：</span>
<a-input v-model="query.entrust_name" placeholder="名称/交易主体唯一标志码" />
</a-col>
<a-col :lg="12" :xl="8" :xxl="6" class="query_item query_item3">
<span>购买方/被授权方：</span>
<a-input v-model="query.buy_name" placeholder="名称/交易主体唯一标志码" />
</a-col>
<a-col :lg="12" :xl="8" :xxl="6" class="query_item">
<span>交易标的：</span>
<a-input v-model="query.goods_name" placeholder="名称/标的ISLI标志码" />
</a-col>
<!-- <a-col :span="5" class="query_item" >
<span>订单类型：</span>
<a-select default-value="" v-model="query.order_type" :getPopupContainer="(triggerNode) => triggerNode.parentNode">
<a-select-option value="">全部</a-select-option>
<a-select-option value="1">委托订单</a-select-option>
<a-select-option value="2">认证订单</a-select-option>
<a-select-option value="3">服务订单</a-select-option>
</a-select>
</a-col> -->
<a-col :lg="12" :xl="8" :xxl="6" class="query_item">
<span>收费类型：</span>
<a-select default-value="" v-model="query.charges_type"
:getPopupContainer="(triggerNode) => triggerNode.parentNode">
<a-select-option value="">全部</a-select-option>
<a-select-option value="1">免费</a-select-option>
<a-select-option value="2">付费</a-select-option>
</a-select>
</a-col>
<a-col :lg="12" :xl="8" :xxl="6" class="query_item">
<span>交易方式：</span>
<a-select default-value="" v-model="query.entrust_type"
:getPopupContainer="(triggerNode) => triggerNode.parentNode">
<a-select-option value="">全部</a-select-option>
<a-select-option value="1">转让</a-select-option>
<a-select-option value="2">授权</a-select-option>
</a-select>
</a-col>
<a-col :lg="12" :xl="8" :xxl="6" class="query_item" style="display:none">
<span>订单状态：</span>
<a-select default-value="" v-model="query.transaction_status"
:getPopupContainer="triggerNode => { return triggerNode.parentNode || document.body}">
<a-select-option value="" @click.native='selectAll'>全部</a-select-option>
<a-select-option value="1">待付款</a-select-option>
<a-select-option value="2">待交付</a-select-option>
<a-select-option value="3">待结算</a-select-option>
<a-select-option value="4">已终止</a-select-option>
<a-select-option value="5">已关闭</a-select-option>
</a-select>
</a-col>
<a-col :lg="12" :xl="8" :xxl="6" class="query_item query_item2">
<span>创建时间：</span>
<a-range-picker v-model="query.createtime" valueFormat="YYYY-MM-DD" />
</a-col>
<!-- <a-col :lg="12" :xl="8" :xxl="12" class="query_item query_item3" style="display:noen">
<span>标的金额：</span>
<a-input v-model="query.biaodi_start" placeholder="最小值" />
<el-col :span="10" v-html="'\u00a0'" />
<el-col style="color:#d9d9d9;">-</el-col>
<el-col :span="10" v-html="'\u00a0'" />
<a-input v-model="query.biaodi_end" placeholder="最大值" />
</a-col> -->
<!-- <a-col :lg="12" :xl="8" :xxl="12" class="query_item query_item3">
<span>订单金额：</span>
<a-input v-model="query.dingdan_start" placeholder="最小值" />
<el-col :span="10" v-html="'\u00a0'" />
<el-col style="color:#d9d9d9;">-</el-col>
<el-col :span="10" v-html="'\u00a0'" />
<a-input v-model="query.dingdan_end" placeholder="最大值" />
</a-col> -->
<a-col :lg="24" :xl="8" :xxl="24" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getList(1)">查 询</a-button>
<a-button class="query_button" @click="resetQurey">重 置</a-button>
<a-button type="default" class="query_button" @click="xlsdc">导 出</a-button>
</a-space>
</a-col>
</a-row>
</div>
<div class="table">
<div class="table_title">
<span>查询结果</span>
<!-- <a-button type="primary" class="query_button">获 取</a-button> -->
</div>
<a-table :columns="columns" :data-source="data" bordered :pagination="false" rowKey="id">
<template slot="type" slot-scope="type">
<span>{{ type == 1 ? '委托订单' : type == 2 ? '认证订单' : '服务订单' }}</span>
</template>
<template slot="status" slot-scope="status">
<span>{{ status == 1 ? '待付款' : status == 2 ? '待交付' : status == 3 ? '待结算' : status == 4 ? '已终止' : '已关闭' }}</span>
</template>
<template slot="operation" slot-scope="item">
<a-space :size="24">
<span class="table_operation" @click="SelectDate(item.batchcode)">标的信息</span>
<span class="table_operation" @click="SelectOrder(item.batchcode)">订单详情</span>
</a-space>
</template>
</a-table>
<a-pagination class="pagination" size="small" :total="total" v-model="page" :page-size="limit"
:show-total="total => `第 ${startTotal} - ${endTotal} 条 / 总共 ${total} 条`" :page-size-options="pageSizeOptions"
@showSizeChange="onShowSizeChange" @change="changePage" show-size-changer>
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value }}条/页</span>
</template>
</a-pagination>
</div>
</div>
<orderDataSelect :visible.sync="visible" v-if="visible" :batchcode="batchcode" :type="1"></orderDataSelect>
<orderDetails :visible.sync="visible2" v-if="visible2" :batchcode="batchcode"></orderDetails>
</div>
</template>
<script>
import Operation from '../../Operation.vue'
import { getOrderList,xlsdc } from '../../../api/index'
export default {
data() {
return {
query: {
batchcode: '',
entrust_name: '',
buy_name: '',
goods_name: '',
order_type: '',
entrust_type: '',
transaction_status: '',
createtime: [],
goods_isli: '',
charges_type: '',
// biaodi_start: '',
// biaodi_end: '',
// dingdan_start: '',
// dingdan_end: '',
},
batchcode: '',
visible: false,
visible2: false,
pageSizeOptions: ['10', '20', '30', '40', '50'],
total: 0,
startTotal: 1,
endTotal: 10,
limit: 10,
// 当前页数
page: 1,
data: [],
columns: [
// {
// title: '序号',
// dataIndex: 'id',
// width:'65px',
// align:'center'
// },
{
title: '订单创建时间',
width: '120px',
dataIndex: 'createtime',
// align:'center'
},
{
title: '订单编号',
dataIndex: 'batchcode',
// align:'center'
},
{
title: '委托方/授权方',
dataIndex: 'entrust_name',
width: '125px',
// align:'center'
},
{
title: '标的名称',
dataIndex: 'goods_name',
// align:'center'
},
{
title: '购买方/被授权方',
width: '135px',
dataIndex: 'buy_username',
// width:'130px',
// align:'center'
},
// {
// title: '订单类型',
// dataIndex: 'type',
// scopedSlots: { customRender: 'type' },
// align:'center'
// },
{
title: '交易方式',
width: '90px',
dataIndex: 'entrust_type',
// align:'center'
},
{
title: '标的金额',
dataIndex: 'goods_price',
width: '90px',
// align:'center'
},
{
title: '交易佣金',
dataIndex: 'total_service_charge',
width: '90px',
// align:'center'
},
{
title: '订单金额',
dataIndex: 'total_money',
width: '90px',
// align:'center'
},
{
title: '交易状态',
width: '90px',
dataIndex: 'status',
scopedSlots: { customRender: 'status' },
// align:'center'
},
{
title: '操作',
width: '170px',
scopedSlots: { customRender: 'operation' },
align: 'center'
},
]
}
},
components: {
Operation,
orderDataSelect: () => import('../../dateSelect/order.vue'),
orderDetails: () => import('../../orderDetails/index.vue'),
},
created() {
if (this.$route.query) {
this.query.goods_isli = this.$route.query.goods_islicode
}
this.getList()
},
methods: {
// 重置query
resetQurey() {
Object.assign(this.query, this.$options.data().query)
this.getList()
},
// 导出xls
xlsdc(){
xlsdc(this.query).then(res=>{
const fname = new Date().getTime()+".xlsx"
let bloburl = window.URL.createObjectURL(new Blob([res]))
// let bloburl = 'data:text/csv;charset=utf-8,' + encodeURIComponent(res)
const a = document.createElement('a')
a.download = fname
a.href = bloburl
// add click
a.click()
window.URL.revokeObjectURL(bloburl)
// console.log(a)
})
.catch(err=>{
console.error(err)
});
},
getList(type) {
let data = this.query
data.limit = this.limit
if (type == 1) {
this.page = 1
}
data.page = this.page
getOrderList(data).then(res => {
if (res.code == 200) {
this.data = res.data.data
this.startTotal = res.data.start
this.endTotal = res.data.end
this.total = res.data.total
} else {
this.$message.error(res.msg);
}
})
},
SelectOrder(val) {
this.batchcode = val
this.visible2 = true
},
SelectDate(val) {
this.visible = true
this.batchcode = val
},
// 切换一页显示多少条
onShowSizeChange(current, pageSize) {
this.page = 1
this.limit = pageSize;
this.getList()
},
// 切换页数
changePage(page, pageSize) {
this.page = page
this.getList()
},
//
selectAll() {
}
}
}
</script>
<style scoped></style>

Write Preview
Loading…
Cancel
Save