优化前端页面显示，优化前后端盘点

dengjunjie

3 天以前 4d58609275685b1b5deaace933697dcf3f01359e

 н¨Îļþ¼Ð/WMS/src/views/outbound/outboundOrder.vue

@@ -1,389 +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: "select",
                        dataKey: "warehouseNuber",
                        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: "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: '关联出库单ID',
                        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,
                        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:{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: "关联出库单ID",
          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>