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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
| <template>
|
|
|
| <vol-box :lazy="true"
| v-model="model.box2"
| title="整库盘点"
| :height="400"
| :width="800"
| :padding="15">
|
| <vol-form ref="form"
|
| :label-width="150"
| :load-key="true"
| :formFields="fields2"
| :formRules="formOptions2">
| </vol-form>
| <template v-slot:footer>
| <el-button type="success" size="mini" @click="submitlist()"> <i class="el-icon-check"></i>确认</el-button>
| <el-button type="info" size="mini" @click="reset()"> <i class="ios-alert-outline"></i>重置</el-button>
| <el-button type="primary" size="mini" @click="()=>{model.box1=false}" ><i class="el-icon-close"></i>关闭</el-button>
| </template>
| </vol-box>
|
|
|
|
| </template>
|
| <script>
| // 使用方式：
| // 1、新建一个vue页面，把此页面内容复制进去
| // 2、router->index.js配置路由，页面上输入地址即可看到数据(也可以把菜单配置上)
| // 3、或者参照表单设计页面做动态页面
| //**表单设计器的table下载还在开发中
|
| import VolForm from '@/components/basic/VolForm'
| import VolBox from "@/components/basic/VolBox.vue";
| export default {
| components: {"vol-form": VolForm,"vol-box": VolBox},
| data () {
| return {
| text: "创建盘点单据",
| tabsModel: "0",
| readonlyText: "阿里巴巴....",
| fields2: {"beginline":null, readonlyText: "阿里巴巴....",},
| formOptions2:[
| [
| {
| title: "字段只读",
| disabled: true, //设置readonly或disabled都行
| field: "readonlyText",
| type: "text",
|
| },
| ],[{"field":"beginline","title":"开始行","type":"select","required":true,"readonly":false,"colSize":null,
| "data":[{"key":"1","value":"1排"},
| {"key":"2","value":"2排"},
| {"key":"3","value":"3排"},
| {"key":"4","value":"4排"},
| {"key":"5","value":"5排"},
| {"key":"6","value":"6排"}],"dataKey":"enable"},
|
| ],
| ],
| tables: [],
| tabs: [] ,
| model: {
| box1Text: "",
|
| box2: false,
|
| },
| };
| },
| created () {
|
| },
| methods: {
| submitlist(){
| let formFielde=JSON.stringify(this.fields2);
| let formFields=JSON.parse(formFielde);
| if(formFields.beginline==null) {
| this.$Message.error("请输入值");
| return;
| }
| let params = {
| MainData:formFields,
| DetailData: null,
| DelKeys: null,
| Extra: false
| }
|
| this.http.post("/api/Dt_takestock_head/wholeAdd",params,true).then(result=>{
| if(result.status){
| this.$Message.success("添加成功")
| }
| else{
| this.$Message.error(result.message)
| }
| }).catch((error) => {
| this.$Message.error(error.Message);
| })
|
| },
|
| reset () {
| this.$refs.form.reset();
| this.$Message.success("表单已重置")
| },
|
| open2 () {
| this.model.box2 = true;
| },
|
| }
| };
| </script>
| <style lang="less" scoped>
| .form-btns {
| text-align: center;
| }
| .tables {
| padding-left: 15px;
| .table-item {
| padding: 10px;
| }
| .table-header {
| display: flex;
| margin-bottom: 8px;
| }
| .header-text {
| position: relative;
| bottom: -9px;
| flex: 1;
| font-weight: bold;
| }
| .header-btns {
| text-align: right;
| }
| }
| </style>
|
|
