瀏覽代碼

期初导入界面上传测试 1.0

YL2767 1 月之前
父節點
當前提交
261d80190b
共有 1 個文件被更改,包括 83 次插入1 次删除
  1. 83
    1
      src/view/ware/InStore.vue

+ 83
- 1
src/view/ware/InStore.vue 查看文件

@@ -50,6 +50,14 @@
50 50
             <el-table-column prop="吊装工" label="吊装工" width="150" show-overflow-tooltip header-align="center">
51 51
             </el-table-column>
52 52
             <el-table-column prop="计量方式" label="计量方式" width="150" show-overflow-tooltip header-align="center">
53
+            </el-table-column>
54
+			<el-table-column prop="入库时间" label="入库时间" width="150" show-overflow-tooltip header-align="center">
55
+            </el-table-column>
56
+            <el-table-column prop="出库时间" label="出库时间" width="150" show-overflow-tooltip header-align="center">
57
+            </el-table-column>
58
+            <el-table-column prop="出库车号" label="出库车号" width="150" show-overflow-tooltip header-align="center">
59
+            </el-table-column>
60
+			<el-table-column prop="出库单号" label="出库单号" width="150" show-overflow-tooltip header-align="center">
53 61
             </el-table-column>
54 62
         </el-table>
55 63
     </div>
@@ -74,7 +82,7 @@
74 82
 		},
75 83
 		data() {
76 84
 			return {
77
-				
85
+				imTableData: [],
78 86
 			}
79 87
 		},
80 88
 		//界面渲染完毕调用   初始化表格参数
@@ -94,6 +102,7 @@
94 102
 				this.imptAble = true;
95 103
 				// console.log(json)
96 104
 				axios.post(url, param).then(response => {
105
+					console.log(response.data)
97 106
 					if (response.data.code == '0') {
98 107
 						this.$message({
99 108
 							type: 'success',
@@ -112,6 +121,79 @@
112 121
 				});
113 122
 			},
114 123
 
124
+			handleExceed(file, fileList) {},
125
+			handleChange(file, fileList) {
126
+				this.fileTemp = file.raw
127
+				if (this.fileTemp) {
128
+					if ((this.fileTemp.type == 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') || (this.fileTemp.type ==
129
+							'application/vnd.ms-excel')) {
130
+						this.importfxx(this.fileTemp)
131
+					} else {
132
+						this.$message({
133
+							type: 'warning',
134
+							message: '附件格式错误,请删除后重新上传!'
135
+						})
136
+					}
137
+				} else {
138
+					this.$message({
139
+						type: 'warning',
140
+						message: '请上传附件!'
141
+					})
142
+				}
143
+
144
+			},
145
+
146
+			handleRemove(file, fileList) {
147
+				this.fileTemp = null;
148
+				this.imTableData = [];
149
+			},
150
+
151
+			importfxx(obj) {
152
+				let _this = this;
153
+				// 通过DOM取文件数据
154
+				this.file = obj
155
+				var rABS = false; //是否将文件读取为二进制字符串
156
+				var f = this.file;
157
+				var reader = new FileReader();
158
+				//if (!FileReader.prototype.readAsBinaryString) {
159
+				FileReader.prototype.readAsBinaryString = function(f) {
160
+					var binary = "";
161
+					var rABS = false; //是否将文件读取为二进制字符串
162
+					var pt = this;
163
+					var wb; //读取完成的数据
164
+					var outdata;
165
+					var reader = new FileReader();
166
+					reader.onload = function(e) {
167
+						var bytes = new Uint8Array(reader.result);
168
+						var length = bytes.byteLength;
169
+						for (var i = 0; i < length; i++) {
170
+							binary += String.fromCharCode(bytes[i]);
171
+						}
172
+						var XLSX = require('xlsx');
173
+						if (rABS) {
174
+							wb = XLSX.read(btoa(fixdata(binary)), { //手动转化
175
+								type: 'base64'
176
+							});
177
+						} else {
178
+							wb = XLSX.read(binary, {
179
+								type: 'binary'
180
+							});
181
+						}
182
+						outdata = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]); //outdata就是你想要的东西
183
+						// console.log(JSON.stringify(outdata))
184
+						_this.imTableData = outdata
185
+					}
186
+					reader.readAsArrayBuffer(f);
187
+				}
188
+
189
+				if (rABS) {
190
+					reader.readAsArrayBuffer(f);
191
+				} else {
192
+					reader.readAsBinaryString(f);
193
+				}
194
+			},
195
+
196
+
115 197
 		}
116 198
 	}
117 199
 </script>

Loading…
取消
儲存