|
|
@@ -303,6 +303,9 @@ function handleReset() {
|
|
|
getData();
|
|
|
getNums();
|
|
|
}
|
|
|
+function handleExport() {
|
|
|
+ window.$message?.warning('功能开发中...');
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
@@ -314,36 +317,50 @@ function handleReset() {
|
|
|
</NCollapseItem>
|
|
|
</NCollapse>
|
|
|
</NCard>
|
|
|
- <NCard title="售后列表" :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden">
|
|
|
- <NTabs v-model:value="activeTab" type="line" animated class="mb-16px h-full" display-directive="show">
|
|
|
- <NTabPane v-for="item in statusList" :key="item.value" :name="item.value" :tab="`${item.label}(${item.num})`">
|
|
|
- <NDataTable
|
|
|
- v-model:checked-row-keys="checkedRowKeys"
|
|
|
- :columns="columns"
|
|
|
- :data="data"
|
|
|
- size="small"
|
|
|
- :flex-height="!appStore.isMobile"
|
|
|
- :scroll-x="1800"
|
|
|
- :loading="loading"
|
|
|
- :row-key="row => row.refundId"
|
|
|
- remote
|
|
|
- class="sm:h-full"
|
|
|
- :pagination="mobilePagination"
|
|
|
- />
|
|
|
- </NTabPane>
|
|
|
- </NTabs>
|
|
|
+ <NCard :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden">
|
|
|
+ <template #header>
|
|
|
+ <div class="mr3">售后列表</div>
|
|
|
+ <NScrollbar x-scrollable>
|
|
|
+ <div class="flex items-center">
|
|
|
+ <div class="max-w-800px">
|
|
|
+ <NTabs v-model:value="activeTab" type="line" animated display-directive="show">
|
|
|
+ <NTab
|
|
|
+ v-for="item in statusList"
|
|
|
+ :key="item.value"
|
|
|
+ :name="item.value"
|
|
|
+ :tab="`${item.label}(${item.num})`"
|
|
|
+ ></NTab>
|
|
|
+ </NTabs>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </NScrollbar>
|
|
|
+ </template>
|
|
|
+ <template #header-extra>
|
|
|
+ <NButton size="small" type="primary" class="ml20px mt30px" ghost @click="handleExport">
|
|
|
+ <template #icon>
|
|
|
+ <SvgIcon icon="mingcute:file-export-line"></SvgIcon>
|
|
|
+ </template>
|
|
|
+ 导出
|
|
|
+ </NButton>
|
|
|
+ </template>
|
|
|
+ <NDataTable
|
|
|
+ v-model:checked-row-keys="checkedRowKeys"
|
|
|
+ :columns="columns"
|
|
|
+ :data="data"
|
|
|
+ size="small"
|
|
|
+ :flex-height="!appStore.isMobile"
|
|
|
+ :scroll-x="1800"
|
|
|
+ :loading="loading"
|
|
|
+ :row-key="row => row.refundId"
|
|
|
+ remote
|
|
|
+ class="sm:h-full"
|
|
|
+ :pagination="mobilePagination"
|
|
|
+ />
|
|
|
|
|
|
- <NormalMoadl ref="orderMoadl" @finish="(getData, getNums)"></NormalMoadl>
|
|
|
+ <NormalMoadl ref="orderMoadl" @finish="handleReset"></NormalMoadl>
|
|
|
<OrderModal ref="AfterSalesModal"></OrderModal>
|
|
|
</NCard>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
-<style scoped lang="scss">
|
|
|
-:deep(.n-tabs-pane-wrapper) {
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-:deep(.n-tab-pane) {
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-</style>
|
|
|
+<style scoped lang="scss"></style>
|