|
|
|
@ -5,41 +5,37 @@ |
|
|
|
<el-breadcrumb-item> |
|
|
|
<i class="el-icon-lx-cascades"></i> 交易管理 |
|
|
|
</el-breadcrumb-item> |
|
|
|
<el-breadcrumb-item>交易订单查询</el-breadcrumb-item> |
|
|
|
<el-breadcrumb-item>交易订单</el-breadcrumb-item> |
|
|
|
</el-breadcrumb> |
|
|
|
</div> |
|
|
|
<div class="container"> |
|
|
|
<div class="handle-box"> |
|
|
|
<el-input v-model="query.batchcode" placeholder="订单编号" class="handle-input mr10"></el-input> |
|
|
|
<el-input v-model="query.name" placeholder="商家名称" class="handle-input mr10"></el-input> |
|
|
|
<el-input v-model="query.pay_username" placeholder="摘牌方名称" class="handle-input mr10"></el-input> |
|
|
|
<el-input v-model="query.account_name" placeholder="资产名称" class="handle-input mr10"></el-input> |
|
|
|
<el-select v-model="query.trade_type" placeholder="交易方式" class="handle-select mr10"> |
|
|
|
<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.trade_status" placeholder="交易状态" class="handle-select mr10"> |
|
|
|
|
|
|
|
<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-select v-model="query.auditID" placeholder="审核人员" class="handle-select mr10"> |
|
|
|
<el-option v-for="item in auditList" :key="item.uid" :label="item.username" :value="item.uid"></el-option> |
|
|
|
</el-select> |
|
|
|
<el-date-picker |
|
|
|
class="mr10" |
|
|
|
v-model="query.time" |
|
|
|
type="datetimerange" |
|
|
|
:picker-options="pickerOptions" |
|
|
|
range-separator="至" |
|
|
|
value-format="timestamp" |
|
|
|
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> |
|
|
|
<br/> |
|
|
|
<el-button type="primary" plain @click="reset" class="reset">重置</el-button> |
|
|
|
</div> |
|
|
|
<el-table |
|
|
|
:data="tableData" |
|
|
|
@ -47,28 +43,43 @@ |
|
|
|
class="table" |
|
|
|
ref="multipleTable" |
|
|
|
header-cell-class-name="table-header" |
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
> |
|
|
|
<el-table-column prop="id" label="序号" width="55" align="center"></el-table-column> |
|
|
|
<el-table-column prop="update_time" :formatter="formatDate" label="创建时间"></el-table-column> |
|
|
|
<el-table-column label="订单编号" prop="name"></el-table-column> |
|
|
|
<el-table-column prop="address" label="商家名称"></el-table-column> |
|
|
|
<el-table-column label="资产名称" prop="name"></el-table-column> |
|
|
|
<el-table-column label="摘牌方名称" prop="name"></el-table-column> |
|
|
|
<el-table-column prop="address" label="交易方式"></el-table-column> |
|
|
|
<el-table-column prop="address" label="交易数量"></el-table-column> |
|
|
|
<el-table-column prop="address" label="交易金额"></el-table-column> |
|
|
|
<el-table-column prop="address" label="交易状态"></el-table-column> |
|
|
|
<el-table-column prop="date" label="审核人员"></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 label="交易状态" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.status==0">待付款</span> |
|
|
|
<span v-else-if="scope.row.status==1">待审核付款</span> |
|
|
|
<span v-else-if="scope.row.status==2">待上传签约合同</span> |
|
|
|
<span v-else-if="scope.row.status==3">待确认签约合同</span> |
|
|
|
<span v-else-if="scope.row.status==4">待交付</span> |
|
|
|
<span v-else-if="scope.row.status==5">待确认交付</span> |
|
|
|
<span v-else-if="scope.row.status==6">待结算</span> |
|
|
|
<span v-else-if="scope.row.status==7">已完成</span> |
|
|
|
<span v-else-if="scope.row.status==8">已关闭</span> |
|
|
|
</template> |
|
|
|
</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> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
@click="handleDelete(scope.$index, scope.row)" |
|
|
|
@click="orderDetails(scope.$index, scope.row)" |
|
|
|
>订单详情</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -85,33 +96,41 @@ |
|
|
|
</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 ,auditList} from '../../../api/index'; |
|
|
|
import { orderList } from '../../../api/index'; |
|
|
|
import moment from 'moment' |
|
|
|
export default { |
|
|
|
name: 'basetable', |
|
|
|
data() { |
|
|
|
return { |
|
|
|
orderShowVisible:false, |
|
|
|
order_batchcode:'', |
|
|
|
query: { |
|
|
|
batchcode: '', |
|
|
|
firm_name: '', |
|
|
|
pay_username: '', |
|
|
|
account_name: '', |
|
|
|
trade_type: '', |
|
|
|
trade_status: '', |
|
|
|
auditID: '', |
|
|
|
time: '', |
|
|
|
page: 1, |
|
|
|
limit: 10 |
|
|
|
limit: 10, |
|
|
|
batchcode:'', |
|
|
|
firm_name:'', |
|
|
|
pay_username:'', |
|
|
|
account_name:'', |
|
|
|
trade_type:'', |
|
|
|
auditID:'', |
|
|
|
time:'', |
|
|
|
order_type:0 |
|
|
|
}, |
|
|
|
tableData: [], |
|
|
|
multipleSelection: [], |
|
|
|
delList: [], |
|
|
|
auditList:[], |
|
|
|
editVisible: false, |
|
|
|
dialogID:'', |
|
|
|
dialogType:3, |
|
|
|
pageTotal: 0, |
|
|
|
pickerOptions: { |
|
|
|
shortcuts: [ |
|
|
|
@ -146,39 +165,30 @@ export default { |
|
|
|
}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
components:{ |
|
|
|
whyDialog: () => import('../../common/dialog/insex.vue'), |
|
|
|
orderDialog: () => import('../../common/orderDialog/index.vue') |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.getData(); |
|
|
|
this.getAuditList(); |
|
|
|
}, |
|
|
|
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') |
|
|
|
}, |
|
|
|
// 重置方法 |
|
|
|
reset(){ |
|
|
|
Object.keys(this.query).forEach(key => { |
|
|
|
console.info(key) |
|
|
|
if (key!='page' && key!='limit') { |
|
|
|
this.query[key] = '' |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 审核人员下拉数据 |
|
|
|
getAuditList(){ |
|
|
|
auditList().then(res => { |
|
|
|
// console.log(res); |
|
|
|
if (res.code==100) { |
|
|
|
this.auditList=res.data.list |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 获取 easy-mock 的模拟数据 |
|
|
|
getData() { |
|
|
|
orderList(this.query).then(res => { |
|
|
|
console.log(res); |
|
|
|
this.tableData = res.list; |
|
|
|
this.pageTotal = res.count; |
|
|
|
this.tableData = res.data.list; |
|
|
|
this.pageTotal = res.data.count ; |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 触发搜索按钮 |
|
|
|
@ -186,33 +196,14 @@ export default { |
|
|
|
this.$set(this.query, 'pageIndex', 1); |
|
|
|
this.getData(); |
|
|
|
}, |
|
|
|
// 删除操作 |
|
|
|
handleDelete(index, row) { |
|
|
|
// 二次确认删除 |
|
|
|
this.$confirm('确定要删除吗？', '提示', { |
|
|
|
type: 'warning' |
|
|
|
}) |
|
|
|
.then(() => { |
|
|
|
this.$message.success('删除成功'); |
|
|
|
this.tableData.splice(index, 1); |
|
|
|
}) |
|
|
|
.catch(() => {}); |
|
|
|
}, |
|
|
|
// 多选操作 |
|
|
|
handleSelectionChange(val) { |
|
|
|
this.multipleSelection = val; |
|
|
|
}, |
|
|
|
// 编辑操作 |
|
|
|
handleEdit(index, row) { |
|
|
|
this.idx = index; |
|
|
|
this.form = row; |
|
|
|
this.dialogID=row.asset_id; |
|
|
|
this.editVisible = true; |
|
|
|
}, |
|
|
|
// 保存编辑 |
|
|
|
saveEdit() { |
|
|
|
this.editVisible = false; |
|
|
|
this.$message.success(`修改第 ${this.idx + 1} 行成功`); |
|
|
|
this.$set(this.tableData, this.idx, this.form); |
|
|
|
orderDetails(index, row) { |
|
|
|
this.order_batchcode=row.batchcode; |
|
|
|
this.orderShowVisible = true; |
|
|
|
}, |
|
|
|
// 分页导航 |
|
|
|
handlePageChange(val) { |
|
|
|
@ -252,7 +243,4 @@ export default { |
|
|
|
width: 40px; |
|
|
|
height: 40px; |
|
|
|
} |
|
|
|
.reset{ |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
