feat: 🚀 店铺资料
This commit is contained in:
4
src/components.d.ts
vendored
4
src/components.d.ts
vendored
@@ -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"];
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -1,7 +0,0 @@
|
|||||||
export const BUTTON = [
|
|
||||||
{
|
|
||||||
text: "导出",
|
|
||||||
permission: "reportManagementInstantBtnExport",
|
|
||||||
type: "export"
|
|
||||||
}
|
|
||||||
];
|
|
||||||
@@ -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
|
|
||||||
};
|
|
||||||
@@ -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
|
|
||||||
}
|
|
||||||
];
|
|
||||||
@@ -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>
|
|
||||||
@@ -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
|
|
||||||
};
|
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
<!-- 质检单 -->
|
<!-- 物料列表 -->
|
||||||
<template>
|
<template>
|
||||||
<div class="table-box">
|
<div class="table-box">
|
||||||
<div style="padding-bottom: 16px">
|
<div style="padding-bottom: 16px">
|
||||||
|
|||||||
@@ -1,7 +0,0 @@
|
|||||||
export const BUTTON = [
|
|
||||||
{
|
|
||||||
text: "导出",
|
|
||||||
permission: "reportManagementBoxInventoryBtnExport",
|
|
||||||
type: "export"
|
|
||||||
}
|
|
||||||
];
|
|
||||||
@@ -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 };
|
|
||||||
@@ -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
|
|
||||||
};
|
|
||||||
@@ -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
|
|
||||||
}
|
|
||||||
];
|
|
||||||
@@ -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>
|
|
||||||
@@ -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
|
|
||||||
};
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
import { btnClick } from "./btnClick";
|
|
||||||
export { btnClick };
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
export const BUTTON = [
|
|
||||||
{
|
|
||||||
text: "导出",
|
|
||||||
permission: "reportManagementMaterialBtnExport",
|
|
||||||
type: "export"
|
|
||||||
}
|
|
||||||
];
|
|
||||||
@@ -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 };
|
|
||||||
@@ -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
|
|
||||||
};
|
|
||||||
@@ -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
|
|
||||||
}
|
|
||||||
];
|
|
||||||
@@ -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>
|
|
||||||
@@ -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
|
|
||||||
};
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
import { btnClick } from "./btnClick";
|
|
||||||
export { btnClick };
|
|
||||||
23
src/views/foundation/set/shop/constant/list/button.ts
Normal file
23
src/views/foundation/set/shop/constant/list/button.ts
Normal 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"
|
||||||
|
}
|
||||||
|
];
|
||||||
48
src/views/foundation/set/shop/constant/list/details.ts
Normal file
48
src/views/foundation/set/shop/constant/list/details.ts
Normal 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 = {};
|
||||||
70
src/views/foundation/set/shop/constant/list/search.ts
Normal file
70
src/views/foundation/set/shop/constant/list/search.ts
Normal 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
|
||||||
|
};
|
||||||
57
src/views/foundation/set/shop/constant/list/table.ts
Normal file
57
src/views/foundation/set/shop/constant/list/table.ts
Normal 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"
|
||||||
|
}
|
||||||
|
];
|
||||||
164
src/views/foundation/set/shop/index.vue
Normal file
164
src/views/foundation/set/shop/index.vue
Normal 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>
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
<!-- 质检单 -->
|
<!-- 订阅人列表 -->
|
||||||
<template>
|
<template>
|
||||||
<div class="table-box">
|
<div class="table-box">
|
||||||
<div style="padding-bottom: 16px">
|
<div style="padding-bottom: 16px">
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<!-- 入库单 -->
|
<!-- 入库单列表 -->
|
||||||
<template>
|
<template>
|
||||||
<div class="table-box">
|
<div class="table-box">
|
||||||
<div style="padding-bottom: 16px">
|
<div style="padding-bottom: 16px">
|
||||||
|
|||||||
367
vite.config.ts.timestamp-1761094820807-dbd99bea932ef.mjs
Normal file
367
vite.config.ts.timestamp-1761094820807-dbd99bea932ef.mjs
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user