Merge remote-tracking branch 'origin/main'

# Conflicts:
#	src/pathInfo.json
This commit is contained in:
2025-04-27 21:58:53 +08:00
6 changed files with 136 additions and 5 deletions

21
src/view/order/index.vue Normal file
View File

@@ -0,0 +1,21 @@
<template>
<div>
<router-view v-slot="{ Component }">
<transition mode="out-in" name="el-fade-in-linear">
<keep-alive :include="routerStore.keepAliveRouters">
<component :is="Component" />
</keep-alive>
</transition>
</router-view>
</div>
</template>
<script setup>
import { useRouterStore } from '@/pinia/modules/router'
const routerStore = useRouterStore()
defineOptions({
name: 'OrderManage'
})
</script>

View File

@@ -0,0 +1,92 @@
<template>
<div >
<data class="gva-search-box2">
<el-form :inline="true" ref="formRef" :model="paramsQuery" class="demo-form-inline">
<el-form-item label="订单号">
<el-input v-model="paramsQuery.orderId" placeholder="请输入" clearable />
</el-form-item>
<el-form-item label="订单时间">
<el-date-picker
v-model="queryTime"
type="daterange"
unlink-panels
range-separator=""
start-placeholder="开始时间"
end-placeholder="结束时间"
value-format="YYYY-MM-DD"
style="width:100%"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit(formRef)">查询</el-button>
<el-button @click="reset(formRef)">重置</el-button>
</el-form-item>
</el-form>
</data>
<div class="gva-table-box">
<el-table :data="tableData" style="width: 100%">
<el-table-column type="index" label="序号" width="120" />
<el-table-column prop="order_no" label="订单号" width="180" />
<el-table-column prop="name" label="商品名称" />
<el-table-column prop="price" label="价格" />
<el-table-column prop="order_type" label="类型" />
<el-table-column prop="status" label="状态" />
<el-table-column prop="CreatedAt" label="创建时间" />
<el-table-column prop="UpdatedAt" label="更新时间" />
<el-table-column label="操作" fixed="right" width="100">
<template #default="scope">
<!-- <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button> -->
<el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</template>
<script setup>
import {list} from '@/api/order'
import { ref, reactive, onMounted } from 'vue'
const formRef = ref()
const paramsQuery = reactive({
page: 1,
pageSize: 10,
orderId: '',
startTime: '',
endTime: ''
}), total = ref(0), queryTime = ref([])
const tableData = ref([])
onMounted(() => {
getList()
})
async function getList() {
const res = await list(paramsQuery)
if(res.code === 0) {
tableData.value = res.data.list
total.value = res.data.total
}
}
function onSubmit() {
console.log(queryTime.value)
paramsQuery.startTime = queryTime.value[0]
paramsQuery.endTime = queryTime.value[1]
getList()
}
function reset(formEl) {
if (!formEl) return
formEl.resetFields()
getList()
}
function handleDelete(row) {
console.log(row)
}
</script>
<style lang="scss" scoped>
.demo-form-inline{
background: white;
padding: 1rem;
padding-bottom: 0;
margin-top: 0.5rem;
}
</style>