1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
| <template>
| <div class="t-dis">
| <div style="padding: 15px 23px 0 23px;">
| <VolHeader
| icon="el-icon-warning-outline"
| text="表单显示"
| style="margin-bottom: 20px"
| >
| <template #content>
| <div style="color: #909090; font-size: 13px">
| 这家伙很懒,什么也没留下
| </div>
| </template>
| <div>
| <el-button size="mini" type="primary">
| <i class="el-icon-edit"></i>设置</el-button
| >
| </div>
| </VolHeader>
|
| <VolForm
| ref="myform2"
| :label-width="90"
| :formFields="formFields"
| :formRules="formRules"
| ></VolForm>
| </div>
| <div style="height: 10px; background: #eee"></div>
| <table2></table2>
| </div>
| </template>
| <script>
| import VolForm from "@/components/basic/VolForm.vue";
| import VolHeader from "@/components/basic/VolHeader.vue";
| import table2 from "../tables/table2";
| export default {
| components: { VolForm, VolHeader, table2 },
| methods: {
| getForm() {
| this.$message.error(JSON.stringify(this.formFields));
| },
| reset() {},
| },
| mounted() {},
| data() {
| return {
| loadKey: true,
| formFields: {
| Variety: "日用品",
| DateRange: "2019-09-01",
| City: "北京市",
| AvgPrice: 1238000,
| Variety1: "",
| DateRange1: "2019-09-02",
| City1: "上海市",
| AvgPrice1: 7.72,
| DateRange2: "2019-09-03",
| City2: "广州市",
| },
| formRules: [
| [
| {
| title: "商品类型",
| dataKey: "age",
| // 如果这里绑定了data数据，后台不会加载此数据源
| data: [],
| field: "Variety",
| type: "select",
| },
| {
| dataKey: "city",
| title: "所在城市",
| field: "City",
| type: "select",
| data: [],
| },
| {
| title: "成交均价",
| field: "AvgPrice",
| },
| {
| title: "详细地址",
| field: "City2",
| },
| ],
| [
| {
| dataKey: "city",
| title: "所在地区",
| field: "City1",
| type: "select",
| data: [],
| },
| {
| title: "生产价格",
| field: "AvgPrice1",
| },
| {
| type: "date",
| title: "生产日期",
| field: "DateRange2",
| },
| {
| title: "审核日期",
| field: "DateRange",
| type: "date",
| },
| ],
| ],
| };
| },
| };
| </script>
| <style lang="less" scoped>
| .t-dis {
| margin-bottom: 15px;
| background: white;
| }
| .t-dis ::v-deep(.example-tb .el-alert) {
| display: none;
| }
| .t-dis ::v-deep(.example-tb .tb) {
| margin-top: 0 !important;
| }
| .t-dis ::v-deep(.example-tb .search-info) {
| margin-left: -19px;
| }
| </style>
|
|
