This commit is contained in:
zmj 2024-06-06 14:13:27 +08:00
parent f854776f34
commit 1cc5088f81
5 changed files with 7 additions and 437 deletions

View File

@ -1,234 +0,0 @@
<!-- 订单详情 -->
<template>
<el-drawer v-model="showDetail" direction="rtl" :destroy-on-close="true" title="订单详情" size="50%">
<template #header>
<h4>订单详情</h4>
</template>
<template #default>
<!-- head -->
<div class="flex">
<el-image class="w-[50px] h-[50px]" :src="url" :fit="fit" />
<div class="flex flex-col ml-3 justify-between">
<div style="font-size:16px">
{{ orderType ? '【收银订单】' : '售后订单' }}
</div>
<div>
订单编号 {{ detailData.order_id }}
</div>
</div>
</div>
<ul class="flex justify-between w-[70%] mt-[20px]">
<li>
<div>订单状态</div>
<div>{{ orderType ? detailData.status_name : detailData.refund_status_name }}</div>
</li>
<li>
<div>实际支付</div>
<div>{{ detailData.pay_price }}</div>
</li>
<li>
<div>支付方式</div>
<div>{{ detailData.pay_type }}</div>
</li>
<li v-if="orderType">
<div>支付时间</div>
<div>{{ detailData.pay_time }}</div>
</li>
<li v-if="!orderType">
<div>退款件数</div>
<!-- <div>{{ detailData.pay_time }}</div> -->
</li>
<li v-if="!orderType">
<div>退款时间</div>
<!-- <div>{{ detailData.pay_time }}</div> -->
</li>
</ul>
<!-- content -->
<el-tabs v-model="activeName" class="mt-[20px]">
<el-tab-pane label="订单信息" name="first">
<el-descriptions :column="3" border :title="item.title" class="mb-[30px]"
v-for="(item, index) in orderInfoCongig" :key="index" v-show="item.isShow">
<el-descriptions-item :label="el.name" label-class-name="my-label" v-for="el in item.child">
{{ el.value }}
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<el-tab-pane label="商品信息" name="second">
<el-table border :data="detailData.product">
<el-table-column label="商品信息" prop="build_area_text" show-overflow-tooltip>
<template #default="{ row }">
<div class="flex w-[300px] items-center">
<el-image class="w-[50px] h-[50px] mr-2" :src="row.cart_info.image" />
<span> {{ row.cart_info.name }}</span>
</div>
</template>
</el-table-column>
<el-table-column label="价格" prop="cart_info.price" show-overflow-tooltip />
<el-table-column label="数量" prop="cart_info.cart_num" show-overflow-tooltip width="120" />
<el-table-column label="小计" prop="cart_info.total" show-overflow-tooltip />
</el-table>
</el-tab-pane>
<!-- <el-tab-pane label="订单记录" name="third">
<el-table border :data="formData.detail2">
<el-table-column label="订单id" prop="project_level_text" show-overflow-tooltip />
<el-table-column label="操作记录" prop="total_investment" show-overflow-tooltip width="120" />
<el-table-column label="操作时间" prop="engineering_status_text" show-overflow-tooltip />
</el-table>
</el-tab-pane> -->
</el-tabs>
</template>
</el-drawer>
</template>
<script lang="ts" setup>
import { ref, reactive, defineEmits, defineProps, onMounted } from "vue"
const showDetail = ref(false)
const url =
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
const props = defineProps({
detailData: {
type: Object,
},
// 0退1
orderType: {
type: Number,
default: 1,
}
})
const orderInfoCongig = ref(
[
{
title: '退款原因',
isShow: props.orderType == 0,
child: [
{
name: "退款原因",
value: props.detailData?.refund_reason
},
{
name: "退款金额",
value: props.detailData?.refund_price
},
{
name: "退款说明",
value: props.detailData?.refund_reason_wap_explain
},
// {
// name: "退",
// value: props.detailData?.mobile
// },
]
},
{
title: '用户信息',
isShow: true,
child: [
{
name: "用户昵称",
value: props.detailData?.nickname
},
{
name: "绑定电话",
value: props.detailData?.mobile
},
]
},
{
title: '收货人信息',
isShow: true,
child: [
{
name: "收货人",
value: props.detailData?.real_name
},
{
name: "收获电话",
value: props.detailData?.user_phone
},
{
name: "收获地址",
value: props.detailData?.user_address
},
]
},
{
title: '订单信息',
isShow: true,
child: [
{
name: "创建时间",
value: props.detailData?.create_time
},
{
name: "商品总数",
value: props.detailData?.total_num
},
{
name: "商品总价",
value: props.detailData?.total_price
},
{
name: "店员名称",
value: props.detailData?.staff_name
},
// {
// name: "",
// value: " props.detailData?.total_num"
// },
{
name: "支付时间",
value: props.detailData?.pay_time
},
{
name: "支付方式",
value: props.detailData?.pay_type
},
]
},
{
title: '订单备注',
isShow: true,
child: [
{
name: "备注",
value: props.detailData?.remark
},
]
},
])
const activeName = 'first'
const open = () => {
showDetail.value = true
}
const close = () => {
showDetail.value = false
}
defineExpose({
open,
close
})
</script>

View File

@ -1,170 +0,0 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" label-width="80px">
<el-row>
<el-col :span="6">
<el-form-item label="时间筛选">
<el-date-picker v-model="date" type="daterange" range-separator="-" start-placeholder="开始时间"
end-placeholder="结束时间" value-format="YYYY-MM-DD" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="店员">
<el-select class="flex-1" v-model="queryParams.staff_id" placeholder="请选择店员">
<el-option :label="item.staff_name" :value="item.id" v-for="(item, index) in staffList" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="用户搜索">
<el-input v-model="queryParams.order_id" clearable placeholder="请输入订单编号" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item>
<el-button type="primary" @click="handleResetPage">查询</el-button>
<el-button @click="handleResetParams">重置</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<div class="mt-4">
<el-table :data="pager.lists">
<el-table-column label="订单号" prop="order_id" show-overflow-tooltip />
<el-table-column label="用户信息" prop="build_area_text" show-overflow-tooltip>
<template #default="{ row }">
<div class="flex items-center">
<el-image style="width: 50px; height: 50px" :src="row.avatar" class="mr-2" />
{{ row.nickname }}
</div>
</template>
</el-table-column>
<el-table-column label="支付金额" prop="" show-overflow-tooltip />
<el-table-column label="充值类型" prop="" show-overflow-tooltip />
<el-table-column label="支付时间" prop="" show-overflow-tooltip />
<el-table-column label="关联店员" prop="" show-overflow-tooltip />
<el-table-column label="操作" width="170" fixed="right">
<template #default="{ row }">
<el-button type="primary" link @click="handleRe(row)">
备注
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<el-dialog title="添加备注" v-model="showDialog" width="550px">
<el-form-item>
<el-input v-model="remarks" type="textarea" placeholder="请输入备注内容"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleRemarks">确定</el-button>
<el-button @click="showDialog = false">取消</el-button>
</el-form-item>
</el-dialog>
</div>
</template>
<script lang="ts" setup name="manageProjectLists">
import orderDetail from './../../components/orderDetail/index.vue'
import { ref, reactive } from 'vue'
import { usePaging } from '@/hooks/usePaging'
import { apiStoreOrderLists, apiStoreOrderDetail, apiStoreOrderTitle } from '@/api/store_order'
import feedback from '@/utils/feedback'
//
const queryParams = reactive({
order_id: "",
pay_type: "",
start_time: "",
end_time: '',
status: "",
staff_id: ""
})
const date = ref([])
const showDetail = ref(false)
//
const handleWriteOff = async (id: number) => {
await feedback.confirm('确定要核销订单吗?')
// await adminDelete({ id })
getLists()
}
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiStoreOrderLists,
params: queryParams
})
const handleResetPage = () => {
if (date.value.length) {
queryParams.start_time = date.value[0]
queryParams.end_time = date.value[1]
}
resetPage()
}
const handleResetParams = () => {
date.value = []
resetParams()
}
const detailRef = ref(null)
const detailData = ref({})
//
const handleDetail = async (id: any) => {
let res = await apiStoreOrderDetail({ id })
console.log(res)
detailData.value = res
showDetail.value = true
await nextTick()
detailRef.value.open()
}
const payTypeList = ref([])
const staffList = ref([])
const order_status = ref({
finish: '',
wait_receive: '',
wait_send: ""
})
const getTitle = async () => {
let res = await await apiStoreOrderTitle()
payTypeList.value = res.pay_type
staffList.value = res.staff
order_status.value = res.order_status
}
// getTitle()
const showDialog = ref(false)
const remarks = ref('')
const rows = ref({})
const handleRe = (row) => {
showDialog.value = true
rows.value = row
}
const handleRemarks = async (row: any) => {
await apiStorFinanceFlowRemarks({ row })
showDialog.value = false
}
getLists()
</script>

View File

@ -1,24 +0,0 @@
import request from '@/utils/request'
export function apiStoreOrderLists(params: any) {
return request.get({ url: '/store_order/storeOrder/lists', params })
}
export function apiStoreOrderTitle() {
return request.get({ url: '/store_order/storeOrder/title' })
}
export function apiStoreOrderDetail(params: any) {
return request.get({ url: '/store_order/storeOrder/detail', params })
}
export function apiStoreRefundOrderLists(params: any) {
return request.get({ url: '/store_order/storeRefundOrder/lists', params })
}
export function apiStoreRefundOrderDetail(params: any) {
return request.get({ url: '/store_order/storeRefundOrder/detail', params })
}

View File

@ -60,14 +60,12 @@
<el-card class="!border-none" v-loading="pager.loading" shadow="never"> <el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-table :data="pager.lists"> <el-table :data="pager.lists">
<el-table-column label="订单号" prop="progress" show-overflow-tooltip /> <el-table-column label="订单号" prop="progress" show-overflow-tooltip />
<el-table-column label="结算类型" prop="progress" show-overflow-tooltip /> <el-table-column label="用户类型" prop="progress" show-overflow-tooltip />
<el-table-column label="结算金额" prop="progress" show-overflow-tooltip /> <el-table-column label="实际支付" prop="progress" show-overflow-tooltip />
<el-table-column label="结算方式" prop="progress" show-overflow-tooltip /> <el-table-column label="订单类型" prop="progress" show-overflow-tooltip />
<el-table-column label="付款方信息" prop="progress" show-overflow-tooltip /> <el-table-column label="支付方式" prop="progress" show-overflow-tooltip />
<el-table-column label="收款方信息" prop="progress" show-overflow-tooltip /> <el-table-column label="店员名称" prop="progress" show-overflow-tooltip />
<el-table-column label="结算凭证" prop="progress" show-overflow-tooltip /> <el-table-column label="下单时间" prop="progress" show-overflow-tooltip />
<el-table-column label="结算备注" prop="progress" show-overflow-tooltip />
<el-table-column label="经办人" prop="progress" show-overflow-tooltip />
</el-table> </el-table>
<div class="flex mt-4 justify-end"> <div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" /> <pagination v-model="pager" @change="getLists" />

View File

@ -12,7 +12,7 @@ import vueSetupExtend from 'vite-plugin-vue-setup-extend'
// import legacyPlugin from '@vitejs/plugin-legacy' // import legacyPlugin from '@vitejs/plugin-legacy'
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
base: '/admin/', base: '/storePage/',
server: { server: {
host: '0.0.0.0', host: '0.0.0.0',
open: true, open: true,