From 4d58609275685b1b5deaace933697dcf3f01359e Mon Sep 17 00:00:00 2001
From: dengjunjie <dengjunjie@hnkhzn.com>
Date: 星期二, 04 十一月 2025 12:29:00 +0800
Subject: [PATCH] 优化前端页面显示，优化前后端盘点
---
新建文件夹/WMS/src/views/outbound/outboundOrder.vue | 766 ++++++++++++++++++++++++++++++----------------------------
1 files changed, 394 insertions(+), 372 deletions(-)
diff --git "a/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/WMS/src/views/outbound/outboundOrder.vue" "b/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/WMS/src/views/outbound/outboundOrder.vue"
index 1b8117c..bfc6147 100644
--- "a/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/WMS/src/views/outbound/outboundOrder.vue"
+++ "b/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/WMS/src/views/outbound/outboundOrder.vue"
@@ -1,378 +1,400 @@
<template>
- <view-grid ref="grid"
- :columns="columns"
- :detail="detail"
- :editFormFields="editFormFields"
- :editFormOptions="editFormOptions"
- :searchFormFields="searchFormFields"
- :searchFormOptions="searchFormOptions"
- :table="table"
- :extend="extend">
- </view-grid>
+ <view-grid
+ ref="grid"
+ :columns="columns"
+ :detail="detail"
+ :editFormFields="editFormFields"
+ :editFormOptions="editFormOptions"
+ :searchFormFields="searchFormFields"
+ :searchFormOptions="searchFormOptions"
+ :table="table"
+ :extend="extend"
+ >
+ </view-grid>
</template>
<script>
- import extend from "@/extension/outbound/outboundOrder.js";
- import { ref, defineComponent } from "vue";
- export default defineComponent({
- setup() {
- const table = ref({
- key: 'id',
- footer: "Foots",
- cnName: '鍑哄簱鍗�',
- name: 'DeliveryOrder',
- url: "/DeliveryOrder/",
- sortName: "id"
- });
-
- const editFormFields = ref({
- out_no: "",
- out_type: "",
- client_no: "",
- client_name: "",
- warehouse_no: "",
- account_time: "",
- outStatus: "",
- });
-
- const editFormOptions = ref([
- [
- {
- title: "鍑哄簱鍗曞彿",
- field: "out_no",
- type: "string",
- required: true,
- width: 150
- },
- {
- title: "鍑哄簱鍗曠被鍨�",
- field: "out_type",
- type: "select",
- dataKey: "out_type",
- data: [],
- required: true,
- width: 120
- }
- ],
- [
- {
- title: "瀹㈡埛浠ｇ爜",
- field: "client_no",
- type: "string",
- width: 120
- },
- {
- title: "瀹㈡埛鍚嶇О",
- field: "client_name",
- type: "string",
- width: 150
- }
- ],
- [
- {
- title: "搴撴埧鍙�",
- field: "warehouse_no",
- type: "string",
- dataKey: "warehouse",
- data: [],
- width: 100
- },
- {
- title: "鐘舵��",
- field: "outStatus",
- type: "string",
- dataKey: "outStatus",
- data: [],
- width: 120
- }
- ],
- [
- {
- title: "鍑哄簱璁拌处鏃堕棿",
- field: "account_time",
- type: "datetime",
- width: 160
- }
- ]
- ]);
-
- const searchFormFields = ref({
- out_no: "",
- out_type: "",
- client_no: "",
- client_name: "",
- warehouse_no: "",
- outStatus: "",
- account_time: "",
- });
-
- const searchFormOptions = ref([
- [
- { title: "鍑哄簱鍗曞彿", field: "out_no", type: "like" },
- { title: "瀹㈡埛浠ｇ爜", field: "client_no", type: "like" },
- {
- title: "鍑哄簱鍗曠被鍨�",
- field: "out_type",
- type: "select",
- dataKey: "out_type",
- data: [],
- },
- ],
- [
- {
- title: "鐘舵��",
- field: "outStatus",
- type: "select",
- dataKey: "outStatus",
- data: [],
- },
- { title: "瀹㈡埛鍚嶇О", field: "client_name", type: "like" },
- { title: "鍑哄簱璁拌处鏃堕棿", field: "account_time", type: "datetime" },
- ]
- ]);
-
- const columns = ref([
- {
- field: 'id',
- title: '涓婚敭',
- type: 'int',
- width: 90,
- hidden: true,
- readonly: true,
- require: true,
- align: 'left'
- },
- {
- field: 'out_no',
- title: '鍑哄簱鍗曞彿',
- type: 'string',
- width: 150,
- require: true,
- align: 'left',
- sort: true,
- link: true
- },
- {
- field: 'out_type',
- title: '鍑哄簱鍗曠被鍨�',
- type: 'string',
- width: 120,
- require: true,
- align: 'left',
- bind: { key: "out_type", data: [] }
- },
- {
- field: 'client_no',
- title: '瀹㈡埛浠ｇ爜',
- type: 'string',
- width: 120,
- align: 'left'
- },
- {
- field: 'client_name',
- title: '瀹㈡埛鍚嶇О',
- type: 'string',
- width: 150,
- align: 'left'
- },
- {
- field: 'warehouse_no',
- title: '搴撴埧鍙�',
- type: 'string',
- width: 100,
- align: 'left',
- bind: { key: "warehouse", data: [] }
- },
- {
- field: 'account_time',
- title: '鍑哄簱璁拌处鏃堕棿',
- type: 'datetime',
- width: 160,
- align: 'left'
- },
- {
- field: 'outStatus',
- title: '鐘舵��',
- type: 'string',
- width: 120,
- align: 'left',
- // bind: { key: "outStatus", data: [] }
- // edit:{type:""}
- },
- {
- field: 'creater',
- title: '鍒涘缓浜�',
- type: 'string',
- width: 90,
- align: 'left'
- },
- {
- field: 'createDate',
- title: '鍒涘缓鏃堕棿',
- type: 'datetime',
- width: 160,
- align: 'left',
- sort: true
- },
- {
- field: 'modifier',
- title: '淇敼浜�',
- type: 'string',
- width: 100,
- align: 'left'
- },
- {
- field: 'modifyDate',
- title: '淇敼鏃堕棿',
- type: 'datetime',
- width: 160,
- align: 'left',
- sort: true
- }
- ]);
-
- const detail = ref({
- cnName: "鍘嗗彶鍑哄簱鍗曟槑缁�",
- table: "DeliveryOrderDetail",
- url: "/DeliveryOrderDetail/",
- columns: [
- {
- field: 'id',
- title: '涓婚敭',
- type: 'int',
- width: 90,
- hidden: true,
- readonly: true,
- require: true,
- align: 'left'
- },
- {
- field: 'deliveryOrderId',
- title: '鍏宠仈鍑哄簱鍗旾D',
- type: 'int',
- width: 120,
- require: true,
- align: 'left',
- sort: true,
- hidden: true
- },
- {
- field: 'reservoirarea',
- title: '搴撳尯',
- type: 'string',
- width: 120,
- align: 'left',
- bind: { key: "warehouseNuber", data: [] },
- edit:{type:""}
-
- },
- {
- field: 'goods_no',
- title: '鑽搧缂栫爜',
- type: 'string',
- width: 150,
- require: true,
- align: 'left',
- bind: { key: "medicineGoods", data: [] },
- edit:{type:""}
- },
- {
- field: 'order_qty',
- title: '璁㈠崟鏁伴噺',
- type: 'decimal',
- width: 100,
- require: true,
- align: 'left',
- edit:{type:"number"}
- },
- {
- field: 'Order_Outqty',
- title: '瀹屾垚鏁伴噺',
- type: 'decimal',
- width: 100,
- require: true,
- align: 'left',
- edit:{type:"number"}
- },
- {
- field: 'batch_num',
- title: '鎵瑰彿',
- type: 'string',
- width: 120,
- require: true,
- align: 'left',
- edit:{type:""}
- },
- {
- field: 'exp_date',
- title: '鏍℃湡',
- type: 'string',
- width: 120,
- align: 'left',
- edit:{type:""}
- },
- {
- field: 'ootDetailStatus',
- title: '鐘舵��',
- type: 'string',
- width: 120,
- align: 'left',
- edit:{type:""}
- },
- {
- field: 'status',
- title: '鍚屾鐘舵��',
- type: 'int',
- width: 120,
- align: 'left',
- bind: { key: "syncStatus", data: [] },
- edit:{type:'select',dataKey:'syncStatus',data:[]}
- },
- {
- field: 'creater',
- title: '鍒涘缓浜�',
- type: 'string',
- width: 90,
- align: 'left'
- },
- {
- field: 'createDate',
- title: '鍒涘缓鏃堕棿',
- type: 'datetime',
- width: 160,
- align: 'left',
- sort: true
- },
- {
- field: 'modifier',
- title: '淇敼浜�',
- type: 'string',
- width: 100,
- align: 'left'
- },
- {
- field: 'modifyDate',
- title: '淇敼鏃堕棿',
- type: 'datetime',
- width: 160,
- align: 'left',
- sort: true
- }
- ],
- sortName: "id",
- key: "id"
- });
-
- return {
- table,
- extend,
- editFormFields,
- editFormOptions,
- searchFormFields,
- searchFormOptions,
- columns,
- detail,
- };
- },
+import extend from "@/extension/outbound/outboundOrder.js";
+import { ref, defineComponent } from "vue";
+export default defineComponent({
+ setup() {
+ const table = ref({
+ key: "id",
+ footer: "Foots",
+ cnName: "鍑哄簱鍗�",
+ name: "DeliveryOrder",
+ url: "/DeliveryOrder/",
+ sortName: "id",
});
+
+ const editFormFields = ref({
+ out_no: "",
+ out_type: "",
+ client_no: "",
+ client_name: "",
+ warehouse_no: "",
+ account_time: "",
+ outStatus: "",
+ locationCode: "",
+ });
+
+ const editFormOptions = ref([
+ [
+ {
+ title: "鍑哄簱鍗曞彿",
+ field: "out_no",
+ type: "string",
+ required: true,
+ width: 150,
+ },
+ {
+ title: "鍑哄簱鍗曠被鍨�",
+ field: "out_type",
+ type: "select",
+ dataKey: "out_type",
+ data: [],
+ required: true,
+ width: 120,
+ },
+ ],
+ [
+ {
+ title: "瀹㈡埛浠ｇ爜",
+ field: "client_no",
+ type: "string",
+ width: 120,
+ },
+ {
+ title: "瀹㈡埛鍚嶇О",
+ field: "client_name",
+ type: "string",
+ width: 150,
+ },
+ ],
+ [
+ {
+ title: "搴撴埧鍙�",
+ field: "warehouse_no",
+ type: "select",
+ dataKey: "warehouseNuber",
+ data: [],
+ width: 100,
+ },
+ {
+ title: "鐘舵��",
+ field: "outStatus",
+ type: "string",
+ dataKey: "outStatus",
+ data: [],
+ width: 120,
+ },
+ ],
+ ]);
+
+ const searchFormFields = ref({
+ out_no: "",
+ out_type: "",
+ client_no: "",
+ client_name: "",
+ warehouse_no: "",
+ outStatus: "",
+ account_time: "",
+ });
+
+ const searchFormOptions = ref([
+ [
+ { title: "鍑哄簱鍗曞彿", field: "out_no", type: "like" },
+ { title: "瀹㈡埛浠ｇ爜", field: "client_no", type: "like" },
+ {
+ title: "搴撴埧鍙�",
+ field: "warehouse_no",
+ type: "select",
+ dataKey: "warehouseNuber",
+ data: [],
+ },
+ {
+ title: "鍑哄簱鍗曠被鍨�",
+ field: "out_type",
+ type: "select",
+ dataKey: "out_type",
+ data: [],
+ },
+ ],
+ [
+ // {
+ // title: "鐘舵��",
+ // field: "outStatus",
+ // type: "select",
+ // dataKey: "outStatus",
+ // data: [],
+ // },
+ { title: "瀹㈡埛鍚嶇О", field: "client_name", type: "like" },
+ { title: "鍑哄簱璁拌处鏃堕棿", field: "account_time", type: "datetime" },
+ ],
+ ]);
+
+ const columns = ref([
+ {
+ field: "id",
+ title: "涓婚敭",
+ type: "int",
+ width: 90,
+ hidden: true,
+ readonly: true,
+ require: true,
+ align: "left",
+ },
+ {
+ field: "out_no",
+ title: "鍑哄簱鍗曞彿",
+ type: "string",
+ width: 150,
+ require: true,
+ align: "left",
+ sort: true,
+ link: true,
+ },
+ {
+ field: "out_type",
+ title: "鍑哄簱鍗曠被鍨�",
+ type: "string",
+ width: 120,
+ require: true,
+ align: "left",
+ bind: { key: "out_type", data: [] },
+ },
+ {
+ field: "client_no",
+ title: "瀹㈡埛浠ｇ爜",
+ type: "string",
+ width: 120,
+ align: "left",
+ },
+ {
+ field: "client_name",
+ title: "瀹㈡埛鍚嶇О",
+ type: "string",
+ width: 150,
+ align: "left",
+ },
+ {
+ field: "warehouse_no",
+ title: "搴撴埧鍙�",
+ type: "string",
+ width: 100,
+ align: "left",
+ bind: { key: "warehouseNuber", data: [] },
+ },
+ {
+ field: "account_time",
+ title: "鍑哄簱璁拌处鏃堕棿",
+ type: "datetime",
+ width: 160,
+ align: "left",
+ },
+ {
+ field: "outStatus",
+ title: "鐘舵��",
+ type: "string",
+ width: 120,
+ align: "left",
+ // bind: { key: "outStatus", data: [] }
+ // edit:{type:""}
+ },
+ // {
+ // field: 'creater',
+ // title: '鍒涘缓浜�',
+ // type: 'string',
+ // width: 90,
+ // align: 'left'
+ // },
+ {
+ field: "createDate",
+ title: "鍒涘缓鏃堕棿",
+ type: "datetime",
+ width: 160,
+ align: "left",
+ sort: true,
+ },
+ // {
+ // field: 'modifier',
+ // title: '淇敼浜�',
+ // type: 'string',
+ // width: 100,
+ // align: 'left'
+ // },
+ {
+ field: "modifyDate",
+ title: "淇敼鏃堕棿",
+ type: "datetime",
+ width: 160,
+ align: "left",
+ sort: true,
+ },
+ ]);
+
+ const detail = ref({
+ cnName: "鍑哄簱鍗曟槑缁�",
+ table: "DeliveryOrderDetail",
+ url: "/DeliveryOrderDetail/",
+ columns: [
+ {
+ field: "id",
+ title: "涓婚敭",
+ type: "int",
+ width: 90,
+ hidden: true,
+ readonly: true,
+ require: true,
+ align: "left",
+ },
+ {
+ field: "deliveryOrderId",
+ title: "鍏宠仈鍑哄簱鍗旾D",
+ type: "int",
+ width: 120,
+ require: true,
+ align: "left",
+ sort: true,
+ hidden: true,
+ },
+ {
+ field: "reservoirarea",
+ title: "搴撳尯",
+ type: "string",
+ width: 120,
+ align: "left",
+ bind: { key: "warehouseNuber", data: [] },
+ hidden: true,
+ },
+ {
+ field: "goods_no",
+ title: "鐗╂枡鍚嶇О",
+ type: "string",
+ width: 150,
+ align: "left",
+ required: true,
+ // edit:{type:""},
+ bind: { key: "MaterielNames", data: [] },
+ },
+ {
+ field: "goods_no",
+ title: "鑽搧缂栫爜",
+ type: "string",
+ width: 150,
+ require: true,
+ align: "left",
+ bind: { key: "medicineGoods", data: [] },
+ edit: true,
+ },
+ {
+ field: "order_qty",
+ title: "璁㈠崟鏁伴噺",
+ type: "decimal",
+ width: 100,
+ require: true,
+ align: "left",
+ // edit:{type:"number"}
+ },
+ {
+ field: "order_Outqty",
+ title: "瀹屾垚鏁伴噺",
+ type: "decimal",
+ width: 100,
+ require: true,
+ align: "left",
+ // edit:{type:"number"}
+ },
+ {
+ field: "batch_num",
+ title: "鎵瑰彿",
+ type: "string",
+ width: 120,
+ require: true,
+ align: "left",
+ edit: true,
+ },
+ {
+ field: "exp_date",
+ title: "鏁堟湡",
+ type: "string",
+ width: 120,
+ align: "left",
+ // edit:{type:""}
+ },
+ {
+ field: "locationCode",
+ title: "璐т綅鍙�",
+ type: "string",
+ width: 120,
+ align: "left",
+ hidden: true,
+ edit: true,
+ },
+ {
+ field: "ootDetailStatus",
+ title: "鐘舵��",
+ type: "string",
+ width: 120,
+ align: "left",
+ // edit:{type:""}
+ },
+ {
+ field: "status",
+ title: "鍚屾鐘舵��",
+ type: "int",
+ width: 120,
+ align: "left",
+ bind: { key: "syncStatus", data: [] },
+ // edit:{type:'select',dataKey:'syncStatus',data:[]}
+ },
+ {
+ field: "creater",
+ title: "鍒涘缓浜�",
+ type: "string",
+ width: 90,
+ align: "left",
+ },
+ {
+ field: "createDate",
+ title: "鍒涘缓鏃堕棿",
+ type: "datetime",
+ width: 160,
+ align: "left",
+ sort: true,
+ },
+ {
+ field: "modifier",
+ title: "淇敼浜�",
+ type: "string",
+ width: 100,
+ align: "left",
+ hidden: true,
+ },
+ {
+ field: "modifyDate",
+ title: "淇敼鏃堕棿",
+ type: "datetime",
+ width: 160,
+ align: "left",
+ hidden: true,
+ sort: true,
+ },
+ ],
+ sortName: "id",
+ key: "id",
+ });
+
+ return {
+ table,
+ extend,
+ editFormFields,
+ editFormOptions,
+ searchFormFields,
+ searchFormOptions,
+ columns,
+ detail,
+ };
+ },
+});
</script>
\ No newline at end of file
--
Gitblit v1.9.3