qinchulong
2025-05-27 c020f31a67fc5aa5644511bddff075f7ecc85234
´úÂë¹ÜÀí/WMS/WIDESEA_WMSClient/src/views/basic/areaInfo.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,215 @@
<template>
  <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/basic/areaInfo.js";
import { ref, defineComponent } from "vue";
export default defineComponent({
  setup() {
    const table = ref({
      key: "id",
      footer: "Foots",
      cnName: "区域信息",
      name: "areaInfo",
      url: "/AreaInfo/",
      sortName: "id",
    });
    const editFormFields = ref({
      areaCode: "",
      areaName: "",
      warehouseId: "",
      areaDes: "",
    });
    const editFormOptions = ref([
      [
        {
          title: "区域编号",
          required: true,
          field: "areaCode",
          type: "string",
        },
        {
          title: "区域名称",
          required: true,
          field: "areaName",
          type: "string",
        },
        {
          title: "仓库主键",
          required: true,
          field: "warehouseId",
          type: "select",
          dataKey: "warehouse",
          data: [],
        },
      ],
      [
      {
          title: "区域类型",
          required: true,
          field: "areaType",
          type: "int",
        },
        {
          title: "区域描述",
          field: "areaDes",
          type: "textarea",
        },
        { title: "区域状态", field: "areaStatus" ,type: "select",dataKey: "enableEnum",data: [],},
      ],
    ]);
    const searchFormFields = ref({
      areaCode: "",
      areaName: "",
      warehouseId: "",
      areaDes: "",
    });
    const searchFormOptions = ref([
      [
        { title: "区域编号", field: "areaCode", type: "like" },
        { title: "区域名称", field: "areaName", type: "like" },
        {
          title: "区域状态",
          field: "areaStatus",
          type: "select",
          dataKey: "enableEnum",
          data: [],
        },
      ],
      [
        {
          title: "仓库主键",
          field: "warehouseId",
          type: "select",
          dataKey: "warehouse",
          data: [],
        },{ title: "区域类型", field: "areaType" },
      ],
    ]);
    const columns = ref([
      {
        field: "id",
        title: "Id",
        type: "int",
        width: 90,
        hidden: true,
        readonly: true,
        require: true,
        align: "left",
      },
      {
        field: "areaCode",
        title: "区域编号",
        type: "string",
        width: 80,
        align: "left",
      },
      {
        field: "warehouseId",
        title: "仓库主键",
        type: "string",
        width: 90,
        align: "left",
        bind:{ key: "warehouse", data: [] },
      },
      {
        field: "areaName",
        title: "区域名称",
        type: "string",
        width: 150,
        align: "left",
      },
      {
        field: "areaType",
        title: "区域类型",
        type: "decimal",
        width: 90,
        align: "left",
      },
      {
        field: "areaStatus",
        title: "区域状态",
        type: "string",
        width: 90,
        align: "left",
        bind: { key: "enableEnum", data: [] },
      },
      {
        field: "areaDes",
        title: "区域描述",
        type: "int",
        width: 120,
        align: "left",
      },
      {
        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,
      },
      {
        field: "remark",
        title: "备注",
        type: "string",
        width: 100,
        align: "left",
      },
    ]);
    const detail = ref({
      cnName: "#detailCnName",
      table: "",
      columns: [],
      sortName: "",
    });
    return {
      table,
      extend,
      editFormFields,
      editFormOptions,
      searchFormFields,
      searchFormOptions,
      columns,
      detail,
    };
  },
});
</script>