yangchunlong/new_wms_admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 🚀 订阅功能

Browse Source
This commit is contained in:
yangchunlong
2025-09-16 16:38:30 +08:00
parent eb1b66a066
commit d3a3ef2911
456 changed files with 40544 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/views/shipment/outbound/delivery/batchDetails.vue Normal file
View File

@@ -0,0 +1,84 @@
<template>
<div class="table-box">
<div class="card table-main">
<div style="padding-bottom: 10px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">基础信息</h3>
<DetailsSearch :formData="dataStore.formData" :ruleForm="dataStore.ruleForm" :labelWidth="dataStore.labelWidth" />
</div>
<div style="padding-top: 16px; padding-bottom: 16px">
<h3 style="margin: 10px">物料信息</h3>
<el-table :data="tableData" border height="300" style="width: 100%; margin-top: 20px">
<el-table-column prop="id" label="ID" width="180" />
<el-table-column prop="name" label="Name" />
<el-table-column prop="amount1" label="Cost 1 ($)" />
<el-table-column prop="amount2" label="Cost 2 ($)" />
<el-table-column prop="amount3" label="Cost 3 ($)" />
</el-table>
</div>
<div style="padding-top: 16px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">操作信息</h3>
<DetailsSearch
:formData="dataStore.formData1"
:ruleForm="dataStore.ruleForm1"
:labelWidth="dataStore.labelWidth"
/>
</div>
</div>
</div>
</template>
<script setup lang="ts" name="shipmentOutboundPickingBatchDetails">
import { cloneDeep } from "lodash-es";
import DetailsSearch from "@/components/DetailsSearch/index.vue";
import { FORM_DATA, RULE_FORM, RULE_FORM1, FORM_DATA1 } from "./constant/batchDetails/search";
const dataStore = reactive<any>({
labelWidth: "165px",
ruleForm: cloneDeep(RULE_FORM), // 表单值
formData: cloneDeep(FORM_DATA), //表单配置项
ruleForm1: cloneDeep(RULE_FORM1), // 表单值
formData1: cloneDeep(FORM_DATA1) //表单配置项
});
const tableData: any[] = [
{
id: "12987122",
name: "Tom",
amount1: "234",
amount2: "3.2",
amount3: 10
},
{
id: "12987123",
name: "Tom",
amount1: "165",
amount2: "4.43",
amount3: 12
},
{
id: "12987124",
name: "Tom",
amount1: "324",
amount2: "1.9",
amount3: 9
},
{
id: "12987125",
name: "Tom",
amount1: "621",
amount2: "2.2",
amount3: 17
},
{
id: "12987126",
name: "Tom",
amount1: "539",
amount2: "4.1",
amount3: 15
}
];
</script>
<style scoped></style>

1
src/views/shipment/outbound/delivery/constant/batchDetails/button.ts Normal file
View File

@@ -0,0 +1 @@
export const BUTTON = [];

111
src/views/shipment/outbound/delivery/constant/batchDetails/search.ts Normal file
View File

@@ -0,0 +1,111 @@
export const FORM_DATA: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入发货单号",
type: "input",
label: "发货单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货状态",
type: "input",
label: "发货状态：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入销售订单/线上单号",
type: "input",
label: "销售订单/线上单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入收货客户",
type: "input",
label: "收货客户：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入仓库",
type: "input",
label: "拣货类型：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入组织",
type: "input",
label: "组织：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货仓库",
type: "input",
label: "发货仓库：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入创建时间",
type: "input",
label: "创建时间：",
disabled: true,
required: false
}
];
export const RULE_FORM: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};
export const FORM_DATA1: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入回退人",
type: "input",
label: "回退人：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入回退时间",
type: "input",
label: "回退时间：",
disabled: true,
required: false
}
];
export const RULE_FORM1: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};

143
src/views/shipment/outbound/delivery/constant/batchDetails/table.ts Normal file
View File

@@ -0,0 +1,143 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "收货单号",
prop: "lotNumber",
width: 260
},
{
align: "left",
label: "收货状态",
prop: "specifications",
width: 260
},
{
align: "left",
label: "销售订单号",
prop: "materialName",
width: 260
},
{
align: "left",
label: "来源单号",
prop: "materialNumber",
width: 260
},
{
align: "left",
label: "收货类型",
prop: "generateComplete",
width: 160
},
{
align: "left",
label: "供应商",
prop: "downLoadNumber",
width: 120
},
{
align: "left",
label: "组织",
prop: "createTime",
width: 160
},
{
align: "left",
label: "规格型号",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料编码",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料名称",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "子仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "应收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实入库数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货人",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "是否作废",
prop: "creator",
width: 160
},
{
align: "left",
label: "创建时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "期望交期",
prop: "creator",
width: 160
}
];

15
src/views/shipment/outbound/delivery/constant/list/button.ts Normal file
View File

@@ -0,0 +1,15 @@
export const BUTTON = [
{
text: "重传",
permission: "shipmentOutboundDeliveryBtnRetransmission",
type: "retransmission",
props: {
type: "primary"
}
},
{
text: "导出",
permission: "shipmentOutboundDeliveryBtnExport",
type: "export"
}
];

4
src/views/shipment/outbound/delivery/constant/list/index.ts Normal file
View File

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

112
src/views/shipment/outbound/delivery/constant/list/search.ts Normal file
View File

@@ -0,0 +1,112 @@
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: "lotNumbers",
placeholder: "请选择仓库",
type: "select",
isArray: true,
label: "仓库: ",
options: []
},
{
prop: "Time",
type: "daterange",
options: [],
startPlaceholder: "收货开始日期",
endPlaceholder: "收货结束日期",
startDate: "createBeginDate",
endDate: "createEndDate",
label: "收货时间: "
},
{
prop: "lotNumbers",
placeholder: "请选择供应商",
type: "select",
isArray: true,
label: "供应商: ",
options: []
},
{
prop: "materialNumber",
placeholder: "请输入物料编码",
type: "selectRemote1",
isArray: true,
options: [],
label: "物料编码: "
},
{
prop: "lotNumbers",
placeholder: "请选择收货状态",
type: "select",
isArray: true,
label: "收货状态: ",
options: []
},
{
prop: "lotNumbers",
placeholder: "请选择组织",
type: "select",
isArray: true,
label: "组织: "
},
{
prop: "securityNumbers",
placeholder: "请输入收货人",
type: "input",
isArray: true,
label: "收货人: "
},
{
prop: "securityNumbers",
placeholder: "请输入箱号",
type: "input",
isArray: true,
label: "箱号: "
},
{
prop: "securityNumbers",
placeholder: "请输入序列号",
type: "input",
isArray: true,
label: "序列号: "
}
];
export const RULE_FORM = {
page: 1,
size: 50,
orgCode: 0
};

143
src/views/shipment/outbound/delivery/constant/list/table.ts Normal file
View File

@@ -0,0 +1,143 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "收货单号",
prop: "lotNumber",
width: 260
},
{
align: "left",
label: "收货状态",
prop: "specifications",
width: 260
},
{
align: "left",
label: "销售订单号",
prop: "materialName",
width: 260
},
{
align: "left",
label: "来源单号",
prop: "materialNumber",
width: 260
},
{
align: "left",
label: "收货类型",
prop: "generateComplete",
width: 160
},
{
align: "left",
label: "供应商",
prop: "downLoadNumber",
width: 120
},
{
align: "left",
label: "组织",
prop: "createTime",
width: 160
},
{
align: "left",
label: "规格型号",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料编码",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料名称",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "子仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "应收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实入库数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货人",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "是否作废",
prop: "creator",
width: 160
},
{
align: "left",
label: "创建时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "期望交期",
prop: "creator",
width: 160
}
];

1
src/views/shipment/outbound/delivery/constant/orderDetails/button.ts Normal file
View File

@@ -0,0 +1 @@
export const BUTTON = [];

111
src/views/shipment/outbound/delivery/constant/orderDetails/search.ts Normal file
View File

@@ -0,0 +1,111 @@
export const FORM_DATA: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入发货单号",
type: "input",
label: "发货单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货状态",
type: "input",
label: "发货状态：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入销售订单/线上单号",
type: "input",
label: "销售订单/线上单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入收货客户",
type: "input",
label: "收货客户：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入仓库",
type: "input",
label: "拣货类型：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入组织",
type: "input",
label: "组织：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货仓库",
type: "input",
label: "发货仓库：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入创建时间",
type: "input",
label: "创建时间：",
disabled: true,
required: false
}
];
export const RULE_FORM: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};
export const FORM_DATA1: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入回退人",
type: "input",
label: "回退人：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入回退时间",
type: "input",
label: "回退时间：",
disabled: true,
required: false
}
];
export const RULE_FORM1: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};

143
src/views/shipment/outbound/delivery/constant/orderDetails/table.ts Normal file
View File

@@ -0,0 +1,143 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "收货单号",
prop: "lotNumber",
width: 260
},
{
align: "left",
label: "收货状态",
prop: "specifications",
width: 260
},
{
align: "left",
label: "销售订单号",
prop: "materialName",
width: 260
},
{
align: "left",
label: "来源单号",
prop: "materialNumber",
width: 260
},
{
align: "left",
label: "收货类型",
prop: "generateComplete",
width: 160
},
{
align: "left",
label: "供应商",
prop: "downLoadNumber",
width: 120
},
{
align: "left",
label: "组织",
prop: "createTime",
width: 160
},
{
align: "left",
label: "规格型号",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料编码",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料名称",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "子仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "应收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实入库数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货人",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "是否作废",
prop: "creator",
width: 160
},
{
align: "left",
label: "创建时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "期望交期",
prop: "creator",
width: 160
}
];

110
src/views/shipment/outbound/delivery/index.vue Normal file
View File

@@ -0,0 +1,110 @@
<!-- 质检单 -->
<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"
>
<template #boxBillNo="scope">
<a @click="handleOpen(scope.row)" class="break-word to-details">
{{ scope.row.boxBillNo }}
</a>
</template>
</ProTable>
</div>
</template>
<script setup lang="ts" name="shipmentOutboundPicking">
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 { useRouter } from "vue-router";
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>();
const $router = useRouter();
// 获取用户信息(组织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) => {
btnClick[item?.type](item, $router);
};
// // 规格型号
// 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;
// };
const handleOpen = (row: any) => {
console.log(row);
};
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>

20
src/views/shipment/outbound/delivery/init/btnClick.ts Normal file
View File

@@ -0,0 +1,20 @@
// 直接导出函数，无需额外包装对象
export const handleAdd = (item: any, $router: any) => {
console.log(item);
$router.push({ path: "/receipt/warehousing/receiptOrder/add" });
};
export const handleExport = (item: any) => {
console.log("导出操作", item);
};
export const handleRefresh = (item: any) => {
console.log("刷新操作", item);
};
export const btnClick: any = {
export: handleExport,
refresh: handleRefresh,
add: handleAdd
};

2
src/views/shipment/outbound/delivery/init/index.ts Normal file
View File

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

86
src/views/shipment/outbound/delivery/orderDetails.vue Normal file
View File

@@ -0,0 +1,86 @@
<template>
<div class="table-box">
<div class="card table-main">
<div style="padding-bottom: 10px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">基础信息</h3>
<DetailsSearch :formData="dataStore.formData" :ruleForm="dataStore.ruleForm" :labelWidth="dataStore.labelWidth" />
</div>
<div style="padding-top: 16px; padding-bottom: 16px">
<h3 style="margin: 10px">物料信息</h3>
<el-table :data="tableData" border height="300" style="width: 100%; margin-top: 20px">
<el-table-column prop="id" label="ID" width="180" />
<el-table-column prop="name" label="Name" />
<el-table-column prop="amount1" label="Cost 1 ($)" />
<el-table-column prop="amount2" label="Cost 2 ($)" />
<el-table-column prop="amount3" label="Cost 3 ($)" />
</el-table>
</div>
<div style="padding-top: 16px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">操作信息</h3>
<DetailsSearch
:formData="dataStore.formData1"
:ruleForm="dataStore.ruleForm1"
:labelWidth="dataStore.labelWidth"
/>
</div>
</div>
</div>
</template>
<script setup lang="ts" name="shipmentOutboundPickingOrderDetails">
import { cloneDeep } from "lodash-es";
import DetailsSearch from "@/components/DetailsSearch/index.vue";
import { FORM_DATA, RULE_FORM, RULE_FORM1, FORM_DATA1 } from "./constant/orderDetails/search";
// import {BUTTON} './constant/batchDetails/button'
const dataStore = reactive<any>({
labelWidth: "165px",
// buttons: cloneDeep(BUTTON),
ruleForm: cloneDeep(RULE_FORM), // 表单值
formData: cloneDeep(FORM_DATA), //表单配置项
ruleForm1: cloneDeep(RULE_FORM1), // 表单值
formData1: cloneDeep(FORM_DATA1) //表单配置项
});
const tableData: any[] = [
{
id: "12987122",
name: "Tom",
amount1: "234",
amount2: "3.2",
amount3: 10
},
{
id: "12987123",
name: "Tom",
amount1: "165",
amount2: "4.43",
amount3: 12
},
{
id: "12987124",
name: "Tom",
amount1: "324",
amount2: "1.9",
amount3: 9
},
{
id: "12987125",
name: "Tom",
amount1: "621",
amount2: "2.2",
amount3: 17
},
{
id: "12987126",
name: "Tom",
amount1: "539",
amount2: "4.1",
amount3: 15
}
];
// const handleButtonClickCallback = () => {};
</script>
<style scoped></style>

84
src/views/shipment/outbound/picking/batchDetails.vue Normal file
View File

@@ -0,0 +1,84 @@
<template>
<div class="table-box">
<div class="card table-main">
<div style="padding-bottom: 10px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">基础信息</h3>
<DetailsSearch :formData="dataStore.formData" :ruleForm="dataStore.ruleForm" :labelWidth="dataStore.labelWidth" />
</div>
<div style="padding-top: 16px; padding-bottom: 16px">
<h3 style="margin: 10px">物料信息</h3>
<el-table :data="tableData" border height="300" style="width: 100%; margin-top: 20px">
<el-table-column prop="id" label="ID" width="180" />
<el-table-column prop="name" label="Name" />
<el-table-column prop="amount1" label="Cost 1 ($)" />
<el-table-column prop="amount2" label="Cost 2 ($)" />
<el-table-column prop="amount3" label="Cost 3 ($)" />
</el-table>
</div>
<div style="padding-top: 16px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">操作信息</h3>
<DetailsSearch
:formData="dataStore.formData1"
:ruleForm="dataStore.ruleForm1"
:labelWidth="dataStore.labelWidth"
/>
</div>
</div>
</div>
</template>
<script setup lang="ts" name="shipmentOutboundDeliveryBatchDetails">
import { cloneDeep } from "lodash-es";
import DetailsSearch from "@/components/DetailsSearch/index.vue";
import { FORM_DATA, RULE_FORM, RULE_FORM1, FORM_DATA1 } from "./constant/batchDetails/search";
const dataStore = reactive<any>({
labelWidth: "165px",
ruleForm: cloneDeep(RULE_FORM), // 表单值
formData: cloneDeep(FORM_DATA), //表单配置项
ruleForm1: cloneDeep(RULE_FORM1), // 表单值
formData1: cloneDeep(FORM_DATA1) //表单配置项
});
const tableData: any[] = [
{
id: "12987122",
name: "Tom",
amount1: "234",
amount2: "3.2",
amount3: 10
},
{
id: "12987123",
name: "Tom",
amount1: "165",
amount2: "4.43",
amount3: 12
},
{
id: "12987124",
name: "Tom",
amount1: "324",
amount2: "1.9",
amount3: 9
},
{
id: "12987125",
name: "Tom",
amount1: "621",
amount2: "2.2",
amount3: 17
},
{
id: "12987126",
name: "Tom",
amount1: "539",
amount2: "4.1",
amount3: 15
}
];
</script>
<style scoped></style>

1
src/views/shipment/outbound/picking/constant/batchDetails/button.ts Normal file
View File

@@ -0,0 +1 @@
export const BUTTON = [];

111
src/views/shipment/outbound/picking/constant/batchDetails/search.ts Normal file
View File

@@ -0,0 +1,111 @@
export const FORM_DATA: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入发货单号",
type: "input",
label: "发货单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货状态",
type: "input",
label: "发货状态：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入销售订单/线上单号",
type: "input",
label: "销售订单/线上单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入收货客户",
type: "input",
label: "收货客户：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入仓库",
type: "input",
label: "拣货类型：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入组织",
type: "input",
label: "组织：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货仓库",
type: "input",
label: "发货仓库：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入创建时间",
type: "input",
label: "创建时间：",
disabled: true,
required: false
}
];
export const RULE_FORM: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};
export const FORM_DATA1: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入回退人",
type: "input",
label: "回退人：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入回退时间",
type: "input",
label: "回退时间：",
disabled: true,
required: false
}
];
export const RULE_FORM1: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};

143
src/views/shipment/outbound/picking/constant/batchDetails/table.ts Normal file
View File

@@ -0,0 +1,143 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "收货单号",
prop: "lotNumber",
width: 260
},
{
align: "left",
label: "收货状态",
prop: "specifications",
width: 260
},
{
align: "left",
label: "销售订单号",
prop: "materialName",
width: 260
},
{
align: "left",
label: "来源单号",
prop: "materialNumber",
width: 260
},
{
align: "left",
label: "收货类型",
prop: "generateComplete",
width: 160
},
{
align: "left",
label: "供应商",
prop: "downLoadNumber",
width: 120
},
{
align: "left",
label: "组织",
prop: "createTime",
width: 160
},
{
align: "left",
label: "规格型号",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料编码",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料名称",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "子仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "应收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实入库数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货人",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "是否作废",
prop: "creator",
width: 160
},
{
align: "left",
label: "创建时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "期望交期",
prop: "creator",
width: 160
}
];

7
src/views/shipment/outbound/picking/constant/list/button.ts Normal file
View File

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

4
src/views/shipment/outbound/picking/constant/list/index.ts Normal file
View File

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

112
src/views/shipment/outbound/picking/constant/list/search.ts Normal file
View File

@@ -0,0 +1,112 @@
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: "lotNumbers",
placeholder: "请选择仓库",
type: "select",
isArray: true,
label: "仓库: ",
options: []
},
{
prop: "Time",
type: "daterange",
options: [],
startPlaceholder: "收货开始日期",
endPlaceholder: "收货结束日期",
startDate: "createBeginDate",
endDate: "createEndDate",
label: "收货时间: "
},
{
prop: "lotNumbers",
placeholder: "请选择供应商",
type: "select",
isArray: true,
label: "供应商: ",
options: []
},
{
prop: "materialNumber",
placeholder: "请输入物料编码",
type: "selectRemote1",
isArray: true,
options: [],
label: "物料编码: "
},
{
prop: "lotNumbers",
placeholder: "请选择收货状态",
type: "select",
isArray: true,
label: "收货状态: ",
options: []
},
{
prop: "lotNumbers",
placeholder: "请选择组织",
type: "select",
isArray: true,
label: "组织: "
},
{
prop: "securityNumbers",
placeholder: "请输入收货人",
type: "input",
isArray: true,
label: "收货人: "
},
{
prop: "securityNumbers",
placeholder: "请输入箱号",
type: "input",
isArray: true,
label: "箱号: "
},
{
prop: "securityNumbers",
placeholder: "请输入序列号",
type: "input",
isArray: true,
label: "序列号: "
}
];
export const RULE_FORM = {
page: 1,
size: 50,
orgCode: 0
};

143
src/views/shipment/outbound/picking/constant/list/table.ts Normal file
View File

@@ -0,0 +1,143 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "收货单号",
prop: "lotNumber",
width: 260
},
{
align: "left",
label: "收货状态",
prop: "specifications",
width: 260
},
{
align: "left",
label: "销售订单号",
prop: "materialName",
width: 260
},
{
align: "left",
label: "来源单号",
prop: "materialNumber",
width: 260
},
{
align: "left",
label: "收货类型",
prop: "generateComplete",
width: 160
},
{
align: "left",
label: "供应商",
prop: "downLoadNumber",
width: 120
},
{
align: "left",
label: "组织",
prop: "createTime",
width: 160
},
{
align: "left",
label: "规格型号",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料编码",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料名称",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "子仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "应收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实入库数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货人",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "是否作废",
prop: "creator",
width: 160
},
{
align: "left",
label: "创建时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "期望交期",
prop: "creator",
width: 160
}
];

10
src/views/shipment/outbound/picking/constant/orderDetails/button.ts Normal file
View File

@@ -0,0 +1,10 @@
export const BUTTON = [
{
text: "保存",
permission: "shipmentOutboundPickingOrderDetailsBtnSave",
type: "commit",
props: {
type: "primary"
}
}
];

111
src/views/shipment/outbound/picking/constant/orderDetails/search.ts Normal file
View File

@@ -0,0 +1,111 @@
export const FORM_DATA: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入发货单号",
type: "input",
label: "发货单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货状态",
type: "input",
label: "发货状态：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入销售订单/线上单号",
type: "input",
label: "销售订单/线上单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入收货客户",
type: "input",
label: "收货客户：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入仓库",
type: "input",
label: "拣货类型：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入组织",
type: "input",
label: "组织：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货仓库",
type: "input",
label: "发货仓库：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入创建时间",
type: "input",
label: "创建时间：",
disabled: true,
required: false
}
];
export const RULE_FORM: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};
export const FORM_DATA1: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入回退人",
type: "input",
label: "回退人：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入回退时间",
type: "input",
label: "回退时间：",
disabled: true,
required: false
}
];
export const RULE_FORM1: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};

143
src/views/shipment/outbound/picking/constant/orderDetails/table.ts Normal file
View File

@@ -0,0 +1,143 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "收货单号",
prop: "lotNumber",
width: 260
},
{
align: "left",
label: "收货状态",
prop: "specifications",
width: 260
},
{
align: "left",
label: "销售订单号",
prop: "materialName",
width: 260
},
{
align: "left",
label: "来源单号",
prop: "materialNumber",
width: 260
},
{
align: "left",
label: "收货类型",
prop: "generateComplete",
width: 160
},
{
align: "left",
label: "供应商",
prop: "downLoadNumber",
width: 120
},
{
align: "left",
label: "组织",
prop: "createTime",
width: 160
},
{
align: "left",
label: "规格型号",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料编码",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料名称",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "子仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "应收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实入库数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货人",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "是否作废",
prop: "creator",
width: 160
},
{
align: "left",
label: "创建时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "期望交期",
prop: "creator",
width: 160
}
];

110
src/views/shipment/outbound/picking/index.vue Normal file
View File

@@ -0,0 +1,110 @@
<!-- 质检单 -->
<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"
>
<template #boxBillNo="scope">
<a @click="handleOpen(scope.row)" class="break-word to-details">
{{ scope.row.boxBillNo }}
</a>
</template>
</ProTable>
</div>
</template>
<script setup lang="ts" name="shipmentOutboundPicking">
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 { useRouter } from "vue-router";
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>();
const $router = useRouter();
// 获取用户信息(组织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) => {
btnClick[item?.type](item, $router);
};
// // 规格型号
// 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;
// };
const handleOpen = (row: any) => {
console.log(row);
};
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>

20
src/views/shipment/outbound/picking/init/btnClick.ts Normal file
View File

@@ -0,0 +1,20 @@
// 直接导出函数，无需额外包装对象
export const handleAdd = (item: any, $router: any) => {
console.log(item);
$router.push({ path: "/receipt/warehousing/receiptOrder/add" });
};
export const handleExport = (item: any) => {
console.log("导出操作", item);
};
export const handleRefresh = (item: any) => {
console.log("刷新操作", item);
};
export const btnClick: any = {
export: handleExport,
refresh: handleRefresh,
add: handleAdd
};

2
src/views/shipment/outbound/picking/init/index.ts Normal file
View File

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

93
src/views/shipment/outbound/picking/orderDetails.vue Normal file
View File

@@ -0,0 +1,93 @@
<template>
<div class="table-box">
<div style="padding-bottom: 16px">
<PermissionButton
:buttons="dataStore.buttons"
@handleButtonClickCallback="handleButtonClickCallback"
></PermissionButton>
</div>
<div class="card table-main">
<div style="padding-bottom: 10px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">基础信息</h3>
<DetailsSearch :formData="dataStore.formData" :ruleForm="dataStore.ruleForm" :labelWidth="dataStore.labelWidth" />
</div>
<div style="padding-top: 16px; padding-bottom: 16px">
<h3 style="margin: 10px">物料信息</h3>
<el-table :data="tableData" border height="300" style="width: 100%; margin-top: 20px">
<el-table-column prop="id" label="ID" width="180" />
<el-table-column prop="name" label="Name" />
<el-table-column prop="amount1" label="Cost 1 ($)" />
<el-table-column prop="amount2" label="Cost 2 ($)" />
<el-table-column prop="amount3" label="Cost 3 ($)" />
</el-table>
</div>
<div style="padding-top: 16px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">操作信息</h3>
<DetailsSearch
:formData="dataStore.formData1"
:ruleForm="dataStore.ruleForm1"
:labelWidth="dataStore.labelWidth"
/>
</div>
</div>
</div>
</template>
<script setup lang="ts" name="shipmentOutboundDeliveryOrderDetails">
import { cloneDeep } from "lodash-es";
import DetailsSearch from "@/components/DetailsSearch/index.vue";
import PermissionButton from "@/components/PermissionButton/index.vue";
import { BUTTON } from "./constant/orderDetails/button";
import { FORM_DATA, RULE_FORM, RULE_FORM1, FORM_DATA1 } from "./constant/orderDetails/search";
const dataStore = reactive<any>({
labelWidth: "165px",
buttons: cloneDeep(BUTTON),
ruleForm: cloneDeep(RULE_FORM), // 表单值
formData: cloneDeep(FORM_DATA), //表单配置项
ruleForm1: cloneDeep(RULE_FORM1), // 表单值
formData1: cloneDeep(FORM_DATA1) //表单配置项
});
const tableData: any[] = [
{
id: "12987122",
name: "Tom",
amount1: "234",
amount2: "3.2",
amount3: 10
},
{
id: "12987123",
name: "Tom",
amount1: "165",
amount2: "4.43",
amount3: 12
},
{
id: "12987124",
name: "Tom",
amount1: "324",
amount2: "1.9",
amount3: 9
},
{
id: "12987125",
name: "Tom",
amount1: "621",
amount2: "2.2",
amount3: 17
},
{
id: "12987126",
name: "Tom",
amount1: "539",
amount2: "4.1",
amount3: 15
}
];
const handleButtonClickCallback = () => {};
</script>
<style scoped></style>

90
src/views/shipment/outbound/shipmentOrder/add.vue Normal file
View File

@@ -0,0 +1,90 @@
<template>
<div class="table-box">
<div style="padding-bottom: 16px">
<PermissionButton
:buttons="dataStore.buttons"
@handleButtonClickCallback="handleButtonClickCallback"
></PermissionButton>
</div>
<div class="card table-main">
<div style="padding-bottom: 10px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">基础信息</h3>
<DetailsSearch
:formData="dataStore.formData"
:ruleForm="dataStore.ruleForm"
:labelWidth="dataStore.labelWidth"
@getSearchValue="getSearchValue"
/>
</div>
<div style="padding-top: 16px">
<h3 style="margin: 10px">明细</h3>
<FormTable
:columns="dataStore.formTableColumns"
:tableData="dataStore.formTableData"
@handleKeyupEnterInputValue="handleKeyupEnterInputValue"
ref="formTableRef"
>
<template #operation="scope">
<el-button
type="primary"
size="small"
@click="handleMxAdd()"
v-if="scope.$index === dataStore.formTableData.length - 1"
>新增</el-button
>
<el-button size="small" @click="handleDelete(scope)">删除</el-button>
</template>
</FormTable>
</div>
</div>
</div>
</template>
<script setup lang="ts" name="shipmentOutboundShipmentOrderAdd">
import { cloneDeep } from "lodash-es";
import DetailsSearch from "@/components/DetailsSearch/index.vue";
import FormTable from "@/components/FormTable/index.vue";
import PermissionButton from "@/components/PermissionButton/index.vue";
import { FORM_DATA, RULE_FORM, FORM_TABLE_COLUMNS, FORM_TABLE_DATA, FORM_TABLE_DATA_INIT } from "./constant/add";
import { useMsg } from "@/hooks/useMsg";
import { BUTTON } from "./constant/add/button";
const dataStore = reactive<any>({
labelWidth: "155px",
buttons: BUTTON,
ruleForm: cloneDeep(RULE_FORM), // 表单值
formData: cloneDeep(FORM_DATA), //表单配置项
formTableColumns: cloneDeep(FORM_TABLE_COLUMNS), //可编辑表格配置项
formTableData: cloneDeep(FORM_TABLE_DATA) //可编辑表格配置项
});
// 获取单据头数据
const getSearchValue = (params: any) => {
if (!params) {
return false;
}
const { val } = params;
console.log(val, "========val========");
};
const handleKeyupEnterInputValue = () => {};
//明细新增
const handleMxAdd = () => {
dataStore.formTableData.push(FORM_TABLE_DATA_INIT);
};
//明细删除
const handleDelete = (scope: any) => {
if (dataStore.formTableData.length === 1) {
useMsg("warning", "最少保留一行数据 ! ");
return;
}
dataStore.formTableData.splice(scope.$index, 1);
};
//顶部按钮回调
const handleButtonClickCallback = (item: any) => {
const { type } = item;
console.log(type, "==========>");
};
</script>
<style scoped></style>

15
src/views/shipment/outbound/shipmentOrder/constant/add/button.ts Normal file
View File

@@ -0,0 +1,15 @@
export const BUTTON = [
{
text: "保存",
permission: "shipmentOutboundShipmentOrderAddBtnSave",
type: "commit",
props: {
type: "primary"
}
},
{
text: "提交",
permission: "shipmentOutboundShipmentOrderAddBtnCommit",
type: "commit"
}
];

198
src/views/shipment/outbound/shipmentOrder/constant/add/index.ts Normal file
View File

@@ -0,0 +1,198 @@
export const FORM_DATA: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入发货单号",
type: "input",
label: "发货单号：",
disabled: false,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货状态",
type: "input",
label: "发货状态：",
disabled: false,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: false,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入销售订单/线上单号",
type: "input",
label: "销售订单/线上单号：",
disabled: false,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入收货客户",
type: "input",
label: "收货客户：",
disabled: false,
required: false
},
{
prop: "orderBillNo",
placeholder: "请选择来源类型",
type: "select",
options: [],
label: "来源类型：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请选择拣货类型",
type: "select",
options: [],
label: "拣货类型：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请选择组织",
type: "select",
options: [],
label: "组织：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请选择发货仓库",
type: "select",
options: [],
label: "发货仓库：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入创建时间：",
type: "input",
label: "创建时间：",
disabled: false,
required: false
}
];
export const RULE_FORM: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};
export const FORM_TABLE_DATA = [
{
serialNumber: "",
specifications: "",
barCode: "",
materialName: "",
materialNumber: "",
isOldData: false
}
];
//用于增加的时候默认数据
export const FORM_TABLE_DATA_INIT = {
serialNumber: "",
specifications: "",
barCode: "",
materialName: "",
materialNumber: "",
isOldData: false
};
export const FORM_TABLE_COLUMNS = [
{
label: "操作",
prop: "operation",
disabled: false,
isHeaderIcon: false,
fixed: true,
width: 180
},
{
label: "规格型号",
prop: "serialNumber",
disabled: false,
isHeaderIcon: true,
formType: "input",
fixed: true,
required: true,
options: []
},
{
label: "物料编码",
prop: "numberCode",
formType: "input",
isHeaderIcon: true,
required: true,
fixed: true,
disabled: false
},
{
label: "物料名称",
prop: "numberCode",
formType: "input",
isHeaderIcon: true,
required: true,
fixed: true,
disabled: false
},
{
label: "应收货数量",
prop: "numberCode",
formType: "input",
isHeaderIcon: true,
required: true,
fixed: true,
disabled: false
},
{
label: "单价",
prop: "numberCode",
formType: "input",
required: false,
disabled: false
},
{
label: "金额",
prop: "numberCode",
formType: "input",
required: false,
disabled: false
},
{
label: "含税单价",
prop: "numberCode",
formType: "input",
required: false,
disabled: false
},
{
label: "价税合计",
prop: "numberCode",
formType: "input",
required: false,
disabled: false
},
{
label: "订单明细备注",
prop: "numberCode",
formType: "input",
required: false,
disabled: false
}
];

10
src/views/shipment/outbound/shipmentOrder/constant/details/button.ts Normal file
View File

@@ -0,0 +1,10 @@
export const BUTTON = [
{
text: "更新物流",
permission: "shipmentOutboundShipmentOrderAddBtnUpData",
type: "commit",
props: {
type: "primary"
}
}
];

111
src/views/shipment/outbound/shipmentOrder/constant/details/search.ts Normal file
View File

@@ -0,0 +1,111 @@
export const FORM_DATA: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入发货单号",
type: "input",
label: "发货单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货状态",
type: "input",
label: "发货状态：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入销售订单/线上单号",
type: "input",
label: "销售订单/线上单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入收货客户",
type: "input",
label: "收货客户：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入仓库",
type: "input",
label: "拣货类型：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入组织",
type: "input",
label: "组织：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货仓库",
type: "input",
label: "发货仓库：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入创建时间",
type: "input",
label: "创建时间：",
disabled: true,
required: false
}
];
export const RULE_FORM: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};
export const FORM_DATA1: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入回退人",
type: "input",
label: "回退人：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入回退时间",
type: "input",
label: "回退时间：",
disabled: true,
required: false
}
];
export const RULE_FORM1: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};

143
src/views/shipment/outbound/shipmentOrder/constant/details/table.ts Normal file
View File

@@ -0,0 +1,143 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "收货单号",
prop: "lotNumber",
width: 260
},
{
align: "left",
label: "收货状态",
prop: "specifications",
width: 260
},
{
align: "left",
label: "销售订单号",
prop: "materialName",
width: 260
},
{
align: "left",
label: "来源单号",
prop: "materialNumber",
width: 260
},
{
align: "left",
label: "收货类型",
prop: "generateComplete",
width: 160
},
{
align: "left",
label: "供应商",
prop: "downLoadNumber",
width: 120
},
{
align: "left",
label: "组织",
prop: "createTime",
width: 160
},
{
align: "left",
label: "规格型号",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料编码",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料名称",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "子仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "应收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实入库数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货人",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "是否作废",
prop: "creator",
width: 160
},
{
align: "left",
label: "创建时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "期望交期",
prop: "creator",
width: 160
}
];

40
src/views/shipment/outbound/shipmentOrder/constant/list/button.ts Normal file
View File

@@ -0,0 +1,40 @@
export const BUTTON = [
{
text: "新增",
permission: "shipmentOutboundShipmentOrderBtnAdd",
type: "add",
props: {
type: "primary"
}
},
{
text: "合并",
permission: "shipmentOutboundShipmentOrderBtnMerge",
type: "merge"
},
{
text: "作废",
permission: "shipmentOutboundShipmentOrderBtnVoid",
type: "void"
},
{
text: "反作废",
permission: "shipmentOutboundShipmentOrderBtnNoVoid",
type: "noVoid"
},
{
text: "刷新",
permission: "shipmentOutboundShipmentOrderBtnRefresh",
type: "refresh"
},
{
text: "导出",
permission: "shipmentOutboundShipmentOrderBtnExport",
type: "export"
},
{
text: "完成",
permission: "shipmentOutboundShipmentOrderBtnComplete",
type: "complete"
}
];

4
src/views/shipment/outbound/shipmentOrder/constant/list/index.ts Normal file
View File

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

112
src/views/shipment/outbound/shipmentOrder/constant/list/search.ts Normal file
View File

@@ -0,0 +1,112 @@
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: "lotNumbers",
placeholder: "请选择仓库",
type: "select",
isArray: true,
label: "仓库: ",
options: []
},
{
prop: "Time",
type: "daterange",
options: [],
startPlaceholder: "收货开始日期",
endPlaceholder: "收货结束日期",
startDate: "createBeginDate",
endDate: "createEndDate",
label: "收货时间: "
},
{
prop: "lotNumbers",
placeholder: "请选择供应商",
type: "select",
isArray: true,
label: "供应商: ",
options: []
},
{
prop: "materialNumber",
placeholder: "请输入物料编码",
type: "selectRemote1",
isArray: true,
options: [],
label: "物料编码: "
},
{
prop: "lotNumbers",
placeholder: "请选择收货状态",
type: "select",
isArray: true,
label: "收货状态: ",
options: []
},
{
prop: "lotNumbers",
placeholder: "请选择组织",
type: "select",
isArray: true,
label: "组织: "
},
{
prop: "securityNumbers",
placeholder: "请输入收货人",
type: "input",
isArray: true,
label: "收货人: "
},
{
prop: "securityNumbers",
placeholder: "请输入箱号",
type: "input",
isArray: true,
label: "箱号: "
},
{
prop: "securityNumbers",
placeholder: "请输入序列号",
type: "input",
isArray: true,
label: "序列号: "
}
];
export const RULE_FORM = {
page: 1,
size: 50,
orgCode: 0
};

143
src/views/shipment/outbound/shipmentOrder/constant/list/table.ts Normal file
View File

@@ -0,0 +1,143 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "收货单号",
prop: "lotNumber",
width: 260
},
{
align: "left",
label: "收货状态",
prop: "specifications",
width: 260
},
{
align: "left",
label: "销售订单号",
prop: "materialName",
width: 260
},
{
align: "left",
label: "来源单号",
prop: "materialNumber",
width: 260
},
{
align: "left",
label: "收货类型",
prop: "generateComplete",
width: 160
},
{
align: "left",
label: "供应商",
prop: "downLoadNumber",
width: 120
},
{
align: "left",
label: "组织",
prop: "createTime",
width: 160
},
{
align: "left",
label: "规格型号",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料编码",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料名称",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "子仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "应收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实入库数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货人",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "是否作废",
prop: "creator",
width: 160
},
{
align: "left",
label: "创建时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "期望交期",
prop: "creator",
width: 160
}
];

93
src/views/shipment/outbound/shipmentOrder/details.vue Normal file
View File

@@ -0,0 +1,93 @@
<template>
<div class="table-box">
<div style="padding-bottom: 16px">
<PermissionButton
:buttons="dataStore.buttons"
@handleButtonClickCallback="handleButtonClickCallback"
></PermissionButton>
</div>
<div class="card table-main">
<div style="padding-bottom: 10px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">基础信息</h3>
<DetailsSearch :formData="dataStore.formData" :ruleForm="dataStore.ruleForm" :labelWidth="dataStore.labelWidth" />
</div>
<div style="padding-top: 16px; padding-bottom: 16px">
<h3 style="margin: 10px">物料信息</h3>
<el-table :data="tableData" border height="300" style="width: 100%; margin-top: 20px">
<el-table-column prop="id" label="ID" width="180" />
<el-table-column prop="name" label="Name" />
<el-table-column prop="amount1" label="Cost 1 ($)" />
<el-table-column prop="amount2" label="Cost 2 ($)" />
<el-table-column prop="amount3" label="Cost 3 ($)" />
</el-table>
</div>
<div style="padding-top: 16px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">操作信息</h3>
<DetailsSearch
:formData="dataStore.formData1"
:ruleForm="dataStore.ruleForm1"
:labelWidth="dataStore.labelWidth"
/>
</div>
</div>
</div>
</template>
<script setup lang="ts" name="shipmentOutboundShipmentOrderDetails">
import { cloneDeep } from "lodash-es";
import DetailsSearch from "@/components/DetailsSearch/index.vue";
import PermissionButton from "@/components/PermissionButton/index.vue";
import { BUTTON } from "./constant/details/button";
import { FORM_DATA, RULE_FORM, RULE_FORM1, FORM_DATA1 } from "./constant/details/search";
const dataStore = reactive<any>({
labelWidth: "165px",
buttons: cloneDeep(BUTTON),
ruleForm: cloneDeep(RULE_FORM), // 表单值
formData: cloneDeep(FORM_DATA), //表单配置项
ruleForm1: cloneDeep(RULE_FORM1), // 表单值
formData1: cloneDeep(FORM_DATA1) //表单配置项
});
const tableData: any[] = [
{
id: "12987122",
name: "Tom",
amount1: "234",
amount2: "3.2",
amount3: 10
},
{
id: "12987123",
name: "Tom",
amount1: "165",
amount2: "4.43",
amount3: 12
},
{
id: "12987124",
name: "Tom",
amount1: "324",
amount2: "1.9",
amount3: 9
},
{
id: "12987125",
name: "Tom",
amount1: "621",
amount2: "2.2",
amount3: 17
},
{
id: "12987126",
name: "Tom",
amount1: "539",
amount2: "4.1",
amount3: 15
}
];
const handleButtonClickCallback = () => {};
</script>
<style scoped></style>

110
src/views/shipment/outbound/shipmentOrder/index.vue Normal file
View File

@@ -0,0 +1,110 @@
<!-- 质检单 -->
<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"
>
<template #boxBillNo="scope">
<a @click="handleOpen(scope.row)" class="break-word to-details">
{{ scope.row.boxBillNo }}
</a>
</template>
</ProTable>
</div>
</template>
<script setup lang="ts" name="shipmentOutboundShipmentOrder">
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 { useRouter } from "vue-router";
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>();
const $router = useRouter();
// 获取用户信息(组织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) => {
btnClick[item?.type](item, $router);
};
// // 规格型号
// 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;
// };
const handleOpen = (row: any) => {
console.log(row);
};
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>

20
src/views/shipment/outbound/shipmentOrder/init/btnClick.ts Normal file
View File

@@ -0,0 +1,20 @@
// 直接导出函数，无需额外包装对象
export const handleAdd = (item: any, $router: any) => {
console.log(item);
$router.push({ path: "/receipt/warehousing/receiptOrder/add" });
};
export const handleExport = (item: any) => {
console.log("导出操作", item);
};
export const handleRefresh = (item: any) => {
console.log("刷新操作", item);
};
export const btnClick: any = {
export: handleExport,
refresh: handleRefresh,
add: handleAdd
};

2
src/views/shipment/outbound/shipmentOrder/init/index.ts Normal file
View File

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

10
src/views/shipment/outbound/shipping/constant/details/button.ts Normal file
View File

@@ -0,0 +1,10 @@
export const BUTTON = [
{
text: "更新物流",
permission: "shipmentOutboundShipmentOrderAddBtnUpData",
type: "commit",
props: {
type: "primary"
}
}
];

111
src/views/shipment/outbound/shipping/constant/details/search.ts Normal file
View File

@@ -0,0 +1,111 @@
export const FORM_DATA: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入发货单号",
type: "input",
label: "发货单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货状态",
type: "input",
label: "发货状态：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入销售订单/线上单号",
type: "input",
label: "销售订单/线上单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入收货客户",
type: "input",
label: "收货客户：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入来源单号",
type: "input",
label: "来源单号：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入仓库",
type: "input",
label: "拣货类型：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入组织",
type: "input",
label: "组织：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入发货仓库",
type: "input",
label: "发货仓库：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入创建时间",
type: "input",
label: "创建时间：",
disabled: true,
required: false
}
];
export const RULE_FORM: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};
export const FORM_DATA1: any[] = [
{
prop: "orderBillNo",
placeholder: "请输入回退人",
type: "input",
label: "回退人：",
disabled: true,
required: false
},
{
prop: "orderBillNo",
placeholder: "请输入回退时间",
type: "input",
label: "回退时间：",
disabled: true,
required: false
}
];
export const RULE_FORM1: any = {
productQty: "",
materialNumber: "",
orderBillNo: ""
};

143
src/views/shipment/outbound/shipping/constant/details/table.ts Normal file
View File

@@ -0,0 +1,143 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "收货单号",
prop: "lotNumber",
width: 260
},
{
align: "left",
label: "收货状态",
prop: "specifications",
width: 260
},
{
align: "left",
label: "销售订单号",
prop: "materialName",
width: 260
},
{
align: "left",
label: "来源单号",
prop: "materialNumber",
width: 260
},
{
align: "left",
label: "收货类型",
prop: "generateComplete",
width: 160
},
{
align: "left",
label: "供应商",
prop: "downLoadNumber",
width: 120
},
{
align: "left",
label: "组织",
prop: "createTime",
width: 160
},
{
align: "left",
label: "规格型号",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料编码",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料名称",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "子仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "应收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实入库数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货人",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "是否作废",
prop: "creator",
width: 160
},
{
align: "left",
label: "创建时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "期望交期",
prop: "creator",
width: 160
}
];

7
src/views/shipment/outbound/shipping/constant/list/button.ts Normal file
View File

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

4
src/views/shipment/outbound/shipping/constant/list/index.ts Normal file
View File

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

112
src/views/shipment/outbound/shipping/constant/list/search.ts Normal file
View File

@@ -0,0 +1,112 @@
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: "lotNumbers",
placeholder: "请选择仓库",
type: "select",
isArray: true,
label: "仓库: ",
options: []
},
{
prop: "Time",
type: "daterange",
options: [],
startPlaceholder: "收货开始日期",
endPlaceholder: "收货结束日期",
startDate: "createBeginDate",
endDate: "createEndDate",
label: "收货时间: "
},
{
prop: "lotNumbers",
placeholder: "请选择供应商",
type: "select",
isArray: true,
label: "供应商: ",
options: []
},
{
prop: "materialNumber",
placeholder: "请输入物料编码",
type: "selectRemote1",
isArray: true,
options: [],
label: "物料编码: "
},
{
prop: "lotNumbers",
placeholder: "请选择收货状态",
type: "select",
isArray: true,
label: "收货状态: ",
options: []
},
{
prop: "lotNumbers",
placeholder: "请选择组织",
type: "select",
isArray: true,
label: "组织: "
},
{
prop: "securityNumbers",
placeholder: "请输入收货人",
type: "input",
isArray: true,
label: "收货人: "
},
{
prop: "securityNumbers",
placeholder: "请输入箱号",
type: "input",
isArray: true,
label: "箱号: "
},
{
prop: "securityNumbers",
placeholder: "请输入序列号",
type: "input",
isArray: true,
label: "序列号: "
}
];
export const RULE_FORM = {
page: 1,
size: 50,
orgCode: 0
};

143
src/views/shipment/outbound/shipping/constant/list/table.ts Normal file
View File

@@ -0,0 +1,143 @@
export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 },
{
align: "left",
fixed: true,
label: "收货单号",
prop: "lotNumber",
width: 260
},
{
align: "left",
label: "收货状态",
prop: "specifications",
width: 260
},
{
align: "left",
label: "销售订单号",
prop: "materialName",
width: 260
},
{
align: "left",
label: "来源单号",
prop: "materialNumber",
width: 260
},
{
align: "left",
label: "收货类型",
prop: "generateComplete",
width: 160
},
{
align: "left",
label: "供应商",
prop: "downLoadNumber",
width: 120
},
{
align: "left",
label: "组织",
prop: "createTime",
width: 160
},
{
align: "left",
label: "规格型号",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料编码",
prop: "creator",
width: 160
},
{
align: "left",
label: "物料名称",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "子仓库",
prop: "creator",
width: 160
},
{
align: "left",
label: "应收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实收货数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "实入库数量",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货人",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "收货时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "订单明细备注",
prop: "creator",
width: 160
},
{
align: "left",
label: "是否作废",
prop: "creator",
width: 160
},
{
align: "left",
label: "创建时间",
prop: "creator",
width: 160
},
{
align: "left",
label: "期望交期",
prop: "creator",
width: 160
}
];

93
src/views/shipment/outbound/shipping/details.vue Normal file
View File

@@ -0,0 +1,93 @@
<template>
<div class="table-box">
<div style="padding-bottom: 16px">
<PermissionButton
:buttons="dataStore.buttons"
@handleButtonClickCallback="handleButtonClickCallback"
></PermissionButton>
</div>
<div class="card table-main">
<div style="padding-bottom: 10px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">基础信息</h3>
<DetailsSearch :formData="dataStore.formData" :ruleForm="dataStore.ruleForm" :labelWidth="dataStore.labelWidth" />
</div>
<div style="padding-top: 16px; padding-bottom: 16px">
<h3 style="margin: 10px">物料信息</h3>
<el-table :data="tableData" border height="300" style="width: 100%; margin-top: 20px">
<el-table-column prop="id" label="ID" width="180" />
<el-table-column prop="name" label="Name" />
<el-table-column prop="amount1" label="Cost 1 ($)" />
<el-table-column prop="amount2" label="Cost 2 ($)" />
<el-table-column prop="amount3" label="Cost 3 ($)" />
</el-table>
</div>
<div style="padding-top: 16px; border-bottom: 1px solid #eeeeee">
<h3 style="margin: 10px">操作信息</h3>
<DetailsSearch
:formData="dataStore.formData1"
:ruleForm="dataStore.ruleForm1"
:labelWidth="dataStore.labelWidth"
/>
</div>
</div>
</div>
</template>
<script setup lang="ts" name="shipmentOutboundShippingDetails">
import { cloneDeep } from "lodash-es";
import DetailsSearch from "@/components/DetailsSearch/index.vue";
import PermissionButton from "@/components/PermissionButton/index.vue";
import { BUTTON } from "./constant/details/button";
import { FORM_DATA, RULE_FORM, RULE_FORM1, FORM_DATA1 } from "./constant/details/search";
const dataStore = reactive<any>({
labelWidth: "165px",
buttons: cloneDeep(BUTTON),
ruleForm: cloneDeep(RULE_FORM), // 表单值
formData: cloneDeep(FORM_DATA), //表单配置项
ruleForm1: cloneDeep(RULE_FORM1), // 表单值
formData1: cloneDeep(FORM_DATA1) //表单配置项
});
const tableData: any[] = [
{
id: "12987122",
name: "Tom",
amount1: "234",
amount2: "3.2",
amount3: 10
},
{
id: "12987123",
name: "Tom",
amount1: "165",
amount2: "4.43",
amount3: 12
},
{
id: "12987124",
name: "Tom",
amount1: "324",
amount2: "1.9",
amount3: 9
},
{
id: "12987125",
name: "Tom",
amount1: "621",
amount2: "2.2",
amount3: 17
},
{
id: "12987126",
name: "Tom",
amount1: "539",
amount2: "4.1",
amount3: 15
}
];
const handleButtonClickCallback = () => {};
</script>
<style scoped></style>

110
src/views/shipment/outbound/shipping/index.vue Normal file
View File

@@ -0,0 +1,110 @@
<!-- 质检单 -->
<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"
>
<template #boxBillNo="scope">
<a @click="handleOpen(scope.row)" class="break-word to-details">
{{ scope.row.boxBillNo }}
</a>
</template>
</ProTable>
</div>
</template>
<script setup lang="ts" name="shipmentOutboundShipping">
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 { useRouter } from "vue-router";
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>();
const $router = useRouter();
// 获取用户信息(组织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) => {
btnClick[item!.type](item, $router);
};
// // 规格型号
// 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;
// };
const handleOpen = (row: any) => {
console.log(row);
};
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>

20
src/views/shipment/outbound/shipping/init/btnClick.ts Normal file
View File

@@ -0,0 +1,20 @@
// 直接导出函数，无需额外包装对象
const handleAdd = (item: any, $router: any) => {
console.log(item);
$router.push({ path: "/receipt/warehousing/receiptOrder/add" });
};
const handleExport = (item: any) => {
console.log("导出操作", item);
};
const handleRefresh = (item: any) => {
console.log("刷新操作", item);
};
export const btnClick: any = {
export: handleExport,
refresh: handleRefresh,
add: handleAdd
};

2
src/views/shipment/outbound/shipping/init/index.ts Normal file
View File

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