review：【mall 商城】trade 相关代码
YunaiV
parent
d0457b4e4b
commit
bb97aca0be
|
|
@ -50,6 +50,7 @@ function useFormSchema(): VbenFormSchema[] {
|
|||
fieldName: 'sourceUserLevel',
|
||||
label: '用户类型',
|
||||
component: 'RadioGroup',
|
||||
// TODO @xingyu：这里会折行
|
||||
componentProps: {
|
||||
options: [
|
||||
{ label: '全部', value: 0 },
|
||||
|
|
|
|||
|
|
@ -102,6 +102,7 @@ async function handleGetUser(id: any, userType: string) {
|
|||
|
||||
<template>
|
||||
<Modal title="创建分销员" class="w-2/5">
|
||||
<!-- TODO @霖：宽度不够，label 会折行 -->
|
||||
<div class="mr-2 flex items-center">
|
||||
分销员编号：
|
||||
<InputSearch
|
||||
|
|
|
|||
|
|
@ -42,6 +42,7 @@ function useFormSchema(): VbenFormSchema[] {
|
|||
fieldName: 'level',
|
||||
label: '用户类型',
|
||||
component: 'RadioGroup',
|
||||
// TODO @xingyu：这里会折行
|
||||
componentProps: {
|
||||
options: [
|
||||
{ label: '全部', value: undefined },
|
||||
|
|
|
|||
|
|
@ -90,6 +90,7 @@ const [Form, formApi] = useVbenForm({
|
|||
<Tabs :active-key="activeKey" @change="handleTabChange">
|
||||
<Tabs.TabPane tab="售后" key="afterSale" :force-render="true" />
|
||||
<Tabs.TabPane tab="配送" key="delivery" :force-render="true" />
|
||||
<!-- TODO @xingyu：tooltip 有点丑；要不要左对齐？（貌似都行） -->
|
||||
<Tabs.TabPane tab="分销" key="brokerage" :force-render="true" />
|
||||
</Tabs>
|
||||
<Form class="w-3/5" />
|
||||
|
|
|
|||
|
|
@ -175,6 +175,7 @@ onMounted(() => {
|
|||
|
||||
<template>
|
||||
<Page auto-content-height>
|
||||
<!-- TODO @xingyu：高度不对 -->
|
||||
<Card class="mb-4 h-[10%]">
|
||||
<div class="flex flex-row gap-4">
|
||||
<SummaryCard
|
||||
|
|
|
|||
|
|
@ -60,6 +60,7 @@ export function useFormSchema(): VbenFormSchema[] {
|
|||
label: '详细地址',
|
||||
rules: 'required',
|
||||
},
|
||||
// TODO @xingyu：时间类型不对
|
||||
{
|
||||
component: 'TimePicker',
|
||||
fieldName: 'openingTime',
|
||||
|
|
@ -84,6 +85,7 @@ export function useFormSchema(): VbenFormSchema[] {
|
|||
label: '纬度',
|
||||
rules: 'required',
|
||||
},
|
||||
// TODO @xingyu：缺少地图
|
||||
{
|
||||
component: 'Input',
|
||||
fieldName: 'getGeo',
|
||||
|
|
|
|||
|
|
@ -18,6 +18,7 @@ import { useBindFormSchema } from '../data';
|
|||
|
||||
const emit = defineEmits(['success']);
|
||||
const formData = ref<MallDeliveryPickUpStoreApi.PickUpStore>();
|
||||
// TODO @xingyu：店员是多选；
|
||||
const getTitle = computed(() => {
|
||||
return formData.value?.id
|
||||
? $t('ui.actionTitle.edit', ['绑定店员'])
|
||||
|
|
|
|||
|
|
@ -50,6 +50,7 @@ function useFormSchema(): VbenFormSchema[] {
|
|||
fieldName: 'sourceUserLevel',
|
||||
label: '用户类型',
|
||||
component: 'RadioGroup',
|
||||
// TODO @霖：这里会折行
|
||||
componentProps: {
|
||||
options: [
|
||||
{ label: '全部', value: 0 },
|
||||
|
|
|
|||
|
|
@ -103,6 +103,7 @@ async function handleGetUser(id: any, userType: string) {
|
|||
|
||||
<template>
|
||||
<Modal title="创建分销员" class="w-2/5">
|
||||
<!-- TODO @霖：宽度不够，label 会折行 -->
|
||||
<div class="mr-2 flex items-center">
|
||||
分销员编号：
|
||||
<ElInput
|
||||
|
|
|
|||
|
|
@ -42,6 +42,7 @@ function useFormSchema(): VbenFormSchema[] {
|
|||
fieldName: 'level',
|
||||
label: '用户类型',
|
||||
component: 'RadioGroup',
|
||||
// TODO @霖：这里会折行
|
||||
componentProps: {
|
||||
options: [
|
||||
{ label: '全部', value: undefined },
|
||||
|
|
|
|||
|
|
@ -86,6 +86,7 @@ const [Form, formApi] = useVbenForm({
|
|||
<ElTabs v-model="activeKey" @tab-change="handleTabChange">
|
||||
<ElTabPane label="售后" name="afterSale" :force-render="true" />
|
||||
<ElTabPane label="配送" name="delivery" :force-render="true" />
|
||||
<!-- TODO @霖：tooltip 有点丑； -->
|
||||
<ElTabPane label="分销" name="brokerage" :force-render="true" />
|
||||
</ElTabs>
|
||||
<Form class="w-3/5" />
|
||||
|
|
|
|||
|
|
@ -176,6 +176,7 @@ onMounted(() => {
|
|||
<template>
|
||||
<Page auto-content-height>
|
||||
<ElCard class="mb-4 h-[10%]">
|
||||
<!-- TODO @霖：高度不对 -->
|
||||
<div class="flex flex-row gap-4">
|
||||
<SummaryCard
|
||||
class="flex flex-1"
|
||||
|
|
@ -215,6 +216,7 @@ onMounted(() => {
|
|||
/>
|
||||
</div>
|
||||
</ElCard>
|
||||
<!-- TODO @霖：核销订单，点出的弹窗，无法输入内容； -->
|
||||
<Grid class="h-4/5" table-title="核销订单">
|
||||
<template #toolbar-tools>
|
||||
<TableAction
|
||||
|
|
|
|||
|
|
@ -62,6 +62,7 @@ export function useFormSchema(): VbenFormSchema[] {
|
|||
label: '详细地址',
|
||||
rules: 'required',
|
||||
},
|
||||
// TODO @霖：时间类型不对
|
||||
{
|
||||
component: 'TimePicker',
|
||||
fieldName: 'openingTime',
|
||||
|
|
@ -86,6 +87,7 @@ export function useFormSchema(): VbenFormSchema[] {
|
|||
label: '纬度',
|
||||
rules: 'required',
|
||||
},
|
||||
// TODO @霖：缺少地图
|
||||
{
|
||||
component: 'Input',
|
||||
fieldName: 'getGeo',
|
||||
|
|
|
|||
|
|
@ -18,6 +18,7 @@ import { useBindFormSchema } from '../data';
|
|||
|
||||
const emit = defineEmits(['success']);
|
||||
const formData = ref<MallDeliveryPickUpStoreApi.PickUpStore>();
|
||||
// TODO @霖：店员是多选；
|
||||
const getTitle = computed(() => {
|
||||
return formData.value?.id
|
||||
? $t('ui.actionTitle.edit', ['绑定店员'])
|
||||
|
|
|
|||
|
|
@ -29,7 +29,6 @@ function onRefresh() {
|
|||
gridApi.query();
|
||||
}
|
||||
const { push } = useRouter();
|
||||
// TODO xingyu：貌似详情，还点不进去哇？
|
||||
/** 详情 */
|
||||
function handleDetail(row: MallOrderApi.Order) {
|
||||
push({ name: 'TradeOrderDetail', params: { id: row.id } });
|
||||
|
|
@ -113,6 +112,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
|||
</template>
|
||||
<DeleveryFormModal @success="onRefresh" />
|
||||
<Grid table-title="订单列表">
|
||||
<!-- TODO @霖：列表有点丑 -->
|
||||
<template #expand_content="{ row }">
|
||||
<div class="order-items">
|
||||
<div v-for="item in row.items" :key="item.id" class="order-item">
|
||||
|
|
|
|||
Loading…
Reference in New Issue