From 7ae689ef9495232756023f0177683e80615e13aa Mon Sep 17 00:00:00 2001
From: zrlibs <jesting_rr@163.com>
Date: 星期一, 17 三月 2025 15:45:37 +0800
Subject: [PATCH] 增加示例页、组件、样式
---
src/views/examples/report.vue | 222 ++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 194 insertions(+), 28 deletions(-)
diff --git a/src/views/examples/report.vue b/src/views/examples/report.vue
index ced8fda..311fa7e 100644
--- a/src/views/examples/report.vue
+++ b/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>
\ No newline at end of file
--
Gitblit v1.9.1