<template>
|
<!--
|
作者：yj
|
-->
|
<div class="user">
|
<div class="common-seach-wrap">
|
<el-form size="small" :inline="true" :model="formInline" class="demo-form-inline">
|
<el-form-item label="创建时间">
|
<div class="block">
|
<span class="demonstration"></span>
|
<el-date-picker size="small" v-model="formInline.create_time" type="daterange" value-format="yyyy-MM-dd"
|
range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
|
</div>
|
</el-form-item>
|
<el-form-item label="支付方式">
|
<el-select v-model="formInline.pay_type" placeholder="选择支付方式">
|
<el-option label="全部" value="0"></el-option>
|
<el-option label="余额支付" value="10"></el-option>
|
<el-option label="微信支付" value="20"></el-option>
|
<el-option label="线下支付" value="40"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="支付状态">
|
<el-select v-model="formInline.pay_status" placeholder="选择支付状态">
|
<el-option label="全部" value="-1"></el-option>
|
<el-option label="已支付" value="20"></el-option>
|
<el-option label="未支付" value="10"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="订单状态">
|
<el-select v-model="formInline.order_status" placeholder="选择订单状态">
|
<el-option label="全部" value="-1"></el-option>
|
<el-option label="进行中" value="10"></el-option>
|
<el-option label="已完成" value="30"></el-option>
|
<el-option label="已取消" value="20"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="需求用户id"><el-input v-model="formInline.demand_user_id" placeholder="请输入需求用户ID"></el-input></el-form-item>
|
<el-form-item label="供应用户id"><el-input v-model="formInline.supply_user_id" placeholder="请输入供应用户ID"></el-input></el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="onSubmit">查询</el-button>
|
</el-form-item>
|
<!-- <el-form-item>
|
<el-button size="small" type="success" @click="onExport">导出</el-button>
|
</el-form-item> -->
|
</el-form>
|
</div>
|
|
<!--内容-->
|
<div class="product-content">
|
<div class="table-wrap">
|
<!-- <el-tabs v-model="activeName" @tab-click="handleClick">
|
<el-tab-pane label="全部订单" name="status0"></el-tab-pane>
|
<el-tab-pane :label="'待确认支付'" name="status1">
|
<span slot="label">待确认支付 <el-tag size="mini">{{order_count.status1}}</el-tag></span>
|
</el-tab-pane>
|
<el-tab-pane label="服务中" name="status6">
|
<span slot="label">服务中 <el-tag size="mini">{{order_count.status6}}</el-tag></span>
|
</el-tab-pane>
|
<el-tab-pane label="待评价" name="status8">
|
<span slot="label">待评价 <el-tag size="mini">{{order_count.status8}}</el-tag></span>
|
</el-tab-pane>
|
<el-tab-pane label="已完成" name="status9">
|
<span slot="label">已完成 <el-tag size="mini">{{order_count.status9}}</el-tag></span>
|
</el-tab-pane>
|
<el-tab-pane label="已取消" name="status10">
|
<span slot="label">已取消 <el-tag size="mini">{{order_count.status10}}</el-tag></span>
|
</el-tab-pane>
|
</el-tabs> -->
|
<el-table :data="tableData" size="small" border style="width: 100%" v-loading="loading">
|
<el-table-column prop="nickName" label="供应会员" width="200">
|
<template slot-scope="scope">
|
<img class="radius" v-img-url="scope.row.supplyuser.avatarUrl" width="30" height="30" />
|
<div>ID:{{scope.row.supplyuser.user_id}}</div>
|
<div>{{scope.row.supplyuser.nickName}}</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="nickName" label="需求会员" width="200">
|
<template slot-scope="scope">
|
<img class="radius" v-img-url="scope.row.demanduser.avatarUrl" width="30" height="30" />
|
<div>ID:{{scope.row.demanduser.user_id}}</div>
|
<div>{{scope.row.demanduser.nickName}}</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="project_name" label="标题"></el-table-column>
|
<el-table-column prop="pay_price" label="支付金额" width="100"></el-table-column>
|
<el-table-column prop="money" label="项目佣金" width="80"></el-table-column>
|
<el-table-column prop="pay_type.text" label="支付方式" width="80">
|
<template slot-scope="scope">
|
<span class="gray9" v-if="scope.row.pay_status == 20">已支付<br />{{ scope.row.pay_type.text }}</span>
|
<span v-else>未支付</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="create_time" label="下单时间" width="140">
|
<template slot-scope="scope">
|
<div>{{ scope.row.create_time }}</div>
|
</template>
|
</el-table-column>
|
<!-- <el-table-column prop="evaluate_content" label="需求方评价">
|
<template slot-scope="scope" v-if="scope.row.is_settled == 2">
|
<div v-if="scope.row.server_score > 0">{{scope.row.server_score}}星</div>
|
<div>
|
<span v-if="scope.row.score == 10">好评</span>
|
<span v-else-if="scope.row.score == 20">中评</span>
|
<span v-else-if="scope.row.score == 30">差评</span>
|
<span v-else>好评</span>
|
</div>
|
<div>{{ scope.row.evaluate_content }}</div>
|
</template>
|
</el-table-column> -->
|
<el-table-column prop="is_settled" label="订单状态" width="120">
|
<template slot-scope="scope">
|
<div class="red" v-if="scope.row.order_status == 20">{{scope.row.state_text}}</div>
|
<div class="green" v-else>{{scope.row.state_text}}</div>
|
</template>
|
</el-table-column>
|
|
<el-table-column fixed="right" label="操作" width="100">
|
<template slot-scope="scope">
|
<div>
|
<el-button v-if="scope.row.order_status ==10 && scope.row.pay_status == 20" @click="editClick(scope.row)" type="text" size="small" v-auth="'/plus/release/order/edit'">查看详情</el-button>
|
<el-button v-if="scope.row.order_status ==10 && scope.row.pay_status == 10" @click="editClick(scope.row)" type="text" size="small"
|
>确认支付</el-button>
|
<!-- <el-button v-if="scope.row.order_status ==21 && scope.row.pay_status == 20" @click="editClick(scope.row)" type="text" size="small"
|
>审核取消订单</el-button> -->
|
</div>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
|
<!--分页-->
|
<div class="pagination">
|
<el-pagination
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
background
|
:current-page="curPage"
|
:page-size="pageSize"
|
layout="total, prev, pager, next, jumper"
|
:total="totalDataNumber"
|
></el-pagination>
|
</div>
|
</div>
|
|
<!--编辑-->
|
<Edit :open_edit="open_edit" :userModel="userModel" @close="closeEditFunc"></Edit>
|
|
</div>
|
</template>
|
|
<script>
|
import PlusApi from '@/api/plus/release.js';
|
import Edit from './dialog/Edit.vue';
|
import qs from 'qs';
|
export default {
|
components: {
|
/*编辑组件*/
|
Edit,
|
},
|
data() {
|
return {
|
/*是否加载完成*/
|
loading: true,
|
/*列表数据*/
|
tableData: [],
|
/*一页多少条*/
|
pageSize: 20,
|
/*一共多少条数据*/
|
totalDataNumber: 0,
|
/*当前是第几页*/
|
curPage: 1,
|
formInline: {
|
/*ID*/
|
demand_user_id: 0,
|
supply_user_id: 0,
|
pay_type:'0',
|
pay_status:'-1',
|
order_status:'-1',
|
create_time: '',
|
},
|
/*是否打开编辑弹窗*/
|
open_edit: false,
|
/*当前编辑的对象*/
|
userModel: {},
|
};
|
},
|
props: {},
|
watch: {
|
$route(to, from) {
|
if (to.query.supply_user_id != null) {
|
this.formInline.supply_user_id = to.query.supply_user_id;
|
}
|
this.curPage = 1;
|
this.getData();
|
}
|
},
|
created() {
|
if (this.$route.query.supply_user_id != null) {
|
this.formInline.supply_user_id = this.$route.query.supply_user_id;
|
}
|
/*获取列表*/
|
this.getData();
|
},
|
methods: {
|
/*选择第几页*/
|
handleCurrentChange(val) {
|
let self = this;
|
self.curPage = val;
|
self.loading = true;
|
self.getData();
|
},
|
|
/*获取数据*/
|
getData() {
|
let self = this;
|
let Params = {
|
demand_user_id: self.formInline.demand_user_id,
|
supply_user_id: self.formInline.supply_user_id,
|
pay_status:self.formInline.pay_status,
|
pay_type:self.formInline.pay_type,
|
order_status:self.formInline.order_status,
|
create_time:self.formInline.create_time,
|
page: self.curPage,
|
list_rows: self.pageSize,
|
};
|
|
PlusApi.releaseOrder(Params, true)
|
.then(data => {
|
self.loading = false;
|
self.tableData = data.data.list.data;
|
self.totalDataNumber = data.data.list.total;
|
})
|
.catch(error => {
|
self.loading = false;
|
});
|
},
|
|
//搜索
|
onSubmit() {
|
let self = this;
|
self.loading = true;
|
self.curPage = 1;
|
self.getData();
|
},
|
|
/*每页多少条*/
|
handleSizeChange(val) {
|
this.curPage = 1;
|
this.pageSize = val;
|
this.getData();
|
},
|
|
onExport: function() {
|
let baseUrl = window.location.protocol + '//' + window.location.host;
|
this.formInline.dataType = self.dataType;
|
window.location.href = baseUrl + '/index.php/shop/plus.release.Order/export?' + qs.stringify(this.formInline);
|
},
|
|
/*打开弹出层编辑*/
|
editClick(item) {
|
this.userModel = item;
|
this.open_edit = true;
|
},
|
|
/*关闭弹窗*/
|
closeEditFunc(e){
|
this.open_edit=false;
|
if(e.type=='success'){
|
this.getData();
|
}
|
}
|
}
|
};
|
</script>
|
|
<style scoped="">
|
.referee-name {
|
width: 33.333333%;
|
}
|
</style>
|
