|
|
@@ -0,0 +1,84 @@
|
|
|
+<template>
|
|
|
+ <app-modal direction="right" height="100%" v-model:show="showModal" :refresh="refresh">
|
|
|
+ <app-view class="bank-statement">
|
|
|
+ <template #header>
|
|
|
+ <app-navbar title="货款明细">
|
|
|
+ </app-navbar>
|
|
|
+ </template>
|
|
|
+ <app-pull-refresh v-model:loading="loading" v-model:error="error" v-model:pageIndex="pageIndex"
|
|
|
+ :page-count="pageCount" @refresh="run">
|
|
|
+ <app-list class="bank-statement__table" :columns="columns" :data-list="dataList">
|
|
|
+ <template #operatetime="{ value }">
|
|
|
+ <span>{{ formatDate(value, 'YYYY-MM-DD') }}</span>
|
|
|
+ <span>{{ formatDate(value, 'HH:mm:ss') }}</span>
|
|
|
+ </template>
|
|
|
+ </app-list>
|
|
|
+ </app-pull-refresh>
|
|
|
+ </app-view>
|
|
|
+ </app-modal>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script lang="ts" setup>
|
|
|
+import { shallowRef, PropType } from 'vue'
|
|
|
+import { formatDate } from '@/filters'
|
|
|
+import { useRequest } from '@/hooks/request'
|
|
|
+import { queryMyDeliveryOfflineOperateLogs } from '@/services/api/order'
|
|
|
+import AppPullRefresh from '@/packages/sbyj/components/base/pull-refresh/index.vue'
|
|
|
+import AppList from '@/packages/sbyj/components/base/list/index.vue'
|
|
|
+import AppModal from '@/components/base/modal/index.vue'
|
|
|
+
|
|
|
+const dataList = shallowRef<Model.MyDeliveryOfflineOperateLogRsp[]>([])
|
|
|
+const error = shallowRef(false)
|
|
|
+const showModal = shallowRef(true)
|
|
|
+const refresh = shallowRef(false) // 是否刷新父组件数据
|
|
|
+
|
|
|
+const props = defineProps({
|
|
|
+ selectedRow: {
|
|
|
+ type: Object as PropType<Model.MyTradeGoodsDeliveryOfflineRsp>,
|
|
|
+ required: true,
|
|
|
+ }
|
|
|
+})
|
|
|
+
|
|
|
+const columns: Model.TableColumn[] = [
|
|
|
+ { prop: 'operatetime', label: '时间' },
|
|
|
+ { prop: 'remark', label: '上传说明' },
|
|
|
+ { prop: 'fileaddress', label: '图片' },
|
|
|
+]
|
|
|
+
|
|
|
+const { loading, pageIndex, pageCount, run } = useRequest(queryMyDeliveryOfflineOperateLogs, {
|
|
|
+ manual: true,
|
|
|
+ params: {
|
|
|
+ deliveryorderid: props.selectedRow.deliveryorderid,
|
|
|
+ operatetype: 3,
|
|
|
+ pagesize: 20,
|
|
|
+ },
|
|
|
+ onSuccess: (res) => {
|
|
|
+ if (pageIndex.value === 1) {
|
|
|
+ dataList.value = []
|
|
|
+ }
|
|
|
+ dataList.value.push(...res.data)
|
|
|
+ },
|
|
|
+ onError: () => {
|
|
|
+ error.value = true
|
|
|
+ }
|
|
|
+})
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less">
|
|
|
+.bank-statement {
|
|
|
+ &__table {
|
|
|
+ td.app-list__column {
|
|
|
+ &:first-child {
|
|
|
+ span:last-child {
|
|
|
+ color: #999;
|
|
|
+ font-size: .24rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &:not(:first-child) {
|
|
|
+ font-size: .32rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|