赵忠林
e1467999d7
- 在 GltTicketOrder 模型中新增配送员姓名、手机号、仓库名称、用户昵称、头像和手机号字段 - 新增送水订单编辑组件 gltTicketOrderEdit.vue，包含完整的表单验证和数据绑定功能 - 新增搜索组件 search.vue，支持按用户ID和订单编号搜索功能 - 新增送水订单主页面，集成表格展示、搜索、编辑、删除等功能 - 配置送水订单的完整列展示，包括用户信息、门店信息、配送员信息和订单状态 - 启用开发环境 API 地址配置，确保接口请求正常工作
52 lines
919 B
Vue
52 lines
919 B
Vue
<!-- 搜索表单 -->
|
|
<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>
|