|
@@ -22,6 +22,9 @@ const parameter = reactive({
|
|
|
|
|
|
const data = ref<Record<string, any>>({
|
|
|
timer: [],
|
|
|
+ poCode: '',
|
|
|
+ goodNo: '',
|
|
|
+ goodName: '',
|
|
|
tag_id: '',
|
|
|
cat_status: '',
|
|
|
inv_status: '',
|
|
@@ -97,6 +100,9 @@ const search = (isReset?: boolean) => {
|
|
|
if (isReset) {
|
|
|
data.value = {
|
|
|
timer: [],
|
|
|
+ poCode: '',
|
|
|
+ goodNo: '',
|
|
|
+ goodName: '',
|
|
|
tag_id: '',
|
|
|
cat_status: '',
|
|
|
inv_status: '',
|
|
@@ -147,7 +153,7 @@ const searchOptions = [
|
|
|
{ value: "customerNo", label: "客户编码" },
|
|
|
{ value: "customer", label: "客户名称" },
|
|
|
{ value: "platName", label: "平台名称" },
|
|
|
- { value: "poCode", label: "平台订单号" },
|
|
|
+ // { value: "poCode", label: "平台订单号" },
|
|
|
{ value: "department", label: "部门" },
|
|
|
{ value: "saler", label: "销售员" }
|
|
|
]
|
|
@@ -164,16 +170,8 @@ onMounted(() => requestSalelist());
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
- <ElDialog
|
|
|
- :close-on-click-modal="false"
|
|
|
- :close-on-press-escape="false"
|
|
|
- @close="() => (selectSaleOrder = [])"
|
|
|
- v-model="visible"
|
|
|
- width="1040px"
|
|
|
- :title="title"
|
|
|
- top="10px"
|
|
|
- center
|
|
|
- >
|
|
|
+ <ElDialog :close-on-click-modal="false" :close-on-press-escape="false" @close="() => (selectSaleOrder = [])"
|
|
|
+ v-model="visible" width="1040px" :title="title" top="10px" center>
|
|
|
<ElRow :gutter="10" style="margin-bottom: 10px">
|
|
|
<ElCol :span="8">
|
|
|
<date-range size="small" v-model="data.timer" />
|
|
@@ -184,34 +182,14 @@ onMounted(() => requestSalelist());
|
|
|
</ElCol> -->
|
|
|
|
|
|
<ElCol :span="8">
|
|
|
- <ElSelect
|
|
|
- size="small"
|
|
|
- class="w-full"
|
|
|
- v-model="data.qrdsource"
|
|
|
- placeholder="订单来源"
|
|
|
- clearable
|
|
|
- >
|
|
|
- <ElOption
|
|
|
- v-for="opt in xs_order_source_options"
|
|
|
- :key="opt.value"
|
|
|
- v-bind="opt"
|
|
|
- />
|
|
|
+ <ElSelect size="small" class="w-full" v-model="data.qrdsource" placeholder="订单来源" clearable>
|
|
|
+ <ElOption v-for="opt in xs_order_source_options" :key="opt.value" v-bind="opt" />
|
|
|
</ElSelect>
|
|
|
</ElCol>
|
|
|
|
|
|
<ElCol :span="8">
|
|
|
- <el-select
|
|
|
- class="w-full"
|
|
|
- size="small"
|
|
|
- clearable
|
|
|
- v-model="data.qrdtype"
|
|
|
- placeholder="商品类型"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="type in xs_order_type_options"
|
|
|
- :key="type.value"
|
|
|
- v-bind="type"
|
|
|
- />
|
|
|
+ <el-select class="w-full" size="small" clearable v-model="data.qrdtype" placeholder="商品类型">
|
|
|
+ <el-option v-for="type in xs_order_type_options" :key="type.value" v-bind="type" />
|
|
|
</el-select>
|
|
|
</ElCol>
|
|
|
</ElRow>
|
|
@@ -219,14 +197,11 @@ onMounted(() => requestSalelist());
|
|
|
<ElRow :gutter="10" style="margin-bottom: 10px">
|
|
|
<el-col :span="8">
|
|
|
<el-select placeholder="开票状态" size="small" style="width:100%" v-model="data.inv_status" clearable>
|
|
|
- <el-option
|
|
|
- v-for="opt in inv_open_status"
|
|
|
- v-bind="opt"
|
|
|
- />
|
|
|
+ <el-option v-for="opt in inv_open_status" v-bind="opt" />
|
|
|
</el-select>
|
|
|
</el-col>
|
|
|
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :span="8">
|
|
|
<el-select placeholder="发货状态" size="small" style="width:100%" v-model="data.sendstatus" clearable>
|
|
|
<el-option v-for="opt in send_status_list" v-bind="opt" />
|
|
|
</el-select>
|
|
@@ -248,103 +223,102 @@ onMounted(() => requestSalelist());
|
|
|
</ElRow>
|
|
|
|
|
|
<el-row :gutter="10">
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :span="8">
|
|
|
<el-select placeholder="标签类型" size="small" style="width:100%" v-model="data.tag_id" clearable>
|
|
|
<el-option v-for="opt in tag_type" v-bind="opt" />
|
|
|
</el-select>
|
|
|
</el-col>
|
|
|
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-input size="small" placeholder="商品编码" v-model="data.goodNo" />
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-input size="small" placeholder="商品名称" v-model="data.goodName" />
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- <el-col :span="8">
|
|
|
+ <el-input v-model="data.cxCode" placeholder="销售订单主编码" size="small" />
|
|
|
+ </el-col> -->
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <ElRow :gutter="10" style="margin-top: 10px">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-input size="small" placeholder="平台订单号" v-model="data.poCode" />
|
|
|
+ </el-col>
|
|
|
+
|
|
|
<el-col :span="8">
|
|
|
<el-input size="small" v-model="parameter.value">
|
|
|
<template #prepend>
|
|
|
- <el-select v-model="parameter.key" size="small">
|
|
|
+ <el-select v-model="parameter.key" size="small" style="width: 120px">
|
|
|
<el-option v-for="opt in searchOptions" v-bind="opt" />
|
|
|
</el-select>
|
|
|
</template>
|
|
|
</el-input>
|
|
|
</el-col>
|
|
|
|
|
|
- <!-- <el-col :span="8">
|
|
|
- <el-input v-model="data.cxCode" placeholder="销售订单主编码" size="small" />
|
|
|
- </el-col> -->
|
|
|
+
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-switch
|
|
|
- v-model="data.platform_type"
|
|
|
- size="small"
|
|
|
- active-text="toC"
|
|
|
- inactive-text="toB"
|
|
|
- active-value="2"
|
|
|
- inactive-value="1"
|
|
|
- />
|
|
|
+ <el-switch v-model="data.platform_type" size="small" active-text="toC" inactive-text="toB" active-value="2"
|
|
|
+ inactive-value="1" />
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
+ </ElRow>
|
|
|
+
|
|
|
|
|
|
<div flex gap-2 justify-end mb-1>
|
|
|
<el-button size="small" type="primary" @click="() => search()">搜索</el-button>
|
|
|
<el-button size="small" @click="() => search(true)">重置</el-button>
|
|
|
</div>
|
|
|
|
|
|
- <el-table
|
|
|
- v-loading="loading"
|
|
|
- :data="saleOrderList"
|
|
|
- @selection-change="handleSelectChange"
|
|
|
- ref="tableRef"
|
|
|
- border
|
|
|
- size="small"
|
|
|
- row-key="sequenceNo"
|
|
|
- max-height="520px"
|
|
|
- >
|
|
|
- <el-table-column
|
|
|
- v-for="(col, index) in sale_columns"
|
|
|
- :prop="col.field"
|
|
|
- :label="col.label"
|
|
|
- :key="index"
|
|
|
- :width="col.width + 'px'"
|
|
|
- :fixed="col.fixed"
|
|
|
- :type="col.type"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table v-loading="loading" :data="saleOrderList" @selection-change="handleSelectChange" ref="tableRef" border
|
|
|
+ size="small" row-key="sequenceNo" max-height="520px">
|
|
|
+ <el-table-column v-for="(col, index) in sale_columns" :prop="col.field" :label="col.label" :key="index"
|
|
|
+ :width="col.width + 'px'" :fixed="col.fixed" :type="col.type" show-overflow-tooltip>
|
|
|
<template #default="{ row }">
|
|
|
<el-tag v-if="col.field === 'qrdType'" size="small">
|
|
|
{{
|
|
|
- xs_order_type_options.find(s => s.value === row.qrdType)?.label ||
|
|
|
- "--"
|
|
|
+ xs_order_type_options.find(s => s.value === row.qrdType)?.label ||
|
|
|
+ "--"
|
|
|
}}
|
|
|
</el-tag>
|
|
|
|
|
|
- <el-tag v-if="col.field === 'cat_status'" size="small">
|
|
|
+ <el-tag v-if="col.field === 'cat_status'" size="small">
|
|
|
{{
|
|
|
- cat_status.find(s => s.value === row.cat_status)?.label ||
|
|
|
- "--"
|
|
|
+ cat_status.find(s => s.value === row.cat_status)?.label ||
|
|
|
+ "--"
|
|
|
}}
|
|
|
</el-tag>
|
|
|
|
|
|
<el-tag v-if="col.field === 'inv_status'" size="small">
|
|
|
{{
|
|
|
- inv_open_status.find(s => s.value === row.inv_status)?.label ||
|
|
|
- "--"
|
|
|
+ inv_open_status.find(s => s.value === row.inv_status)?.label ||
|
|
|
+ "--"
|
|
|
}}
|
|
|
</el-tag>
|
|
|
|
|
|
<el-tag v-else-if="col.field === 'qrdSource'" size="small">
|
|
|
{{
|
|
|
- xs_order_source_options.find(s => s.value === row.qrdSource)
|
|
|
- ?.label || "--"
|
|
|
+ xs_order_source_options.find(s => s.value === row.qrdSource)
|
|
|
+ ?.label || "--"
|
|
|
}}
|
|
|
</el-tag>
|
|
|
|
|
|
<el-tag v-else-if="col.field === 'sendStatus'">
|
|
|
{{
|
|
|
- send_status_list.find(p => String(row.sendStatus) === p.value)
|
|
|
- ?.label
|
|
|
+ send_status_list.find(p => String(row.sendStatus) === p.value)
|
|
|
+ ?.label
|
|
|
}}
|
|
|
</el-tag>
|
|
|
|
|
|
<el-tag v-if="col.field === 'platform_type'" size="small">
|
|
|
{{
|
|
|
- useTypeOptions.find(s => s.value === row.platform_type)?.label ||
|
|
|
- "--"
|
|
|
+ useTypeOptions.find(s => s.value === row.platform_type)?.label ||
|
|
|
+ "--"
|
|
|
}}
|
|
|
</el-tag>
|
|
|
</template>
|
|
@@ -352,24 +326,13 @@ onMounted(() => requestSalelist());
|
|
|
</el-table>
|
|
|
|
|
|
<div flex justify-between mt-2>
|
|
|
- <el-pagination
|
|
|
- v-model:current-page="pagination.currentPage"
|
|
|
- v-model:page-size="pagination.pageSize"
|
|
|
- :total="pagination.total"
|
|
|
- :page-sizes="[15, 50, 100]"
|
|
|
- @size-change="handleSizeChange"
|
|
|
- layout="sizes, prev, pager, next"
|
|
|
- @current-change="requestSalelist"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <el-pagination v-model:current-page="pagination.currentPage" v-model:page-size="pagination.pageSize"
|
|
|
+ :total="pagination.total" :page-sizes="[15, 50, 100]" @size-change="handleSizeChange"
|
|
|
+ layout="sizes, prev, pager, next" @current-change="requestSalelist" size="small" />
|
|
|
|
|
|
<div>
|
|
|
- <el-button type="primary" @click="handleSave" size="small"
|
|
|
- >保存</el-button
|
|
|
- >
|
|
|
- <el-button @click="() => (visible = false)" size="small"
|
|
|
- >取消</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" @click="handleSave" size="small">保存</el-button>
|
|
|
+ <el-button @click="() => (visible = false)" size="small">取消</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</ElDialog>
|