78 lines
2.6 KiB
Vue
78 lines
2.6 KiB
Vue
<template>
|
|
<div v-loading="loading">
|
|
<div class="heior_box">
|
|
<el-button size="small" type="primary" icon="el-icon-sold-out" @click="dataExport" v-if="$local.isRoot()">导出</el-button>
|
|
<div class="search-box">
|
|
<el-input v-model="searchModel.keyWord" placeholder="请输入订单号、用户名" clearable size="small">
|
|
<el-button slot="append" icon="el-icon-search" @click="search"></el-button>
|
|
</el-input>
|
|
</div>
|
|
</div>
|
|
<el-table :data="retData.Data" row-key="Id" border size="medium" :height="$getHeight(100)">
|
|
<el-table-column prop="Created" label="创建日期" width="180"></el-table-column>
|
|
<el-table-column prop="Tid" label="订单号" width="180"></el-table-column>
|
|
<el-table-column prop="SellerNick" label="销售人" width="180"></el-table-column>
|
|
<el-table-column prop="BuyerNick" label="购买人" width="180"></el-table-column>
|
|
<el-table-column prop="Phone" label="购买人手机号">
|
|
<template slot-scope="scope">
|
|
<phoneHide :text="scope.row.Phone"></phoneHide>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="Price" label="单价"></el-table-column>
|
|
<el-table-column prop="Num" label="数量"></el-table-column>
|
|
<el-table-column prop="TotalFee" label="订单金额"></el-table-column>
|
|
<el-table-column prop="Payment" label="实付金额"></el-table-column>
|
|
</el-table>
|
|
<div class="block">
|
|
<el-pagination
|
|
v-if="retData.Data.length>0"
|
|
@current-change="get"
|
|
:current-page.sync="searchModel.PageIndex"
|
|
:page-size="50"
|
|
layout="total,prev, pager, next"
|
|
:total="retData.TotalCount"
|
|
></el-pagination>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: "treeTable",
|
|
components: {
|
|
phoneHide: () => import("@/components/common/phonehide")
|
|
},
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
retData: { TotalCount: 0, Data: [] },
|
|
searchModel: {
|
|
PageIndex: 1,
|
|
keyWord: "",
|
|
Btime: "",
|
|
Etime: ""
|
|
},
|
|
};
|
|
},
|
|
created() {
|
|
this.$store.commit("setCurrentNav","订单管理>>淘宝订单")
|
|
this.get();
|
|
},
|
|
methods: {
|
|
search(){
|
|
this.searchModel.PageIndex=1;
|
|
this.get();
|
|
},
|
|
get() {
|
|
this.$api.get("sells/v1/taobao/page", this.searchModel).then(res => {
|
|
this.retData = res;
|
|
});
|
|
},
|
|
dataExport(){
|
|
this.$api.getDownloadFile("/sells/v1/taobao/Export", this.searchModel);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style scoped>
|
|
</style>
|