From 44ac006b67a5fcc9359038c5b6fed5c2f73491aa Mon Sep 17 00:00:00 2001
From: xuesinan <1404152492@qq.com>
Date: Sun, 31 Oct 2021 14:30:00 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BA=A2=E5=A4=B4=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 75 +++++++++++++++++++++++++++++-------------------------
 1 file changed, 41 insertions(+), 34 deletions(-)

diff --git a/index.html b/index.html
index e130e87..464ca71 100644
--- a/index.html
+++ b/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);
+                    }
+                  });
+                },
 
                 /**
                  * 下载红头文件模板