feat: 🚀 店铺资料

This commit is contained in:
2025-10-22 14:24:26 +08:00
parent c0750ed493
commit a90dab331c
32 changed files with 789 additions and 946 deletions

4
src/components.d.ts vendored
View File

@@ -16,9 +16,9 @@ declare module "vue" {
ElBreadcrumb: typeof import("element-plus/es")["ElBreadcrumb"]; ElBreadcrumb: typeof import("element-plus/es")["ElBreadcrumb"];
ElBreadcrumbItem: typeof import("element-plus/es")["ElBreadcrumbItem"]; ElBreadcrumbItem: typeof import("element-plus/es")["ElBreadcrumbItem"];
ElButton: typeof import("element-plus/es")["ElButton"]; ElButton: typeof import("element-plus/es")["ElButton"];
ElCheckbox: typeof import("element-plus/es")["ElCheckbox"];
ElContainer: typeof import("element-plus/es")["ElContainer"]; ElContainer: typeof import("element-plus/es")["ElContainer"];
ElDatePicker: typeof import("element-plus/es")["ElDatePicker"]; ElDatePicker: typeof import("element-plus/es")["ElDatePicker"];
ElDialog: typeof import("element-plus/es")["ElDialog"];
ElDrawer: typeof import("element-plus/es")["ElDrawer"]; ElDrawer: typeof import("element-plus/es")["ElDrawer"];
ElDropdown: typeof import("element-plus/es")["ElDropdown"]; ElDropdown: typeof import("element-plus/es")["ElDropdown"];
ElDropdownItem: typeof import("element-plus/es")["ElDropdownItem"]; ElDropdownItem: typeof import("element-plus/es")["ElDropdownItem"];
@@ -28,7 +28,6 @@ declare module "vue" {
ElHeader: typeof import("element-plus/es")["ElHeader"]; ElHeader: typeof import("element-plus/es")["ElHeader"];
ElIcon: typeof import("element-plus/es")["ElIcon"]; ElIcon: typeof import("element-plus/es")["ElIcon"];
ElInput: typeof import("element-plus/es")["ElInput"]; ElInput: typeof import("element-plus/es")["ElInput"];
ElInputNumber: typeof import("element-plus/es")["ElInputNumber"];
ElMain: typeof import("element-plus/es")["ElMain"]; ElMain: typeof import("element-plus/es")["ElMain"];
ElMenu: typeof import("element-plus/es")["ElMenu"]; ElMenu: typeof import("element-plus/es")["ElMenu"];
ElMenuItem: typeof import("element-plus/es")["ElMenuItem"]; ElMenuItem: typeof import("element-plus/es")["ElMenuItem"];
@@ -43,7 +42,6 @@ declare module "vue" {
ElTabPane: typeof import("element-plus/es")["ElTabPane"]; ElTabPane: typeof import("element-plus/es")["ElTabPane"];
ElTabs: typeof import("element-plus/es")["ElTabs"]; ElTabs: typeof import("element-plus/es")["ElTabs"];
ElTag: typeof import("element-plus/es")["ElTag"]; ElTag: typeof import("element-plus/es")["ElTag"];
ElTooltip: typeof import("element-plus/es")["ElTooltip"];
Empty: typeof import("./components/ProTable/components/Empty.vue")["default"]; Empty: typeof import("./components/ProTable/components/Empty.vue")["default"];
Form: typeof import("./components/Form/index.vue")["default"]; Form: typeof import("./components/Form/index.vue")["default"];
FormItem: typeof import("./components/Form/components/FormItem.vue")["default"]; FormItem: typeof import("./components/Form/components/FormItem.vue")["default"];

View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="search-box1" ref="searchRef"> <div :class="isSearch ? 'search-box' : 'search-box1'" ref="searchRef">
<el-form <el-form
ref="ruleFormRef" ref="ruleFormRef"
:model="_searchResult" :model="_searchResult"
@@ -178,6 +178,7 @@ const props = defineProps<{
labelWidth?: string; labelWidth?: string;
ruleForm: Record<string, any>; ruleForm: Record<string, any>;
style?: string; style?: string;
isSearch?: Boolean;
inline?: Boolean; inline?: Boolean;
getSearchValue?: () => void; getSearchValue?: () => void;
selectMultipleRemoveTag?: () => void; selectMultipleRemoveTag?: () => void;
@@ -388,6 +389,60 @@ defineExpose({
margin-bottom: 8px !important; margin-bottom: 8px !important;
} }
} }
.search-box {
position: relative;
display: flex;
min-width: 600px;
padding: 16px;
background: #ffffff;
border-radius: 6px;
// 单据头用的样式
.form-box {
// width: 85%;
.form-item {
width: 392px !important;
// height: 32px;
// 原代码有 height: 32px !important; 这会导致子元素高度超出后被遮盖
height: auto !important; // 改为自动高度
min-height: 32px; // 保留最小高度,未选择时对齐
margin-bottom: 8px !important;
.el-form-item__label {
font-size: 12px !important;
}
.el-select {
width: 392px;
}
.el-form-item--default {
width: 392px;
}
}
.form-item1 {
width: 594px !important;
// height: 32px;
// 原代码有 height: 32px !important; 这会导致子元素高度超出后被遮盖
height: auto !important; // 改为自动高度
min-height: 32px; // 保留最小高度,未选择时对齐
margin-bottom: 8px !important;
.el-form-item__label {
font-size: 12px !important;
}
.el-select {
width: 594px;
}
.el-form-item--default {
width: 594px;
}
}
.form-item2 {
width: 494px !important;
}
margin-bottom: 8px !important;
}
}
.el-form-item--default .el-form-item__label { .el-form-item--default .el-form-item__label {
height: 32px; height: 32px;
margin-bottom: 8px; margin-bottom: 8px;

View File

@@ -1,7 +0,0 @@
export const BUTTON = [
{
text: "导出",
permission: "reportManagementInstantBtnExport",
type: "export"
}
];

View File

@@ -1,80 +0,0 @@
interface FormItem {
prop: string;
label?: string;
placeholder?: string;
type: string;
isCopy?: boolean;
optionProps?: any;
startPlaceholder?: string;
endPlaceholder?: string;
options?: any;
isArray?: boolean;
startDate?: string; //开始时间(传入后台需要的参数)
endDate?: string; //结束时间(传入后台需要的参数)
startProp?: string;
endProp?: string;
isInteger?: boolean;
}
export const FORM_DATA: FormItem[] = [
{
prop: "securityNumbers",
placeholder: "请输入来源单号",
type: "input",
isArray: true,
label: "来源单号: "
},
{
prop: "lotNumbers",
placeholder: "请选择供应商",
type: "select",
isArray: true,
label: "供应商: ",
options: []
},
{
prop: "securityNumbers",
placeholder: "请输入质检人",
type: "input",
isArray: true,
label: "质检人: "
},
{
prop: "Time",
type: "daterange",
options: [],
startPlaceholder: "质检开始日期",
endPlaceholder: "质检结束日期",
startDate: "createBeginDate",
endDate: "createEndDate",
label: "质检时间: "
},
{
prop: "lotNumbers",
placeholder: "请选择组织",
type: "select",
isArray: true,
label: "组织: "
},
{
prop: "materialNumber",
placeholder: "请输入規格型号",
type: "selectRemote1",
isArray: true,
options: [],
label: "物料编码: "
},
{
prop: "lotNumbers",
placeholder: "请选择质检状态",
type: "select",
isArray: true,
label: "质检状态: "
}
];
export const RULE_FORM = {
page: 1,
size: 50,
orgCode: 0
};

View File

@@ -1,107 +0,0 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "质检单",
prop: "securityNumber",
width: 200
},
{
align: "left",
label: "质检状态",
prop: "id",
width: 160
},
{
align: "left",
label: "销售订单号",
prop: "specifications",
width: 200
},
{
align: "left",
label: "来源单号",
prop: "createTime",
width: 200
},
{
align: "left",
label: "下载次数",
prop: "downLoadNumber",
width: 80
},
{
align: "left",
label: "质检类型",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "供应商",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "组织",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "规格型号",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "物料编码",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "物料名称",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "应质检数量",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "良品数",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "次品数",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "质检人",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "质检时间",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "创建时间",
prop: "downLoadTime",
width: 200
}
];

View File

@@ -1,102 +0,0 @@
<!-- 质检单 -->
<template>
<div class="table-box">
<div style="padding-bottom: 16px">
<PermissionButton
:buttons="dataStore.buttons"
@handleButtonClickCallback="handleButtonClickCallback"
></PermissionButton>
</div>
<ProTable
ref="proTable"
:formData="dataStore.formData"
:columns="dataStore.columns"
:request-api="getMaterialListApi"
:init-param="dataStore.initParam"
@selectionChange="selectionChange"
:orgCode="dataStore.ruleForm.orgCode"
/>
</div>
</template>
<script setup lang="ts" name="foundationSetData">
import ProTable from "@/components/ProTable/index.vue";
// import { useMsg } from "@/hooks/useMsg";
import PermissionButton from "@/components/PermissionButton/index.vue";
import { getMaterialListApi } from "@/api/modules/foundationMaterial";
// import { useAuthStore } from "@/stores/modules/auth";
import { RULE_FORM, FORM_DATA, COLUMNS, BUTTON } from "./constant/list/index";
//表格TS
import { ProTableInstance } from "@/components/ProTable/interface";
import { useUserStore } from "@/stores/modules/user";
import { btnClick } from "./init";
//深拷贝方法
import { cloneDeep } from "lodash-es";
// 获取 ProTable 元素,调用其获取刷新数据方法(还能获取到当前查询参数,方便导出携带参数)
const proTable = ref<ProTableInstance>();
// 获取用户信息(组织id)
const userStore = useUserStore();
// 数据源
const dataStore = reactive<any>({
columns: COLUMNS, //列表配置项
initParam: cloneDeep(RULE_FORM), // 初始化搜索条件|重置搜索条件
ruleForm: cloneDeep(RULE_FORM), // 搜索条件
formData: FORM_DATA, //搜索配置项
buttons: cloneDeep(BUTTON),
options: [], //规格型号
selectionList: [], //选中表格的行
loading: false
});
// 表格选择事件
const selectionChange = (selection: any) => {
dataStore.selectionList = selection;
};
const handleButtonClickCallback = (item: any) => {
const { type } = item;
btnClick[type](item);
};
// // 规格型号
// const remoteMethod1 = async (query: any) => {
// datas.loading = true;
// if (!query) {
// datas.loading = false;
// return;
// }
// let valClone = query.replace(/^\s*|\s*$/g, "");
// if (!valClone.length) {
// datas.loading = false;
// return;
// }
// const result = await getMaterialListApi(valClone);
// if (result.status === 200) {
// const { data } = result;
// datas.options = data;
// }
// datas.loading = false;
// };
watch(
() => userStore.orgCode,
newVal => {
dataStore.ruleForm.orgCode = newVal;
dataStore.initParam.orgCode = newVal;
},
{
immediate: true,
deep: true
}
);
</script>
<style scope lang="scss">
.down-dialog-box {
.el-dialog__body {
padding: 0 16px 40px;
}
}
</style>

View File

@@ -1,13 +0,0 @@
// 直接导出函数,无需额外包装对象
export const handleExport = (item: any) => {
console.log("导出操作", item);
};
export const handleRefresh = (item: any) => {
console.log("刷新操作", item);
};
export const btnClick: any = {
export: handleExport,
refresh: handleRefresh
};

View File

@@ -1,4 +1,4 @@
<!-- 质检单 --> <!-- 物料列表 -->
<template> <template>
<div class="table-box"> <div class="table-box">
<div style="padding-bottom: 16px"> <div style="padding-bottom: 16px">

View File

@@ -1,7 +0,0 @@
export const BUTTON = [
{
text: "导出",
permission: "reportManagementBoxInventoryBtnExport",
type: "export"
}
];

View File

@@ -1,4 +0,0 @@
import { FORM_DATA, RULE_FORM } from "./search";
import { COLUMNS } from "./table";
import { BUTTON } from "./button";
export { FORM_DATA, RULE_FORM, COLUMNS, BUTTON };

View File

@@ -1,80 +0,0 @@
interface FormItem {
prop: string;
label?: string;
placeholder?: string;
type: string;
isCopy?: boolean;
optionProps?: any;
startPlaceholder?: string;
endPlaceholder?: string;
options?: any;
isArray?: boolean;
startDate?: string; //开始时间(传入后台需要的参数)
endDate?: string; //结束时间(传入后台需要的参数)
startProp?: string;
endProp?: string;
isInteger?: boolean;
}
export const FORM_DATA: FormItem[] = [
{
prop: "securityNumbers",
placeholder: "请输入来源单号",
type: "input",
isArray: true,
label: "来源单号: "
},
{
prop: "lotNumbers",
placeholder: "请选择供应商",
type: "select",
isArray: true,
label: "供应商: ",
options: []
},
{
prop: "securityNumbers",
placeholder: "请输入质检人",
type: "input",
isArray: true,
label: "质检人: "
},
{
prop: "Time",
type: "daterange",
options: [],
startPlaceholder: "质检开始日期",
endPlaceholder: "质检结束日期",
startDate: "createBeginDate",
endDate: "createEndDate",
label: "质检时间: "
},
{
prop: "lotNumbers",
placeholder: "请选择组织",
type: "select",
isArray: true,
label: "组织: "
},
{
prop: "materialNumber",
placeholder: "请输入規格型号",
type: "selectRemote1",
isArray: true,
options: [],
label: "物料编码: "
},
{
prop: "lotNumbers",
placeholder: "请选择质检状态",
type: "select",
isArray: true,
label: "质检状态: "
}
];
export const RULE_FORM = {
page: 1,
size: 50,
orgCode: 0
};

View File

@@ -1,107 +0,0 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "质检单",
prop: "securityNumber",
width: 200
},
{
align: "left",
label: "质检状态",
prop: "id",
width: 160
},
{
align: "left",
label: "销售订单号",
prop: "specifications",
width: 200
},
{
align: "left",
label: "来源单号",
prop: "createTime",
width: 200
},
{
align: "left",
label: "下载次数",
prop: "downLoadNumber",
width: 80
},
{
align: "left",
label: "质检类型",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "供应商",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "组织",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "规格型号",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "物料编码",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "物料名称",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "应质检数量",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "良品数",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "次品数",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "质检人",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "质检时间",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "创建时间",
prop: "downLoadTime",
width: 200
}
];

View File

@@ -1,102 +0,0 @@
<!-- 质检单 -->
<template>
<div class="table-box">
<div style="padding-bottom: 16px">
<PermissionButton
:buttons="dataStore.buttons"
@handleButtonClickCallback="handleButtonClickCallback"
></PermissionButton>
</div>
<ProTable
ref="proTable"
:formData="dataStore.formData"
:columns="dataStore.columns"
:request-api="getMaterialListApi"
:init-param="dataStore.initParam"
@selectionChange="selectionChange"
:orgCode="dataStore.ruleForm.orgCode"
/>
</div>
</template>
<script setup lang="ts" name="foundationSetPriority">
import ProTable from "@/components/ProTable/index.vue";
// import { useMsg } from "@/hooks/useMsg";
import PermissionButton from "@/components/PermissionButton/index.vue";
import { getMaterialListApi } from "@/api/modules/foundationMaterial";
// import { useAuthStore } from "@/stores/modules/auth";
import { RULE_FORM, FORM_DATA, COLUMNS, BUTTON } from "./constant/list/index";
//表格TS
import { ProTableInstance } from "@/components/ProTable/interface";
import { useUserStore } from "@/stores/modules/user";
import { btnClick } from "./init";
//深拷贝方法
import { cloneDeep } from "lodash-es";
// 获取 ProTable 元素,调用其获取刷新数据方法(还能获取到当前查询参数,方便导出携带参数)
const proTable = ref<ProTableInstance>();
// 获取用户信息(组织id)
const userStore = useUserStore();
// 数据源
const dataStore = reactive<any>({
columns: COLUMNS, //列表配置项
initParam: cloneDeep(RULE_FORM), // 初始化搜索条件|重置搜索条件
ruleForm: cloneDeep(RULE_FORM), // 搜索条件
formData: FORM_DATA, //搜索配置项
buttons: cloneDeep(BUTTON),
options: [], //规格型号
selectionList: [], //选中表格的行
loading: false
});
// 表格选择事件
const selectionChange = (selection: any) => {
dataStore.selectionList = selection;
};
const handleButtonClickCallback = (item: any) => {
const { type } = item;
btnClick[type](item);
};
// // 规格型号
// const remoteMethod1 = async (query: any) => {
// datas.loading = true;
// if (!query) {
// datas.loading = false;
// return;
// }
// let valClone = query.replace(/^\s*|\s*$/g, "");
// if (!valClone.length) {
// datas.loading = false;
// return;
// }
// const result = await getMaterialListApi(valClone);
// if (result.status === 200) {
// const { data } = result;
// datas.options = data;
// }
// datas.loading = false;
// };
watch(
() => userStore.orgCode,
newVal => {
dataStore.ruleForm.orgCode = newVal;
dataStore.initParam.orgCode = newVal;
},
{
immediate: true,
deep: true
}
);
</script>
<style scope lang="scss">
.down-dialog-box {
.el-dialog__body {
padding: 0 16px 40px;
}
}
</style>

View File

@@ -1,13 +0,0 @@
// 直接导出函数,无需额外包装对象
export const handleExport = (item: any) => {
console.log("导出操作", item);
};
export const handleRefresh = (item: any) => {
console.log("刷新操作", item);
};
export const btnClick: any = {
export: handleExport,
refresh: handleRefresh
};

View File

@@ -1,2 +0,0 @@
import { btnClick } from "./btnClick";
export { btnClick };

View File

@@ -1,7 +0,0 @@
export const BUTTON = [
{
text: "导出",
permission: "reportManagementMaterialBtnExport",
type: "export"
}
];

View File

@@ -1,4 +0,0 @@
import { FORM_DATA, RULE_FORM } from "./search";
import { COLUMNS } from "./table";
import { BUTTON } from "./button";
export { FORM_DATA, RULE_FORM, COLUMNS, BUTTON };

View File

@@ -1,80 +0,0 @@
interface FormItem {
prop: string;
label?: string;
placeholder?: string;
type: string;
isCopy?: boolean;
optionProps?: any;
startPlaceholder?: string;
endPlaceholder?: string;
options?: any;
isArray?: boolean;
startDate?: string; //开始时间(传入后台需要的参数)
endDate?: string; //结束时间(传入后台需要的参数)
startProp?: string;
endProp?: string;
isInteger?: boolean;
}
export const FORM_DATA: FormItem[] = [
{
prop: "securityNumbers",
placeholder: "请输入来源单号",
type: "input",
isArray: true,
label: "来源单号: "
},
{
prop: "lotNumbers",
placeholder: "请选择供应商",
type: "select",
isArray: true,
label: "供应商: ",
options: []
},
{
prop: "securityNumbers",
placeholder: "请输入质检人",
type: "input",
isArray: true,
label: "质检人: "
},
{
prop: "Time",
type: "daterange",
options: [],
startPlaceholder: "质检开始日期",
endPlaceholder: "质检结束日期",
startDate: "createBeginDate",
endDate: "createEndDate",
label: "质检时间: "
},
{
prop: "lotNumbers",
placeholder: "请选择组织",
type: "select",
isArray: true,
label: "组织: "
},
{
prop: "materialNumber",
placeholder: "请输入規格型号",
type: "selectRemote1",
isArray: true,
options: [],
label: "物料编码: "
},
{
prop: "lotNumbers",
placeholder: "请选择质检状态",
type: "select",
isArray: true,
label: "质检状态: "
}
];
export const RULE_FORM = {
page: 1,
size: 50,
orgCode: 0
};

View File

@@ -1,107 +0,0 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "质检单",
prop: "securityNumber",
width: 200
},
{
align: "left",
label: "质检状态",
prop: "id",
width: 160
},
{
align: "left",
label: "销售订单号",
prop: "specifications",
width: 200
},
{
align: "left",
label: "来源单号",
prop: "createTime",
width: 200
},
{
align: "left",
label: "下载次数",
prop: "downLoadNumber",
width: 80
},
{
align: "left",
label: "质检类型",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "供应商",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "组织",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "规格型号",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "物料编码",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "物料名称",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "应质检数量",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "良品数",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "次品数",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "质检人",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "质检时间",
prop: "downLoadTime",
width: 200
},
{
align: "left",
label: "创建时间",
prop: "downLoadTime",
width: 200
}
];

View File

@@ -1,102 +0,0 @@
<!-- 质检单 -->
<template>
<div class="table-box">
<div style="padding-bottom: 16px">
<PermissionButton
:buttons="dataStore.buttons"
@handleButtonClickCallback="handleButtonClickCallback"
></PermissionButton>
</div>
<ProTable
ref="proTable"
:formData="dataStore.formData"
:columns="dataStore.columns"
:request-api="getMaterialListApi"
:init-param="dataStore.initParam"
@selectionChange="selectionChange"
:orgCode="dataStore.ruleForm.orgCode"
/>
</div>
</template>
<script setup lang="ts" name="foundationSetRelationship">
import ProTable from "@/components/ProTable/index.vue";
// import { useMsg } from "@/hooks/useMsg";
import PermissionButton from "@/components/PermissionButton/index.vue";
import { getMaterialListApi } from "@/api/modules/foundationMaterial";
// import { useAuthStore } from "@/stores/modules/auth";
import { RULE_FORM, FORM_DATA, COLUMNS, BUTTON } from "./constant/list/index";
//表格TS
import { ProTableInstance } from "@/components/ProTable/interface";
import { useUserStore } from "@/stores/modules/user";
import { btnClick } from "./init";
//深拷贝方法
import { cloneDeep } from "lodash-es";
// 获取 ProTable 元素,调用其获取刷新数据方法(还能获取到当前查询参数,方便导出携带参数)
const proTable = ref<ProTableInstance>();
// 获取用户信息(组织id)
const userStore = useUserStore();
// 数据源
const dataStore = reactive<any>({
columns: COLUMNS, //列表配置项
initParam: cloneDeep(RULE_FORM), // 初始化搜索条件|重置搜索条件
ruleForm: cloneDeep(RULE_FORM), // 搜索条件
formData: FORM_DATA, //搜索配置项
buttons: cloneDeep(BUTTON),
options: [], //规格型号
selectionList: [], //选中表格的行
loading: false
});
// 表格选择事件
const selectionChange = (selection: any) => {
dataStore.selectionList = selection;
};
const handleButtonClickCallback = (item: any) => {
const { type } = item;
btnClick[type](item);
};
// // 规格型号
// const remoteMethod1 = async (query: any) => {
// datas.loading = true;
// if (!query) {
// datas.loading = false;
// return;
// }
// let valClone = query.replace(/^\s*|\s*$/g, "");
// if (!valClone.length) {
// datas.loading = false;
// return;
// }
// const result = await getMaterialListApi(valClone);
// if (result.status === 200) {
// const { data } = result;
// datas.options = data;
// }
// datas.loading = false;
// };
watch(
() => userStore.orgCode,
newVal => {
dataStore.ruleForm.orgCode = newVal;
dataStore.initParam.orgCode = newVal;
},
{
immediate: true,
deep: true
}
);
</script>
<style scope lang="scss">
.down-dialog-box {
.el-dialog__body {
padding: 0 16px 40px;
}
}
</style>

View File

@@ -1,13 +0,0 @@
// 直接导出函数,无需额外包装对象
export const handleExport = (item: any) => {
console.log("导出操作", item);
};
export const handleRefresh = (item: any) => {
console.log("刷新操作", item);
};
export const btnClick: any = {
export: handleExport,
refresh: handleRefresh
};

View File

@@ -1,2 +0,0 @@
import { btnClick } from "./btnClick";
export { btnClick };

View File

@@ -0,0 +1,23 @@
export const BUTTON = [
{
text: "新增",
permission: "foundationSetShopBtnAdd",
type: "add",
props: {
type: "primary"
}
},
{
text: "导出",
permission: "foundationSetShopBtnExport",
type: "export"
// props: {
// type: "primary"
// }
},
{
text: "删除",
permission: "foundationSetShopBtnDel",
type: "del"
}
];

View File

@@ -0,0 +1,48 @@
export const DETAILS_FORM_DATA: any[] = [
{
prop: "org_number",
placeholder: "请输入",
type: "input",
label: "平台:",
disabled: false,
required: true,
class: "form-item1"
},
{
prop: "org_number",
placeholder: "请输入",
type: "input",
label: "平台店铺名称:",
disabled: false,
required: true,
class: "form-item1"
},
{
prop: "org_number",
placeholder: "请输入",
type: "select",
label: "订单接入系统:",
disabled: false,
required: true,
class: "form-item1"
},
{
prop: "org_number",
placeholder: "请输入",
type: "input",
label: "金蝶店铺名称:",
disabled: false,
required: true,
class: "form-item1"
},
{
prop: "org_number",
placeholder: "请输入",
type: "input",
label: "金蝶店铺编码:",
disabled: false,
required: true,
class: "form-item1"
}
];
export const DETAILS_RULE_FORM: any = {};

View File

@@ -0,0 +1,70 @@
interface FormItem {
prop: string;
label?: string;
placeholder?: string;
type: string;
isCopy?: boolean;
optionProps?: any;
startPlaceholder?: string;
endPlaceholder?: string;
options?: any;
isArray?: boolean;
startDate?: string; //开始时间(传入后台需要的参数)
endDate?: string; //结束时间(传入后台需要的参数)
startProp?: string;
endProp?: string;
isInteger?: boolean;
}
export const FORM_DATA: FormItem[] = [
{
prop: "org_number",
placeholder: "请输入平台",
type: "input",
label: "平台: "
},
{
prop: "org_number",
placeholder: "请输入平台店铺名称",
type: "input",
label: "平台店铺名称: "
},
{
prop: "org_number",
placeholder: "请输入金蝶店铺名称",
type: "input",
label: "金蝶店铺名称: "
},
{
prop: "org_number",
placeholder: "请输入聚水潭店铺名称",
type: "input",
label: "聚水潭店铺名称: "
},
{
prop: "org_number",
placeholder: "请输入领星店铺名称",
type: "input",
label: "领星店铺名称: "
},
{
prop: "org_number",
placeholder: "请输入更新人",
type: "input",
label: "更新人: "
},
{
prop: "Time",
type: "daterange",
options: [],
startPlaceholder: "更新开始日期",
endPlaceholder: "更新结束日期",
startDate: "updated_at",
// endDate: "createEndDate",
label: "更新时间: "
}
];
export const RULE_FORM = {
page: 1,
size: 50
};

View File

@@ -0,0 +1,57 @@
// import { RenderScope } from "@/components/ProTable/interface";
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "平台店铺名称",
prop: "material_number",
width: 200
},
{
align: "left",
label: "平台",
prop: "sku",
fixed: true,
width: 200
},
{
align: "left",
label: "订单接入系统",
prop: "material_name",
width: 200
},
{
align: "left",
label: "领星店铺名称",
prop: "org_name",
width: 200
},
{
align: "left",
label: "领星店铺SellerID",
prop: "product_line"
},
{
align: "left",
label: "金蝶店铺名称",
prop: "bar_code"
},
{
align: "left",
label: "金蝶店铺编码",
prop: "fnsku"
},
{
align: "left",
label: "更新人",
prop: "category_lv1"
},
{
align: "left",
label: "更新时间",
prop: "category_lv2"
}
];

View File

@@ -0,0 +1,164 @@
<!-- 店铺资料 -->
<template>
<div class="table-box">
<div style="padding-bottom: 16px">
<PermissionButton
:buttons="dataStore.buttons"
@handleButtonClickCallback="handleButtonClickCallback"
></PermissionButton>
</div>
<el-dialog v-model="dataStore.dialogVisible" width="660" :before-close="handleClose" title="新增店铺">
<DetailsSearch
:formData="dataStore.detailsFormData"
:ruleForm="dataStore.detailsRuleForm"
:labelWidth="dataStore.labelWidth"
:inline="true"
:isSearch="true"
ref="detailsRef"
/>
<template #footer>
<div class="dialog-footer">
<el-button @click="handleClose">取消</el-button>
<el-button type="primary" @click="handleCommit"> 确认 </el-button>
</div>
</template>
</el-dialog>
<ProTable
ref="proTableRef"
:columns="dataStore.columns"
:request-api="getMaterialListApi"
:init-param="dataStore.initParam"
@selectionChange="selectionChange"
>
<template v-slot:search>
<SearchForm
@search="handleSearch"
@reset="handleReset"
:searchParams="dataStore.initParam"
:formData="dataStore.formData"
/>
</template>
</ProTable>
</div>
</template>
<script setup lang="ts" name="foundationSetMaterial">
import ProTable from "@/components/ProTable/index.vue";
import SearchForm from "@/components/SearchForm/index.vue";
import PermissionButton from "@/components/PermissionButton/index.vue";
import { getMaterialListApi } from "@/api/modules/foundationMaterial";
import { useMsg } from "@/hooks/useMsg";
import { RULE_FORM, FORM_DATA, COLUMNS, BUTTON } from "./constant/list/index";
import { DETAILS_RULE_FORM, DETAILS_FORM_DATA } from "./constant/list/details";
//表格TS
import { ProTableInstance } from "@/components/ProTable/interface";
//深拷贝方法
import { cloneDeep } from "lodash-es";
// 获取 ProTable 元素,调用其获取刷新数据方法(还能获取到当前查询参数,方便导出携带参数)
const proTableRef = ref<ProTableInstance>();
const detailsRef = ref<any>(null);
// 数据源
const dataStore = reactive<any>({
columns: COLUMNS, //列表配置项
initParam: cloneDeep(RULE_FORM), // 初始化搜索条件|重置搜索条件
formData: FORM_DATA, //搜索配置项
buttons: cloneDeep(BUTTON),
options: [], //规格型号
labelWidth: "120px",
detailsFormData: cloneDeep(DETAILS_FORM_DATA),
detailsRuleForm: cloneDeep(DETAILS_RULE_FORM),
dialogVisible: false, //弹窗
selectionList: [] //选中表格的行
});
// 表格选择事件
const selectionChange = (selection: any) => {
dataStore.selectionList = selection;
};
//删除
const handleDel = () => {
console.log();
if (!dataStore.selectionList.length) {
useMsg("warning", "请选择数据 ");
return;
} else {
ElMessageBox.confirm("您确定进行删除操作吗?", "温馨提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(async () => {
let ids: any = [];
selectionList.forEach((item: any) => {
ids.push(item.id);
});
console.log(ids, "==========");
// const result = await getSubscribeDelApi(ids.join(","));
// if (result?.code === 0) {
// proTable?.value!.getTableList();
// useMsg("success", "删除成功 ");
// }
})
.catch(() => {});
}
};
//导出
const handleExport = async () => {
const result = await getSubscribeResetListExportApi(dataStore.initParam);
if (result?.code === 0) {
useMsg("success", "导出成功请前往导出列表中进行下载 ");
}
};
//顶部按钮点击事件
const handleButtonClickCallback = (item: any) => {
const { type } = item;
if (type === "del") {
return handleDel();
}
if (type === "export") {
return handleExport();
}
if (type === "add") {
dataStore.dialogVisible = true;
}
};
//弹窗取消
const handleClose = () => {
dataStore.detailsRuleForm = cloneDeep(DETAILS_RULE_FORM);
detailsRef?.value?.formElement?.resetFields();
dataStore.dialogVisible = false;
};
//弹窗确认
const handleCommit = () => {
dataStore.dialogVisible = false;
};
//搜索
const handleSearch = async (params: any) => {
dataStore.initParam = cloneDeep(params);
//这里需要等到表格刷新以后才去请求
nextTick(() => {
proTableRef?.value!.getTableList();
});
};
//重置
const handleReset = () => {
dataStore.initParam = cloneDeep(RULE_FORM);
//这里需要等到表格刷新以后才去请求
nextTick(() => {
proTableRef?.value!.getTableList();
});
};
</script>
<style scope lang="scss">
.down-dialog-box {
.el-dialog__body {
padding: 0 16px 40px;
}
}
.el-dialog .el-dialog__header {
padding: 8px 0;
font-weight: bold;
}
</style>

View File

@@ -1,4 +1,4 @@
<!-- 质检单 --> <!-- 订阅人列表 -->
<template> <template>
<div class="table-box"> <div class="table-box">
<div style="padding-bottom: 16px"> <div style="padding-bottom: 16px">

View File

@@ -1,4 +1,4 @@
<!-- 入库单 --> <!-- 入库单列表 -->
<template> <template>
<div class="table-box"> <div class="table-box">
<div style="padding-bottom: 16px"> <div style="padding-bottom: 16px">

File diff suppressed because one or more lines are too long