18 changed files with 1961 additions and 479 deletions
@ -0,0 +1,135 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-dialog title="订单详情" :visible.sync="isshow" width="70%" :before-close="MisShow"> |
||||
|
<p class="tips"> |
||||
|
请在2021/06/19 14:13:12前完成订单支付！ |
||||
|
</p> |
||||
|
<div class="steps"> |
||||
|
<el-steps :active="2" align-center> |
||||
|
<el-step title="下单成功" description=""></el-step> |
||||
|
<el-step title="等待付款" description=""></el-step> |
||||
|
<el-step title="付款成功" description=""></el-step> |
||||
|
<el-step title="等待公示" description=""></el-step> |
||||
|
<el-step title="公示完毕" description=""></el-step> |
||||
|
<el-step title="等待交付" description=""></el-step> |
||||
|
<el-step title="交付成功" description=""></el-step> |
||||
|
<el-step title="等待结算" description=""></el-step> |
||||
|
<el-step title="订单完成" description=""></el-step> |
||||
|
</el-steps> |
||||
|
</div> |
||||
|
<div class="order_title"> |
||||
|
<el-tabs v-model="activeName" @tab-click="handleClick" class="order_tabs"> |
||||
|
<el-tab-pane label="订单信息" name="first"> |
||||
|
<p class="order_info_p">订单编号：{{orderInfos.batchcode}} </p> |
||||
|
<p class="order_info_p">标准编号：{{orderInfos.asset.serial}} </p> |
||||
|
<p class="order_info_p">流水编号：{{orderInfos.order.money_id}} </p> |
||||
|
<p class="order_info_p">快递单号：{{orderInfos.order.express_id}} </p> |
||||
|
<br/> |
||||
|
<p class="order_info_p">资产名称：{{orderInfos.asset.serial_name}} </p> |
||||
|
<p class="order_info_p">转让单价：{{orderInfos.asset.price}} </p> |
||||
|
<p class="order_info_p">交易数量：{{orderInfos.order.count}} </p> |
||||
|
<p class="order_info_p">交易金额：{{orderInfos.order.price}} </p> |
||||
|
<br/> |
||||
|
<p class="order_info_p">买家名称：{{orderInfos.username}} </p> |
||||
|
<p class="order_info_p">收货地址：{{orderInfos.order.express_address}} </p> |
||||
|
<p class="order_info_p">收货人名称：{{orderInfos.order.express_user}} </p> |
||||
|
<p class="order_info_p">收货人电话：{{orderInfos.order.express_userphone}} </p> |
||||
|
<p class="order_info_p">邮政编码：{{orderInfos.order.postal_code}} </p> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane label="资产交易电子协议" name="second">配置管理</el-tab-pane> |
||||
|
<el-tab-pane label="成交公示" name="third">角色管理</el-tab-pane> |
||||
|
<el-tab-pane label="交易账单" name="fourth">定时任务补偿</el-tab-pane> |
||||
|
</el-tabs> |
||||
|
<div class="order_switch"> |
||||
|
<span>订单状态</span> |
||||
|
<el-switch |
||||
|
v-model="value1" |
||||
|
> |
||||
|
</el-switch> |
||||
|
</div> |
||||
|
</div> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button @click="MisShow">返 回</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { orderInfo } from '../../../api/index' |
||||
|
export default ({ |
||||
|
name:'orderDialog', |
||||
|
props:{ |
||||
|
batchcode:{ |
||||
|
type:Number, |
||||
|
require: true |
||||
|
}, |
||||
|
isshow:{ |
||||
|
type:Boolean, |
||||
|
default:false, |
||||
|
require: true |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return{ |
||||
|
activeName: 'first', |
||||
|
value1:'', |
||||
|
orderInfos:{} |
||||
|
} |
||||
|
}, |
||||
|
created(){ |
||||
|
this.getData() |
||||
|
}, |
||||
|
methods:{ |
||||
|
handleClick(tab, event) { |
||||
|
console.log(tab, event); |
||||
|
}, |
||||
|
getData(){ |
||||
|
let data={batchcode:this.batchcode} |
||||
|
orderInfo(data).then(res=>{ |
||||
|
console.info(res); |
||||
|
if (res.code==100) { |
||||
|
this.orderInfos=res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
MisShow(){ |
||||
|
this.$emit('orderShow') |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.tips{ |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
.steps{ |
||||
|
margin-top: 30px; |
||||
|
margin-bottom: 15px; |
||||
|
} |
||||
|
.order_title{ |
||||
|
width: 100%; |
||||
|
position: relative; |
||||
|
} |
||||
|
.order_tabs{ |
||||
|
width: 100%; |
||||
|
} |
||||
|
.order_switch{ |
||||
|
position: absolute; |
||||
|
top: 10px; |
||||
|
right: 0; |
||||
|
} |
||||
|
.order_switch >span{ |
||||
|
color: #4E73E4; |
||||
|
display: inline-block; |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
.order_tabs>>>.el-tab-pane{ |
||||
|
min-height: 480px; |
||||
|
border: 2px #AAAAAA dashed; |
||||
|
padding: 10px; |
||||
|
} |
||||
|
.order_info_p{ |
||||
|
font-size: 16px; |
||||
|
color: #555555; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="crumbs"> |
||||
|
<el-breadcrumb separator="/"> |
||||
|
<el-breadcrumb-item> |
||||
|
<i class="el-icon-lx-cascades"></i> 交易管理 |
||||
|
</el-breadcrumb-item> |
||||
|
<el-breadcrumb-item>已关闭订单</el-breadcrumb-item> |
||||
|
</el-breadcrumb> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="handle-box"> |
||||
|
<el-input placeholder="订单编号" v-model="query.batchcode" class="handle-input mr10"></el-input> |
||||
|
<el-input v-model="query.firm_name" placeholder="商家名称" class="handle-input mr10"></el-input> |
||||
|
<el-input placeholder="买家名称" v-model="query.pay_username" class="handle-input mr10"></el-input> |
||||
|
<el-input placeholder="资产名称" v-model="query.account_name" class="handle-input mr10"></el-input> |
||||
|
<el-select placeholder="交易方式" v-model="query.trade_type" class="handle-select mr10"> |
||||
|
<el-option key="1" label="广东省" value="广东省"></el-option> |
||||
|
<el-option key="2" label="湖南省" value="湖南省"></el-option> |
||||
|
</el-select> |
||||
|
<el-select v-model="query.auditID" placeholder="审核人员" class="handle-select mr10"> |
||||
|
<el-option key="1" label="广东省" value="广东省"></el-option> |
||||
|
<el-option key="2" label="湖南省" value="湖南省"></el-option> |
||||
|
</el-select> |
||||
|
<el-date-picker |
||||
|
class="mr10" |
||||
|
v-model="query.time" |
||||
|
type="datetimerange" |
||||
|
:picker-options="pickerOptions" |
||||
|
range-separator="至" |
||||
|
value-format="yyyy-MM-dd h:m:s" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="结束日期" |
||||
|
align="right" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button> |
||||
|
</div> |
||||
|
<el-table |
||||
|
:data="tableData" |
||||
|
border |
||||
|
class="table" |
||||
|
ref="multipleTable" |
||||
|
header-cell-class-name="table-header" |
||||
|
> |
||||
|
<el-table-column prop="id" label="序号" width="55" align="center"></el-table-column> |
||||
|
<el-table-column prop="create_time" label="创建时间" :formatter="formatDate"></el-table-column> |
||||
|
<el-table-column label="订单编号" prop="batchcode"></el-table-column> |
||||
|
<el-table-column prop="sell_firm_name" label="商家名称"></el-table-column> |
||||
|
<el-table-column label="资产名称" prop="serial_name"></el-table-column> |
||||
|
<el-table-column label="买家名称" prop="firm_name"></el-table-column> |
||||
|
<el-table-column label="交易方式"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{scope.row.order_pay_mode==1? '线下':'网银'}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="count" label="交易数量"></el-table-column> |
||||
|
<el-table-column prop="price" label="交易金额"></el-table-column> |
||||
|
<el-table-column prop="auditID_name" label="审核人员"></el-table-column> |
||||
|
<el-table-column label="操作" width="280" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="handleEdit(scope.$index, scope.row)" |
||||
|
>资产查看</el-button> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="orderDetails(scope.$index, scope.row)" |
||||
|
>订单详情</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div class="pagination"> |
||||
|
<el-pagination |
||||
|
background |
||||
|
layout="total, prev, pager, next" |
||||
|
:current-page="query.page" |
||||
|
:page-size="query.limit" |
||||
|
:total="pageTotal" |
||||
|
@current-change="handlePageChange" |
||||
|
></el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<whyDialog v-if="editVisible" :isshow="editVisible" :dialogID="dialogID" |
||||
|
:dialogType="dialogType" @MisShow="MisShow" :assets_type="1" > |
||||
|
</whyDialog> |
||||
|
<orderDialog v-if="orderShowVisible" :isshow="orderShowVisible" :batchcode="order_batchcode" |
||||
|
@orderShow="orderShow" > |
||||
|
</orderDialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { orderList } from '../../../api/index'; |
||||
|
import moment from 'moment' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
orderShowVisible:false, |
||||
|
order_batchcode:'', |
||||
|
query: { |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
batchcode:'', |
||||
|
firm_name:'', |
||||
|
pay_username:'', |
||||
|
account_name:'', |
||||
|
trade_type:'', |
||||
|
auditID:'', |
||||
|
time:'', |
||||
|
order_type:9 |
||||
|
}, |
||||
|
tableData: [], |
||||
|
multipleSelection: [], |
||||
|
delList: [], |
||||
|
editVisible: false, |
||||
|
dialogID:'', |
||||
|
dialogType:3, |
||||
|
pageTotal: 0, |
||||
|
pickerOptions: { |
||||
|
shortcuts: [ |
||||
|
{ |
||||
|
text: "最近一周", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: "最近一个月", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: "最近三个月", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
components:{ |
||||
|
whyDialog: () => import('../../common/dialog/insex.vue'), |
||||
|
orderDialog: () => import('../../common/orderDialog/index.vue') |
||||
|
}, |
||||
|
created() { |
||||
|
this.getData(); |
||||
|
}, |
||||
|
methods: { |
||||
|
MisShow(){ |
||||
|
this.editVisible=false |
||||
|
}, |
||||
|
orderShow(){ |
||||
|
this.orderShowVisible=false |
||||
|
}, |
||||
|
//时间戳转换时间 |
||||
|
formatDate(row,colnum){ |
||||
|
return moment(row.create_time*1000).format('YYYY-MM-DD HH:mm:ss') |
||||
|
}, |
||||
|
// 获取 easy-mock 的模拟数据 |
||||
|
getData() { |
||||
|
orderList(this.query).then(res => { |
||||
|
console.log(res); |
||||
|
this.tableData = res.data.list; |
||||
|
this.pageTotal = res.data.count ; |
||||
|
}); |
||||
|
}, |
||||
|
// 触发搜索按钮 |
||||
|
handleSearch() { |
||||
|
this.$set(this.query, 'pageIndex', 1); |
||||
|
this.getData(); |
||||
|
}, |
||||
|
// 编辑操作 |
||||
|
handleEdit(index, row) { |
||||
|
this.dialogID=row.asset_id; |
||||
|
this.editVisible = true; |
||||
|
}, |
||||
|
orderDetails(index, row) { |
||||
|
this.order_batchcode=row.batchcode; |
||||
|
this.orderShowVisible = true; |
||||
|
}, |
||||
|
// 分页导航 |
||||
|
handlePageChange(val) { |
||||
|
this.$set(this.query, 'page', val); |
||||
|
this.getData(); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.handle-box { |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
.handle-select { |
||||
|
width: 120px; |
||||
|
} |
||||
|
|
||||
|
.handle-input { |
||||
|
width: 150px; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.table { |
||||
|
width: 100%; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
.red { |
||||
|
color: #ff0000; |
||||
|
} |
||||
|
.mr10 { |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
.table-td-thumb { |
||||
|
display: block; |
||||
|
margin: auto; |
||||
|
width: 40px; |
||||
|
height: 40px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="crumbs"> |
||||
|
<el-breadcrumb separator="/"> |
||||
|
<el-breadcrumb-item> |
||||
|
<i class="el-icon-lx-cascades"></i> 交易管理 |
||||
|
</el-breadcrumb-item> |
||||
|
<el-breadcrumb-item>已完成订单</el-breadcrumb-item> |
||||
|
</el-breadcrumb> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="handle-box"> |
||||
|
<el-input placeholder="订单编号" v-model="query.batchcode" class="handle-input mr10"></el-input> |
||||
|
<el-input v-model="query.firm_name" placeholder="商家名称" class="handle-input mr10"></el-input> |
||||
|
<el-input placeholder="买家名称" v-model="query.pay_username" class="handle-input mr10"></el-input> |
||||
|
<el-input placeholder="资产名称" v-model="query.account_name" class="handle-input mr10"></el-input> |
||||
|
<el-select placeholder="交易方式" v-model="query.trade_type" class="handle-select mr10"> |
||||
|
<el-option key="1" label="广东省" value="广东省"></el-option> |
||||
|
<el-option key="2" label="湖南省" value="湖南省"></el-option> |
||||
|
</el-select> |
||||
|
<el-select v-model="query.auditID" placeholder="审核人员" class="handle-select mr10"> |
||||
|
<el-option key="1" label="广东省" value="广东省"></el-option> |
||||
|
<el-option key="2" label="湖南省" value="湖南省"></el-option> |
||||
|
</el-select> |
||||
|
<el-date-picker |
||||
|
class="mr10" |
||||
|
v-model="query.time" |
||||
|
type="datetimerange" |
||||
|
:picker-options="pickerOptions" |
||||
|
range-separator="至" |
||||
|
value-format="yyyy-MM-dd h:m:s" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="结束日期" |
||||
|
align="right" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button> |
||||
|
</div> |
||||
|
<el-table |
||||
|
:data="tableData" |
||||
|
border |
||||
|
class="table" |
||||
|
ref="multipleTable" |
||||
|
header-cell-class-name="table-header" |
||||
|
> |
||||
|
<el-table-column prop="id" label="序号" width="55" align="center"></el-table-column> |
||||
|
<el-table-column prop="create_time" label="创建时间" :formatter="formatDate"></el-table-column> |
||||
|
<el-table-column label="订单编号" prop="batchcode"></el-table-column> |
||||
|
<el-table-column prop="sell_firm_name" label="商家名称"></el-table-column> |
||||
|
<el-table-column label="资产名称" prop="serial_name"></el-table-column> |
||||
|
<el-table-column label="买家名称" prop="firm_name"></el-table-column> |
||||
|
<el-table-column label="交易方式"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{scope.row.order_pay_mode==1? '线下':'网银'}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="count" label="交易数量"></el-table-column> |
||||
|
<el-table-column prop="price" label="交易金额"></el-table-column> |
||||
|
<el-table-column prop="auditID_name" label="审核人员"></el-table-column> |
||||
|
<el-table-column label="操作" width="280" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="handleEdit(scope.$index, scope.row)" |
||||
|
>资产查看</el-button> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="orderDetails(scope.$index, scope.row)" |
||||
|
>订单详情</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div class="pagination"> |
||||
|
<el-pagination |
||||
|
background |
||||
|
layout="total, prev, pager, next" |
||||
|
:current-page="query.page" |
||||
|
:page-size="query.limit" |
||||
|
:total="pageTotal" |
||||
|
@current-change="handlePageChange" |
||||
|
></el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<whyDialog v-if="editVisible" :isshow="editVisible" :dialogID="dialogID" |
||||
|
:dialogType="dialogType" @MisShow="MisShow" :assets_type="1" > |
||||
|
</whyDialog> |
||||
|
<orderDialog v-if="orderShowVisible" :isshow="orderShowVisible" :batchcode="order_batchcode" |
||||
|
@orderShow="orderShow" > |
||||
|
</orderDialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { orderList } from '../../../api/index'; |
||||
|
import moment from 'moment' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
orderShowVisible:false, |
||||
|
order_batchcode:'', |
||||
|
query: { |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
batchcode:'', |
||||
|
firm_name:'', |
||||
|
pay_username:'', |
||||
|
account_name:'', |
||||
|
trade_type:'', |
||||
|
auditID:'', |
||||
|
time:'', |
||||
|
order_type:8 |
||||
|
}, |
||||
|
tableData: [], |
||||
|
multipleSelection: [], |
||||
|
delList: [], |
||||
|
editVisible: false, |
||||
|
dialogID:'', |
||||
|
dialogType:3, |
||||
|
pageTotal: 0, |
||||
|
pickerOptions: { |
||||
|
shortcuts: [ |
||||
|
{ |
||||
|
text: "最近一周", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: "最近一个月", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: "最近三个月", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
components:{ |
||||
|
whyDialog: () => import('../../common/dialog/insex.vue'), |
||||
|
orderDialog: () => import('../../common/orderDialog/index.vue') |
||||
|
}, |
||||
|
created() { |
||||
|
this.getData(); |
||||
|
}, |
||||
|
methods: { |
||||
|
MisShow(){ |
||||
|
this.editVisible=false |
||||
|
}, |
||||
|
orderShow(){ |
||||
|
this.orderShowVisible=false |
||||
|
}, |
||||
|
//时间戳转换时间 |
||||
|
formatDate(row,colnum){ |
||||
|
return moment(row.create_time*1000).format('YYYY-MM-DD HH:mm:ss') |
||||
|
}, |
||||
|
// 获取 easy-mock 的模拟数据 |
||||
|
getData() { |
||||
|
orderList(this.query).then(res => { |
||||
|
console.log(res); |
||||
|
this.tableData = res.data.list; |
||||
|
this.pageTotal = res.data.count ; |
||||
|
}); |
||||
|
}, |
||||
|
// 触发搜索按钮 |
||||
|
handleSearch() { |
||||
|
this.$set(this.query, 'pageIndex', 1); |
||||
|
this.getData(); |
||||
|
}, |
||||
|
// 编辑操作 |
||||
|
handleEdit(index, row) { |
||||
|
this.dialogID=row.asset_id; |
||||
|
this.editVisible = true; |
||||
|
}, |
||||
|
orderDetails(index, row) { |
||||
|
this.order_batchcode=row.batchcode; |
||||
|
this.orderShowVisible = true; |
||||
|
}, |
||||
|
// 分页导航 |
||||
|
handlePageChange(val) { |
||||
|
this.$set(this.query, 'page', val); |
||||
|
this.getData(); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.handle-box { |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
.handle-select { |
||||
|
width: 120px; |
||||
|
} |
||||
|
|
||||
|
.handle-input { |
||||
|
width: 150px; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.table { |
||||
|
width: 100%; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
.red { |
||||
|
color: #ff0000; |
||||
|
} |
||||
|
.mr10 { |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
.table-td-thumb { |
||||
|
display: block; |
||||
|
margin: auto; |
||||
|
width: 40px; |
||||
|
height: 40px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="crumbs"> |
||||
|
<el-breadcrumb separator="/"> |
||||
|
<el-breadcrumb-item> |
||||
|
<i class="el-icon-lx-cascades"></i> 交易管理 |
||||
|
</el-breadcrumb-item> |
||||
|
<el-breadcrumb-item>待确认交付订单</el-breadcrumb-item> |
||||
|
</el-breadcrumb> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="handle-box"> |
||||
|
<el-input placeholder="订单编号" v-model="query.batchcode" class="handle-input mr10"></el-input> |
||||
|
<el-input v-model="query.firm_name" placeholder="商家名称" class="handle-input mr10"></el-input> |
||||
|
<el-input placeholder="买家名称" v-model="query.pay_username" class="handle-input mr10"></el-input> |
||||
|
<el-input placeholder="资产名称" v-model="query.account_name" class="handle-input mr10"></el-input> |
||||
|
<el-select placeholder="交易方式" v-model="query.trade_type" class="handle-select mr10"> |
||||
|
<el-option key="1" label="广东省" value="广东省"></el-option> |
||||
|
<el-option key="2" label="湖南省" value="湖南省"></el-option> |
||||
|
</el-select> |
||||
|
<el-select v-model="query.auditID" placeholder="审核人员" class="handle-select mr10"> |
||||
|
<el-option key="1" label="广东省" value="广东省"></el-option> |
||||
|
<el-option key="2" label="湖南省" value="湖南省"></el-option> |
||||
|
</el-select> |
||||
|
<el-date-picker |
||||
|
class="mr10" |
||||
|
v-model="query.time" |
||||
|
type="datetimerange" |
||||
|
:picker-options="pickerOptions" |
||||
|
range-separator="至" |
||||
|
value-format="yyyy-MM-dd h:m:s" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="结束日期" |
||||
|
align="right" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button> |
||||
|
</div> |
||||
|
<el-table |
||||
|
:data="tableData" |
||||
|
border |
||||
|
class="table" |
||||
|
ref="multipleTable" |
||||
|
header-cell-class-name="table-header" |
||||
|
> |
||||
|
<el-table-column prop="id" label="序号" width="55" align="center"></el-table-column> |
||||
|
<el-table-column prop="create_time" label="创建时间" :formatter="formatDate"></el-table-column> |
||||
|
<el-table-column label="订单编号" prop="batchcode"></el-table-column> |
||||
|
<el-table-column prop="sell_firm_name" label="商家名称"></el-table-column> |
||||
|
<el-table-column label="资产名称" prop="serial_name"></el-table-column> |
||||
|
<el-table-column label="买家名称" prop="firm_name"></el-table-column> |
||||
|
<el-table-column label="交易方式"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{scope.row.order_pay_mode==1? '线下':'网银'}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="count" label="交易数量"></el-table-column> |
||||
|
<el-table-column prop="price" label="交易金额"></el-table-column> |
||||
|
<el-table-column prop="auditID_name" label="审核人员"></el-table-column> |
||||
|
<el-table-column label="操作" width="280" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="handleEdit(scope.$index, scope.row)" |
||||
|
>资产查看</el-button> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="orderDetails(scope.$index, scope.row)" |
||||
|
>订单详情</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div class="pagination"> |
||||
|
<el-pagination |
||||
|
background |
||||
|
layout="total, prev, pager, next" |
||||
|
:current-page="query.page" |
||||
|
:page-size="query.limit" |
||||
|
:total="pageTotal" |
||||
|
@current-change="handlePageChange" |
||||
|
></el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<whyDialog v-if="editVisible" :isshow="editVisible" :dialogID="dialogID" |
||||
|
:dialogType="dialogType" @MisShow="MisShow" :assets_type="1" > |
||||
|
</whyDialog> |
||||
|
<orderDialog v-if="orderShowVisible" :isshow="orderShowVisible" :batchcode="order_batchcode" |
||||
|
@orderShow="orderShow" > |
||||
|
</orderDialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { orderList } from '../../../api/index'; |
||||
|
import moment from 'moment' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
orderShowVisible:false, |
||||
|
order_batchcode:'', |
||||
|
query: { |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
batchcode:'', |
||||
|
firm_name:'', |
||||
|
pay_username:'', |
||||
|
account_name:'', |
||||
|
trade_type:'', |
||||
|
auditID:'', |
||||
|
time:'', |
||||
|
order_type:6 |
||||
|
}, |
||||
|
tableData: [], |
||||
|
multipleSelection: [], |
||||
|
delList: [], |
||||
|
editVisible: false, |
||||
|
dialogID:'', |
||||
|
dialogType:3, |
||||
|
pageTotal: 0, |
||||
|
pickerOptions: { |
||||
|
shortcuts: [ |
||||
|
{ |
||||
|
text: "最近一周", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: "最近一个月", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: "最近三个月", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
components:{ |
||||
|
whyDialog: () => import('../../common/dialog/insex.vue'), |
||||
|
orderDialog: () => import('../../common/orderDialog/index.vue') |
||||
|
}, |
||||
|
created() { |
||||
|
this.getData(); |
||||
|
}, |
||||
|
methods: { |
||||
|
MisShow(){ |
||||
|
this.editVisible=false |
||||
|
}, |
||||
|
orderShow(){ |
||||
|
this.orderShowVisible=false |
||||
|
}, |
||||
|
//时间戳转换时间 |
||||
|
formatDate(row,colnum){ |
||||
|
return moment(row.create_time*1000).format('YYYY-MM-DD HH:mm:ss') |
||||
|
}, |
||||
|
// 获取 easy-mock 的模拟数据 |
||||
|
getData() { |
||||
|
orderList(this.query).then(res => { |
||||
|
console.log(res); |
||||
|
this.tableData = res.data.list; |
||||
|
this.pageTotal = res.data.count ; |
||||
|
}); |
||||
|
}, |
||||
|
// 触发搜索按钮 |
||||
|
handleSearch() { |
||||
|
this.$set(this.query, 'pageIndex', 1); |
||||
|
this.getData(); |
||||
|
}, |
||||
|
// 编辑操作 |
||||
|
handleEdit(index, row) { |
||||
|
this.dialogID=row.asset_id; |
||||
|
this.editVisible = true; |
||||
|
}, |
||||
|
orderDetails(index, row) { |
||||
|
this.order_batchcode=row.batchcode; |
||||
|
this.orderShowVisible = true; |
||||
|
}, |
||||
|
// 分页导航 |
||||
|
handlePageChange(val) { |
||||
|
this.$set(this.query, 'page', val); |
||||
|
this.getData(); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.handle-box { |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
.handle-select { |
||||
|
width: 120px; |
||||
|
} |
||||
|
|
||||
|
.handle-input { |
||||
|
width: 150px; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.table { |
||||
|
width: 100%; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
.red { |
||||
|
color: #ff0000; |
||||
|
} |
||||
|
.mr10 { |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
.table-td-thumb { |
||||
|
display: block; |
||||
|
margin: auto; |
||||
|
width: 40px; |
||||
|
height: 40px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="crumbs"> |
||||
|
<el-breadcrumb separator="/"> |
||||
|
<el-breadcrumb-item> |
||||
|
<i class="el-icon-lx-cascades"></i> 交易管理 |
||||
|
</el-breadcrumb-item> |
||||
|
<el-breadcrumb-item>待交付订单</el-breadcrumb-item> |
||||
|
</el-breadcrumb> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="handle-box"> |
||||
|
<el-input placeholder="订单编号" v-model="query.batchcode" class="handle-input mr10"></el-input> |
||||
|
<el-input v-model="query.firm_name" placeholder="商家名称" class="handle-input mr10"></el-input> |
||||
|
<el-input placeholder="买家名称" v-model="query.pay_username" class="handle-input mr10"></el-input> |
||||
|
<el-input placeholder="资产名称" v-model="query.account_name" class="handle-input mr10"></el-input> |
||||
|
<el-select placeholder="交易方式" v-model="query.trade_type" class="handle-select mr10"> |
||||
|
<el-option key="1" label="广东省" value="广东省"></el-option> |
||||
|
<el-option key="2" label="湖南省" value="湖南省"></el-option> |
||||
|
</el-select> |
||||
|
<el-select v-model="query.auditID" placeholder="审核人员" class="handle-select mr10"> |
||||
|
<el-option key="1" label="广东省" value="广东省"></el-option> |
||||
|
<el-option key="2" label="湖南省" value="湖南省"></el-option> |
||||
|
</el-select> |
||||
|
<el-date-picker |
||||
|
class="mr10" |
||||
|
v-model="query.time" |
||||
|
type="datetimerange" |
||||
|
:picker-options="pickerOptions" |
||||
|
range-separator="至" |
||||
|
value-format="yyyy-MM-dd h:m:s" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="结束日期" |
||||
|
align="right" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button> |
||||
|
</div> |
||||
|
<el-table |
||||
|
:data="tableData" |
||||
|
border |
||||
|
class="table" |
||||
|
ref="multipleTable" |
||||
|
header-cell-class-name="table-header" |
||||
|
> |
||||
|
<el-table-column prop="id" label="序号" width="55" align="center"></el-table-column> |
||||
|
<el-table-column prop="create_time" label="创建时间" :formatter="formatDate"></el-table-column> |
||||
|
<el-table-column label="订单编号" prop="batchcode"></el-table-column> |
||||
|
<el-table-column prop="sell_firm_name" label="商家名称"></el-table-column> |
||||
|
<el-table-column label="资产名称" prop="serial_name"></el-table-column> |
||||
|
<el-table-column label="买家名称" prop="firm_name"></el-table-column> |
||||
|
<el-table-column label="交易方式"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{scope.row.order_pay_mode==1? '线下':'网银'}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="count" label="交易数量"></el-table-column> |
||||
|
<el-table-column prop="price" label="交易金额"></el-table-column> |
||||
|
<el-table-column prop="auditID_name" label="审核人员"></el-table-column> |
||||
|
<el-table-column label="操作" width="280" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="handleEdit(scope.$index, scope.row)" |
||||
|
>资产查看</el-button> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="orderDetails(scope.$index, scope.row)" |
||||
|
>订单详情</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div class="pagination"> |
||||
|
<el-pagination |
||||
|
background |
||||
|
layout="total, prev, pager, next" |
||||
|
:current-page="query.page" |
||||
|
:page-size="query.limit" |
||||
|
:total="pageTotal" |
||||
|
@current-change="handlePageChange" |
||||
|
></el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<whyDialog v-if="editVisible" :isshow="editVisible" :dialogID="dialogID" |
||||
|
:dialogType="dialogType" @MisShow="MisShow" :assets_type="1" > |
||||
|
</whyDialog> |
||||
|
<orderDialog v-if="orderShowVisible" :isshow="orderShowVisible" :batchcode="order_batchcode" |
||||
|
@orderShow="orderShow" > |
||||
|
</orderDialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { orderList } from '../../../api/index'; |
||||
|
import moment from 'moment' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
orderShowVisible:false, |
||||
|
order_batchcode:'', |
||||
|
query: { |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
batchcode:'', |
||||
|
firm_name:'', |
||||
|
pay_username:'', |
||||
|
account_name:'', |
||||
|
trade_type:'', |
||||
|
auditID:'', |
||||
|
time:'', |
||||
|
order_type:5 |
||||
|
}, |
||||
|
tableData: [], |
||||
|
multipleSelection: [], |
||||
|
delList: [], |
||||
|
editVisible: false, |
||||
|
dialogID:'', |
||||
|
dialogType:3, |
||||
|
pageTotal: 0, |
||||
|
pickerOptions: { |
||||
|
shortcuts: [ |
||||
|
{ |
||||
|
text: "最近一周", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: "最近一个月", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: "最近三个月", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
components:{ |
||||
|
whyDialog: () => import('../../common/dialog/insex.vue'), |
||||
|
orderDialog: () => import('../../common/orderDialog/index.vue') |
||||
|
}, |
||||
|
created() { |
||||
|
this.getData(); |
||||
|
}, |
||||
|
methods: { |
||||
|
MisShow(){ |
||||
|
this.editVisible=false |
||||
|
}, |
||||
|
orderShow(){ |
||||
|
this.orderShowVisible=false |
||||
|
}, |
||||
|
//时间戳转换时间 |
||||
|
formatDate(row,colnum){ |
||||
|
return moment(row.create_time*1000).format('YYYY-MM-DD HH:mm:ss') |
||||
|
}, |
||||
|
// 获取 easy-mock 的模拟数据 |
||||
|
getData() { |
||||
|
orderList(this.query).then(res => { |
||||
|
console.log(res); |
||||
|
this.tableData = res.data.list; |
||||
|
this.pageTotal = res.data.count ; |
||||
|
}); |
||||
|
}, |
||||
|
// 触发搜索按钮 |
||||
|
handleSearch() { |
||||
|
this.$set(this.query, 'pageIndex', 1); |
||||
|
this.getData(); |
||||
|
}, |
||||
|
// 编辑操作 |
||||
|
handleEdit(index, row) { |
||||
|
this.dialogID=row.asset_id; |
||||
|
this.editVisible = true; |
||||
|
}, |
||||
|
orderDetails(index, row) { |
||||
|
this.order_batchcode=row.batchcode; |
||||
|
this.orderShowVisible = true; |
||||
|
}, |
||||
|
// 分页导航 |
||||
|
handlePageChange(val) { |
||||
|
this.$set(this.query, 'page', val); |
||||
|
this.getData(); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.handle-box { |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
.handle-select { |
||||
|
width: 120px; |
||||
|
} |
||||
|
|
||||
|
.handle-input { |
||||
|
width: 150px; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.table { |
||||
|
width: 100%; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
.red { |
||||
|
color: #ff0000; |
||||
|
} |
||||
|
.mr10 { |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
.table-td-thumb { |
||||
|
display: block; |
||||
|
margin: auto; |
||||
|
width: 40px; |
||||
|
height: 40px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="crumbs"> |
||||
|
<el-breadcrumb separator="/"> |
||||
|
<el-breadcrumb-item> |
||||
|
<i class="el-icon-lx-cascades"></i> 交易管理 |
||||
|
</el-breadcrumb-item> |
||||
|
<el-breadcrumb-item>待结算订单</el-breadcrumb-item> |
||||
|
</el-breadcrumb> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="handle-box"> |
||||
|
<el-input placeholder="订单编号" v-model="query.batchcode" class="handle-input mr10"></el-input> |
||||
|
<el-input v-model="query.firm_name" placeholder="商家名称" class="handle-input mr10"></el-input> |
||||
|
<el-input placeholder="买家名称" v-model="query.pay_username" class="handle-input mr10"></el-input> |
||||
|
<el-input placeholder="资产名称" v-model="query.account_name" class="handle-input mr10"></el-input> |
||||
|
<el-select placeholder="交易方式" v-model="query.trade_type" class="handle-select mr10"> |
||||
|
<el-option key="1" label="广东省" value="广东省"></el-option> |
||||
|
<el-option key="2" label="湖南省" value="湖南省"></el-option> |
||||
|
</el-select> |
||||
|
<el-select v-model="query.auditID" placeholder="审核人员" class="handle-select mr10"> |
||||
|
<el-option key="1" label="广东省" value="广东省"></el-option> |
||||
|
<el-option key="2" label="湖南省" value="湖南省"></el-option> |
||||
|
</el-select> |
||||
|
<el-date-picker |
||||
|
class="mr10" |
||||
|
v-model="query.time" |
||||
|
type="datetimerange" |
||||
|
:picker-options="pickerOptions" |
||||
|
range-separator="至" |
||||
|
value-format="yyyy-MM-dd h:m:s" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="结束日期" |
||||
|
align="right" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button> |
||||
|
</div> |
||||
|
<el-table |
||||
|
:data="tableData" |
||||
|
border |
||||
|
class="table" |
||||
|
ref="multipleTable" |
||||
|
header-cell-class-name="table-header" |
||||
|
> |
||||
|
<el-table-column prop="id" label="序号" width="55" align="center"></el-table-column> |
||||
|
<el-table-column prop="create_time" label="创建时间" :formatter="formatDate"></el-table-column> |
||||
|
<el-table-column label="订单编号" prop="batchcode"></el-table-column> |
||||
|
<el-table-column prop="sell_firm_name" label="商家名称"></el-table-column> |
||||
|
<el-table-column label="资产名称" prop="serial_name"></el-table-column> |
||||
|
<el-table-column label="买家名称" prop="firm_name"></el-table-column> |
||||
|
<el-table-column label="交易方式"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{scope.row.order_pay_mode==1? '线下':'网银'}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="count" label="交易数量"></el-table-column> |
||||
|
<el-table-column prop="price" label="交易金额"></el-table-column> |
||||
|
<el-table-column prop="auditID_name" label="审核人员"></el-table-column> |
||||
|
<el-table-column label="操作" width="280" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="handleEdit(scope.$index, scope.row)" |
||||
|
>资产查看</el-button> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="orderDetails(scope.$index, scope.row)" |
||||
|
>订单详情</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div class="pagination"> |
||||
|
<el-pagination |
||||
|
background |
||||
|
layout="total, prev, pager, next" |
||||
|
:current-page="query.page" |
||||
|
:page-size="query.limit" |
||||
|
:total="pageTotal" |
||||
|
@current-change="handlePageChange" |
||||
|
></el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<whyDialog v-if="editVisible" :isshow="editVisible" :dialogID="dialogID" |
||||
|
:dialogType="dialogType" @MisShow="MisShow" :assets_type="1" > |
||||
|
</whyDialog> |
||||
|
<orderDialog v-if="orderShowVisible" :isshow="orderShowVisible" :batchcode="order_batchcode" |
||||
|
@orderShow="orderShow" > |
||||
|
</orderDialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { orderList } from '../../../api/index'; |
||||
|
import moment from 'moment' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
orderShowVisible:false, |
||||
|
order_batchcode:'', |
||||
|
query: { |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
batchcode:'', |
||||
|
firm_name:'', |
||||
|
pay_username:'', |
||||
|
account_name:'', |
||||
|
trade_type:'', |
||||
|
auditID:'', |
||||
|
time:'', |
||||
|
order_type:7 |
||||
|
}, |
||||
|
tableData: [], |
||||
|
multipleSelection: [], |
||||
|
delList: [], |
||||
|
editVisible: false, |
||||
|
dialogID:'', |
||||
|
dialogType:3, |
||||
|
pageTotal: 0, |
||||
|
pickerOptions: { |
||||
|
shortcuts: [ |
||||
|
{ |
||||
|
text: "最近一周", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: "最近一个月", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: "最近三个月", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
components:{ |
||||
|
whyDialog: () => import('../../common/dialog/insex.vue'), |
||||
|
orderDialog: () => import('../../common/orderDialog/index.vue') |
||||
|
}, |
||||
|
created() { |
||||
|
this.getData(); |
||||
|
}, |
||||
|
methods: { |
||||
|
MisShow(){ |
||||
|
this.editVisible=false |
||||
|
}, |
||||
|
orderShow(){ |
||||
|
this.orderShowVisible=false |
||||
|
}, |
||||
|
//时间戳转换时间 |
||||
|
formatDate(row,colnum){ |
||||
|
return moment(row.create_time*1000).format('YYYY-MM-DD HH:mm:ss') |
||||
|
}, |
||||
|
// 获取 easy-mock 的模拟数据 |
||||
|
getData() { |
||||
|
orderList(this.query).then(res => { |
||||
|
console.log(res); |
||||
|
this.tableData = res.data.list; |
||||
|
this.pageTotal = res.data.count ; |
||||
|
}); |
||||
|
}, |
||||
|
// 触发搜索按钮 |
||||
|
handleSearch() { |
||||
|
this.$set(this.query, 'pageIndex', 1); |
||||
|
this.getData(); |
||||
|
}, |
||||
|
// 编辑操作 |
||||
|
handleEdit(index, row) { |
||||
|
this.dialogID=row.asset_id; |
||||
|
this.editVisible = true; |
||||
|
}, |
||||
|
orderDetails(index, row) { |
||||
|
this.order_batchcode=row.batchcode; |
||||
|
this.orderShowVisible = true; |
||||
|
}, |
||||
|
// 分页导航 |
||||
|
handlePageChange(val) { |
||||
|
this.$set(this.query, 'page', val); |
||||
|
this.getData(); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.handle-box { |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
.handle-select { |
||||
|
width: 120px; |
||||
|
} |
||||
|
|
||||
|
.handle-input { |
||||
|
width: 150px; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.table { |
||||
|
width: 100%; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
.red { |
||||
|
color: #ff0000; |
||||
|
} |
||||
|
.mr10 { |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
.table-td-thumb { |
||||
|
display: block; |
||||
|
margin: auto; |
||||
|
width: 40px; |
||||
|
height: 40px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue