增加示例页、组件、样式

zrlibs

2025-03-17 7ae689ef9495232756023f0177683e80615e13aa

 src/views/examples/report.vue

@@ -1,5 +1,137 @@
<template>
  <div class="example-report-view" ref="refView">
    <div class="search-form">
      <Form :model="form" :label-width="110">
        <Row>
          <Col span="6">
            <FormItem label="供应商编码：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
          <Col span="6">
            <FormItem label="供应商名称：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
          <Col span="6">
            <FormItem label="ASN单号：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
          <Col span="6">
            <FormItem label="存货：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
        </Row>
        <Row>
          <Col span="6">
            <FormItem label="代购订单号：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
          <Col span="12">
            <FormItem label="订单交期：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
          <Col span="6">
            <FormItem label="状态：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
        </Row>
        <Row>
          <Col span="6">
            <FormItem label="采购员：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
          <Col span="6">
            <FormItem label="采购类型：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
          <Col span="6">
            <FormItem label="单据类型：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
          <Col span="6">
            <FormItem label="关闭状态：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
        </Row>
        <Row>
          <Col span="6">
            <FormItem label="是否到货完成：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
          <Col span="6">
            <FormItem label="ASN创建日期：">
              <Input
                v-model="form.WH_Code"
                placeholder="Enter something..."
                size="small"
              ></Input>
            </FormItem>
          </Col>
        </Row>
      </Form>
    </div>
    <div class="buttons">
      <Button type="success" size="small" @click="onExportClick">导出</Button>
    </div>
    <DataTable
      :tableHeight="tableHeight"
      :columns="columns"
@@ -21,6 +153,9 @@
      columns: [],
      data: [],
      tableHeight: 0,
      form: {
        WH_Code: "",
      },
    };
  },
  methods: {
@@ -35,55 +170,78 @@
          width: 50,
        },
        {
          key: "WH_Code",
          title: "仓库编码",
          width: 150,
        },
        {
          key: "WH_Name",
          title: "仓库名称",
        },
        {
          key: "WH_Leader",
          title: "仓库负责人",
          key: "",
          title: "ASN单号",
          width: 100,
        },
        {
          key: "WH_Tel",
          title: "仓库电话",
          key: "",
          title: "关闭状态",
          width: 100,
        },
        {
          key: "Address",
          title: "地址",
          key: "",
          title: "存货状态",
          width: 100,
        },
        {
          key: "TopLevelWH_Code",
          title: "上级仓库编码",
          key: "",
          title: "存货名称",
          width: 100,
        },
        {
          key: "IsThisLevel",
          title: "是否本级",
          width: 70,
          key: "",
          title: "规格型号",
          width: 100,
        },
        {
          key: "IsEscrow",
          title: "是否代管",
          width: 70,
          key: "",
          title: "审核状态",
          width: 100,
        },
        {
          key: "IsEnable",
          title: "是否启用",
          width: 70,
          key: "",
          title: "发货日期",
          width: 100,
        },
        {
          key: "",
          title: "供应商编码",
          width: 100,
        },
        {
          key: "",
          title: "供应商名称",
          width: 100,
        },
        {
          key: "",
          title: "创建人",
          width: 100,
        },
        {
          key: "",
          title: "创建时间",
          width: 100,
        },
        {
          key: "",
          title: "采购点",
          width: 100,
        },
      ];
    },
    async loadData() {},
    resize() {
      this.tableHeight = this.refView.clientHeight;
      let height =
        this.refView.clientHeight -
        this.$el.querySelector(".search-form").clientHeight -
        this.$el.querySelector(".buttons").clientHeight -
        9 -
        9;
      this.tableHeight = height;
    },
    onExportClick() {},
  },
  async mounted() {
    await this.loadColumns();
@@ -99,8 +257,16 @@
};
</script>

<style lang="less" scoped>
<style lang="less">
.example-report-view {
  height: 100%;
  .search-form,
  .buttons {
    margin-bottom: 9px;
  }
  .ivu-form .ivu-form-item-label,
  .ivu-checkbox-wrapper {
    font-size: 12px;
  }
}
</style>