调整订单页
This commit is contained in:
@@ -71,7 +71,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent, ref, createVNode, computed } from "vue";
|
import { defineComponent, ref, nextTick, computed } from "vue";
|
||||||
import { Https } from "@/tool/https";
|
import { Https } from "@/tool/https";
|
||||||
import { useI18n } from "vue-i18n";
|
import { useI18n } from "vue-i18n";
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
@@ -166,9 +166,13 @@ export default defineComponent({
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
let historyTable: any = this.$refs.historyTable;
|
// let historyTable: any = this.$refs.historyTable;
|
||||||
this.historyTableHeight = historyTable.clientHeight - 130;
|
// this.historyTableHeight = historyTable.clientHeight - 130;
|
||||||
this.getAllOrderList()
|
this.getAllOrderList()
|
||||||
|
nextTick(()=>{
|
||||||
|
let historyTable: any = this.$refs.historyTable;
|
||||||
|
this.historyTableHeight = historyTable.clientHeight - 130;
|
||||||
|
})
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
init(){
|
init(){
|
||||||
@@ -201,8 +205,6 @@ export default defineComponent({
|
|||||||
// getCreditsDetail
|
// getCreditsDetail
|
||||||
// orderInfoList
|
// orderInfoList
|
||||||
Https.axiosPost(Https.httpUrls.orderInfoList,data).then((rv: any) => {
|
Https.axiosPost(Https.httpUrls.orderInfoList,data).then((rv: any) => {
|
||||||
this.total = rv.length;
|
|
||||||
this.collectionList = rv
|
|
||||||
if(this.currentPage > 1 && rv.content.length == 0){
|
if(this.currentPage > 1 && rv.content.length == 0){
|
||||||
this.currentPage = 1
|
this.currentPage = 1
|
||||||
this.getAllOrderList()
|
this.getAllOrderList()
|
||||||
|
|||||||
@@ -41,7 +41,7 @@
|
|||||||
<div class="generalModel_table_content" ref="historyTable">
|
<div class="generalModel_table_content" ref="historyTable">
|
||||||
<a-table
|
<a-table
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
:data-source="collectionList"
|
:data-source="creditsDetailList"
|
||||||
:scroll="{ y: historyTableHeight }"
|
:scroll="{ y: historyTableHeight }"
|
||||||
@change="changePage"
|
@change="changePage"
|
||||||
:pagination="{
|
:pagination="{
|
||||||
@@ -67,7 +67,7 @@
|
|||||||
>
|
>
|
||||||
refund
|
refund
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="operate_item">{{ $t('HistoryPage.Delete') }}</div>
|
<!-- <div class="operate_item">{{ $t('HistoryPage.Delete') }}</div> -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</a-table>
|
</a-table>
|
||||||
@@ -75,7 +75,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent, ref, createVNode, computed } from "vue";
|
import { defineComponent, ref, nextTick, computed } from "vue";
|
||||||
import { Https } from "@/tool/https";
|
import { Https } from "@/tool/https";
|
||||||
import { useI18n } from "vue-i18n";
|
import { useI18n } from "vue-i18n";
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
@@ -87,39 +87,32 @@ export default defineComponent({
|
|||||||
const columns: any = computed(() => {
|
const columns: any = computed(() => {
|
||||||
return [
|
return [
|
||||||
{
|
{
|
||||||
title: useI18n().t('allOrder.Serial'),
|
title: useI18n().t('allOrder.changedCredits'),
|
||||||
align: "center",
|
align: "center",
|
||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
dataIndex: "orderNo",
|
dataIndex: "changedCredits",
|
||||||
key: "orderNo",
|
key: "changedCredits",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: useI18n().t('allOrder.Title'),
|
title: useI18n().t('allOrder.changeEvent'),
|
||||||
align: "center",
|
align: "center",
|
||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
dataIndex: "title",
|
dataIndex: "changeEvent",
|
||||||
key: "title",
|
key: "changeEvent",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: useI18n().t('allOrder.Money'),
|
title: useI18n().t('allOrder.createTime'),
|
||||||
align: "center",
|
align: "center",
|
||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
dataIndex: "totalFee",
|
dataIndex: "createTime",
|
||||||
key: "totalFee",
|
key: "createTime",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: useI18n().t('allOrder.Payment'),
|
title: useI18n().t('allOrder.credits'),
|
||||||
align: "center",
|
align: "center",
|
||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
dataIndex: "paymentType",
|
dataIndex: "credits",
|
||||||
key: "paymentType",
|
key: "credits",
|
||||||
},
|
|
||||||
{
|
|
||||||
title: useI18n().t('allOrder.State'),
|
|
||||||
align: "center",
|
|
||||||
ellipsis: true,
|
|
||||||
dataIndex: "orderStatus",
|
|
||||||
key: "orderStatus",
|
|
||||||
},
|
},
|
||||||
|
|
||||||
// {
|
// {
|
||||||
@@ -133,7 +126,7 @@ export default defineComponent({
|
|||||||
});
|
});
|
||||||
let dataList: any = ref([]);
|
let dataList: any = ref([]);
|
||||||
let rangePickerValue: any = ref([]);
|
let rangePickerValue: any = ref([]);
|
||||||
let collectionList: any = ref([]);
|
let creditsDetailList: any = ref([]);
|
||||||
let userInfo: any = {};
|
let userInfo: any = {};
|
||||||
let currentState = ref({
|
let currentState = ref({
|
||||||
value:'income',
|
value:'income',
|
||||||
@@ -153,7 +146,7 @@ export default defineComponent({
|
|||||||
dataList,
|
dataList,
|
||||||
renameData,
|
renameData,
|
||||||
rangePickerValue,
|
rangePickerValue,
|
||||||
collectionList,
|
creditsDetailList,
|
||||||
userInfo,
|
userInfo,
|
||||||
currentState,
|
currentState,
|
||||||
state,
|
state,
|
||||||
@@ -170,15 +163,18 @@ export default defineComponent({
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
let historyTable: any = this.$refs.historyTable;
|
|
||||||
this.historyTableHeight = historyTable.clientHeight - 130;
|
// this.getCreditsDetailList()
|
||||||
this.getCreditsDetailList()
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
init(){
|
init(){
|
||||||
this.currentPage = 1
|
this.currentPage = 1
|
||||||
this.pageSize = 10
|
this.pageSize = 10
|
||||||
this.getCreditsDetailList()
|
this.getCreditsDetailList()
|
||||||
|
nextTick(()=>{
|
||||||
|
let historyTable: any = this.$refs.historyTable;
|
||||||
|
this.historyTableHeight = historyTable.clientHeight - 130;
|
||||||
|
})
|
||||||
},
|
},
|
||||||
//改变页码
|
//改变页码
|
||||||
changePage(e: any) {
|
changePage(e: any) {
|
||||||
@@ -208,17 +204,14 @@ export default defineComponent({
|
|||||||
size:this.pageSize,
|
size:this.pageSize,
|
||||||
startTime: startDate
|
startTime: startDate
|
||||||
}
|
}
|
||||||
console.log(data);
|
|
||||||
// getCreditsDetail
|
// getCreditsDetail
|
||||||
// orderInfoList
|
// orderInfoList
|
||||||
Https.axiosPost(Https.httpUrls.getCreditsDetail,data).then((rv: any) => {
|
Https.axiosPost(Https.httpUrls.getCreditsDetail,data).then((rv: any) => {
|
||||||
this.total = rv.length;
|
|
||||||
this.collectionList = rv
|
|
||||||
if(this.currentPage > 1 && rv.content.length == 0){
|
if(this.currentPage > 1 && rv.content.length == 0){
|
||||||
this.currentPage = 1
|
this.currentPage = 1
|
||||||
this.getCreditsDetailList()
|
this.getCreditsDetailList()
|
||||||
}else{
|
}else{
|
||||||
this.collectionList = rv.content
|
this.creditsDetailList = rv.content
|
||||||
this.total = rv.total
|
this.total = rv.total
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -31,6 +31,10 @@ export default {
|
|||||||
State:'状态',
|
State:'状态',
|
||||||
Income:'支出',
|
Income:'支出',
|
||||||
Expend:'收入',
|
Expend:'收入',
|
||||||
|
credits:'积分',
|
||||||
|
changedCredits:'积分变更',
|
||||||
|
changeEvent:'增加/减少积分',
|
||||||
|
createTime:'创建时间',
|
||||||
},
|
},
|
||||||
payOrder:{
|
payOrder:{
|
||||||
OrderInformation:'订单详情',
|
OrderInformation:'订单详情',
|
||||||
|
|||||||
@@ -31,6 +31,10 @@ export default {
|
|||||||
State:'State',
|
State:'State',
|
||||||
Income:'Income',
|
Income:'Income',
|
||||||
Expend:'Expend',
|
Expend:'Expend',
|
||||||
|
credits:'Credits',
|
||||||
|
changedCredits:'Changed Credits',
|
||||||
|
changeEvent:'Change Event',
|
||||||
|
createTime:'Create Time',
|
||||||
},
|
},
|
||||||
payOrder:{
|
payOrder:{
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user