发证

index.html

@@ -44,10 +44,36 @@
 
             <div data-tname="考勤" data-pid="1452228106302791680" data-uid="1217647686598135808" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%">
               <div data-root="p1453640585348128768" style="height:100%;width:100%;">
-                <div class="px-2 py-1.5 flex justify-between items-center w-full border border-gray-200 rounded-sm text-sm">
+                <div class="p-2 border border-gray-200 rounded-sm text-sm">
+                  <div class="temp flex justify-between items-center w-full">
+                    <p class="w-20 flex-shrink-0 text-gray-400">选择模板</p>
+                    <div class="flex items-center">
+                      <span class="sel-temp-name mr-1">请选择证书模板</span>
+                      <img style="width: 15px;" src="https://www.tall.wiki/staticrec/icon/right.svg" />
+                    </div>
+                  </div>
+
+                  <div class="mt-2 temp-list flex items-center">
+                    <div class="temp-item border border-blue-400 flex justify-center items-center" style="width: 30%; height: 100px; margin-right: 5%;" onclick="p1453640585348128768.selTemp(1)">
+                      <img style="max-width: 100%; max-height: 100%;" src="http://test.tall.wiki/staticrec/plan.png" />
+                    </div>
+                    <div class="temp-item border border-gray-200 flex justify-center items-center" style="width: 30%; height: 100px; margin-right: 5%;" onclick="p1453640585348128768.selTemp(2)">
+                      <img style="max-width: 100%; max-height: 100%;" src="http://test.tall.wiki/staticrec/plan.png" />
+                    </div>
+                    <div class="temp-item border border-gray-200 flex justify-center items-center" style="width: 30%; height: 100px;" onclick="p1453640585348128768.selTemp(3)">
+                      <img style="max-width: 100%; max-height: 100%;" src="http://test.tall.wiki/staticrec/plan.png" />
+                    </div>
+                  </div>
+                </div>
+
+                <div class="mt-2 px-2 py-1.5 flex justify-between items-center w-full border border-gray-200 rounded-sm text-sm">
                   <p class="text-gray-400 truncate" style="width: calc(100vw - 9rem)">已结业学员</p>
                   <button class="text-xs text-blue-400 border border-blue-400 rounded-full w-10 h-5" onclick="p1453640585348128768.getList()">查看</button>
                 </div>
+
+                <div class="mt-4 flex justify-center items-center w-full text-sm">
+                  <button class="border border-blue-500 bg-blue-500 text-white rounded-sm" style="width: 45%; height: 34px;" onclick="p1453640585348128768.certificate()">发证</button>
+                </div>
               </div>
             </div>
 
@@ -90,6 +116,38 @@
                   });
                 },
 
+                /**
+                 * 发证
+                 */
+                certificate() {
+                  var that = this
+                  fetch(`https://test.tall.wiki/gateway/sports/player/certificate`, {
+                    headers: new Headers({
+                      'Authorization': 'Bearer ' + that.token,
+                      'Content-Type': 'application/json; charset=utf-8'
+                    }),
+                    method: 'POST',
+                    body: JSON.stringify({
+                      param: {
+                        "fileId": 0,
+                        "playerId": 0,
+                        "projectId": that.projectId
+                      }
+                    })
+                  })
+                  .then(function(response) {
+                    return response.json();
+                  })
+                  .then(function(res) {
+                    const { success, code, data, msg } = res;
+                    if (success && code === 200) {
+
+                    } else {
+                      console.log('msg: ', msg);
+                    }
+                  });
+                },
+
                 getList() {
                   const pId = this.dom.parentNode.getAttribute('data-pid');
                   const uId = this.dom.parentNode.getAttribute('data-uid');