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