红头文件

index.html

@@ -206,17 +206,17 @@
             </div>
 
             <script>
-              // var fileElement = document.getElementById('file');
-              // fileElement.addEventListener('change', function(event) {
-              //   var files = event.target.files;
-              //   var formData = new FormData();
-              //   formData.append('param', files[0]);
-              //   p1449927427387301888.upload(formData)
-              // }, false);
-              var form = document.getElementById("form");
-              form.addEventListener("input", function(e){
+              document.getElementById('file').addEventListener('change', function(event) {
+                var files = event.target.files;
+                var formData = new FormData();
+                formData.append('param', files[0]);
+                p1449927427387301888.upload(formData)
+              }, false);
+
+              document.getElementById("form").addEventListener("input", function(e){
                 p1449927427387301888.setData(e);
               })
+
               //事件委托就是利用事件冒泡特性，给父元素绑定事件
               //parent.contains(child) 判断是否是某个节点的子节点
               //e.target 触发事件的源节点
@@ -475,6 +475,14 @@
                                   <input class="train-start-time text-right outline-none" data-id="${data.questionId}" type="date" placeholder="请选择${data.question}">
                                 </div>
                               </div>`;
+                    } else if (data.type === 7) {
+                      html += `<div class="file-upload mt-2.5 px-2 flex justify-between items-center w-full h-8 border border-gray-200 rounded-sm text-sm">
+                                <p class="file-name text-gray-400">文件上传</p>
+                                <div class="relative flex items-center">
+                                  <button>上传</button>
+                                  <input class="input-file absolute z-10 opacity-0" type="file" name="files" id="file" multiple>
+                                </div>
+                              </div>`;
                     }
                   }
 
@@ -528,31 +536,30 @@
                 },
 
                 // 文件上传
-                // upload(formData){
-                //   var that = this;
-                //   fetch(`https://test.tall.wiki/gateway/sports/file/upload`, {
-                //     headers: new Headers({
-                //       'Authorization': 'Bearer ' + that.token
-                //     }),
-                //     method: 'POST',
-                //     body: formData,
-                //   })
-                //   .then(function(response) {
-                //     return response.json();
-                //   })
-                //   .then(function(res) {
-                //     const { success, code, data, msg } = res;
-                //     if (success && code === 200) {
-                //       that.fileId = data.fileId;
-                //       that.filePath = data.path;
-                //       let fileName = that.dom.querySelector('.file-name');
-                //       fileName.innerHTML = data.name;
-                //       that.showOrHide(1, -1, 1, 0);
-                //     } else {
-                //       console.log('msg: ', msg);
-                //     }
-                //   });
-                // },
+                upload(formData){
+                  var that = this;
+                  fetch(`https://test.tall.wiki/gateway/sports/file/upload`, {
+                    headers: new Headers({
+                      'Authorization': 'Bearer ' + that.token
+                    }),
+                    method: 'POST',
+                    body: formData,
+                  })
+                  .then(function(response) {
+                    return response.json();
+                  })
+                  .then(function(res) {
+                    const { success, code, data, msg } = res;
+                    if (success && code === 200) {
+                      that.fileId = data.fileId;
+                      that.filePath = data.path;
+                      let fileName = that.dom.querySelector('.file-name');
+                      fileName.innerHTML = data.name;
+                    } else {
+                      console.log('msg: ', msg);
+                    }
+                  });
+                },
 
                 /**
                  * 下载红头文件模板