feat(gltTicketOrder): 添加送水订单功能模块
- 在 GltTicketOrder 模型中新增配送员姓名、手机号、仓库名称、用户昵称、头像和手机号字段 - 新增送水订单编辑组件 gltTicketOrderEdit.vue,包含完整的表单验证和数据绑定功能 - 新增搜索组件 search.vue,支持按用户ID和订单编号搜索功能 - 新增送水订单主页面,集成表格展示、搜索、编辑、删除等功能 - 配置送水订单的完整列展示,包括用户信息、门店信息、配送员信息和订单状态 - 启用开发环境 API 地址配置,确保接口请求正常工作
This commit is contained in:
51
src/views/glt/gltTicketOrder/components/search.vue
Normal file
51
src/views/glt/gltTicketOrder/components/search.vue
Normal file
@@ -0,0 +1,51 @@
|
||||
<!-- 搜索表单 -->
|
||||
<template>
|
||||
<a-space :size="10" style="flex-wrap: wrap">
|
||||
<a-input-search
|
||||
allow-clear
|
||||
placeholder="用户ID|订单编号"
|
||||
style="width: 240px"
|
||||
v-model:value="where.keywords"
|
||||
@search="reload"
|
||||
/>
|
||||
</a-space>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import {watch} from 'vue';
|
||||
import useSearch from "@/utils/use-search";
|
||||
import {GltUserTicketParam} from "@/api/glt/gltUserTicket/model";
|
||||
|
||||
const props = withDefaults(
|
||||
defineProps<{
|
||||
// 选中的角色
|
||||
selection?: [];
|
||||
}>(),
|
||||
{}
|
||||
);
|
||||
|
||||
const emit = defineEmits<{
|
||||
(e: 'search', where?: GltUserTicketParam): void;
|
||||
(e: 'add'): void;
|
||||
(e: 'remove'): void;
|
||||
(e: 'batchMove'): void;
|
||||
}>();
|
||||
|
||||
// 表单数据
|
||||
const {where} = useSearch<GltUserTicketParam>({
|
||||
keywords: '',
|
||||
userId: undefined
|
||||
});
|
||||
|
||||
|
||||
const reload = () => {
|
||||
emit('search', where);
|
||||
};
|
||||
|
||||
|
||||
watch(
|
||||
() => props.selection,
|
||||
() => {
|
||||
}
|
||||
);
|
||||
</script>
|
||||
Reference in New Issue
Block a user