TrackHistory.vue
2.65 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<template>
<template>
<BasicDrawer
@register="register"
v-bind="$attrs"
title="操作记录"
width="40%"
:isDetail="true"
:showDetailBack="false"
okText="保存"
:destroyOnClose="true"
>
<a-list :pagination="pagination1" className="w-full">
<template v-for="item in list1" :key="item.id">
<a-list-item class="list">
<a-list-item-meta>
<template #avatar> </template>
<template #title>
<div>TRACKER</div>
<span>{{ item.opinionType }}</span>
</template>
<template #description>
<div class="description">
{{ item.modifyTime }}
</div>
<div class="info">
<!-- <div><span>操作时间：</span>{{ formatToDateTime(item.createTime) }}</div> -->
</div>
</template>
</a-list-item-meta>
</a-list-item>
</template>
</a-list>
<!-- <template #titleToolbar> <a-button type="primary"> 申请编辑权限 </a-button></template> -->
<template #appendFooter>
<!-- <a-button type="primary" @click="onGoCheckDetail"> 申请权限</a-button> -->
</template>
</BasicDrawer>
</template>
</template>
<script lang="ts" setup>
import { defineComponent, ref, computed } from 'vue';
import { Tabs, Progress, Row, Col, List } from 'ant-design-vue';
import { FormSchema, useForm } from '/@/components/Form/index';
import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
import { trackHistory, getOrderOptLog } from '/@/api/project/order';
import { formatToDateTime } from '/@/utils/dateUtil';
const list1 = ref([]);
const total1 = ref(0);
const page1 = ref(1);
const orderId = ref('');
// const activeKey = ref(1);
const getOrderOptLogFunc = async (data, page) => {
console.log('%c [ data ]-135', 'font-size:13px; background:pink; color:#bf2c9f;', data);
const res = await trackHistory({ orderId: data, page: page, pageSize: 20 });
list1.value = res;
// total1.value = res.total;
// page1.value = page;
};
const [register] = useDrawerInner((data) => {
console.log(data, 5656);
orderId.value = data.id;
// const res = await trackHistory({ orderId: data, page: page, pageSize: 20 });
getOrderOptLogFunc(orderId.value, 1);
});
const pagination1 = computed(() => {
return {
show: true,
pageSize: 20,
page: page1.value,
total: total1.value,
onChange(cur) {
console.log(cur);
getOrderOptLogFunc(orderId.value, 1, cur);
},
};
});
</script>