员工工资信息

index.html

@@ -47,34 +47,121 @@
 <!--            示例插件2 id=100-->
             <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
 
-            <div data-tname="工资条" data-pid="1448173415050780672" data-uid="1217647686598135808" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%">
-              <div data-root="p1457912674670354432" class="w-full h-full flex justify-between items-center">
-                <div class="title" style="font-size: 14px;"></div>
-                <button style="width: 50px; height: 24px; font-size: 14px; line-height: 24px; background-color: #1890FF; color: #fff; border-radius: 4px;" onclick="p1457912674670354432.jumpDetails(this)">查看</button>
+            <div data-tname="工资条" data-pid="1458327559317233664" data-uid="1217647686598135808" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%">
+              <div data-root="p1458699343338151936" class="w-full">
+                <div class="flex justify-between items-center">
+                  <div class="text-sm">导入员工工资信息表</div>
+                  <div class="relative flex items-center" id="uploadTable">
+                    <button class="px-3 py-0.5 text-sm text-white rounded-sm" style="background-color: #1890FF;">导入</button>
+                    <input class="input-file absolute z-10 opacity-0" type="file" name="files" id="file" multiple>
+                  </div>
+                </div>
+                <div class="flex justify-between items-center border-b" style="height: 48px; border-color: #E5E5E5;">
+                  <div class="text-sm" style="color: #595959;">张三</div>
+                  <div class="flex items-center" onclick="p1458699343338151936.jumpDetails(this)">
+                    <span class="text-sm" style="color: #929292;">立即完善信息</span>
+                    <img class="ml-1" style="width: 15px;" src="https://www.tall.wiki/staticrec/icon/right.png" />
+                  </div>
+                </div>
+                <div class="flex justify-between items-center border-b" style="height: 48px; border-color: #E5E5E5;">
+                  <div class="text-sm" style="color: #595959;">张三</div>
+                  <div class="flex items-center" onclick="p1458699343338151936.jumpDetails(this)">
+                    <span class="text-sm" style="color: #929292;">立即完善信息</span>
+                    <img class="ml-1" style="width: 15px;" src="https://www.tall.wiki/staticrec/icon/right.png" />
+                  </div>
+                </div>
+                <div class="flex justify-between items-center border-b" style="height: 48px; border-color: #E5E5E5;">
+                  <div class="text-sm" style="color: #595959;">张三</div>
+                  <div class="flex items-center" onclick="p1458699343338151936.jumpDetails(this)">
+                    <span class="text-sm" style="color: #929292;">立即完善信息</span>
+                    <img class="ml-1" style="width: 15px;" src="https://www.tall.wiki/staticrec/icon/right.png" />
+                  </div>
+                </div>
               </div>
             </div>
 
             <script>
-              var p1457912674670354432 = {
+              document.getElementById("file").addEventListener("change", function(e){
+                var files = event.target.files;
+                var formData = new FormData();
+                formData.append('param', files[0]);
+                p1458699343338151936.importStaffSalaryInfo(formData);
+              })
+
+              var p1458699343338151936 = {
                 dom: '',
+                token: '',
+                projectId: '',
+                roleId: '',
 
                 init() {
-                  this.dom = document.querySelector("div[data-root=p1457912674670354432]");
+                  this.dom = document.querySelector("div[data-root=p1458699343338151936]");
+                  var domBox = this.dom.parentNode;
                   var title = this.dom.querySelector('.title');
 
-                  var myDate = new Date();
-                  var tMonth = myDate.getMonth();
-                  title.innerHTML = tMonth === 0 ? '12月份工资表' : tMonth + '月份工资表';
+                  // 获取父元素携带的参数
+                  var userId = domBox.getAttribute("data-uid");
+                  this.projectId = domBox.getAttribute("data-pid");
+                  this.roleId = domBox.getAttribute("data-rid");
+                  // 初始化的时候 获取token
+                  this.getTokenByUserId(userId);
+                },
+
+                // 获取token
+                getTokenByUserId(userId){
+                  var that = this;
+                  fetch(`https://www.tall.wiki/gateway/tall/v1.0/users/userId?userId=${userId}`)
+                  .then(function(response) {
+                    return response.json();
+                  })
+                  .then(function(res) {
+                    const { success, code, data, msg } = res;
+                    if (success && code === 200) {
+                        that.token = data.token;
+                        // 查询考勤信息
+                        // that.getClockQuery()
+                      } else {
+                        console.log('msg: ', msg);
+                      }
+                  });
+                },
+
+                // 导入员工工资信息表
+                importStaffSalaryInfo(formData) {
+                  let that = this;
+
+                  var url = 'https://test.tall.wiki/gateway/defaultwbs/salary/import';
+                  fetch(url, {
+                    method: 'POST',
+                    headers: new Headers({
+                      'Authorization': 'Bearer ' + that.token
+                    }),
+                    body: JSON.stringify({
+                      param: formData,
+                      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);
+                    }
+                  });
                 },
 
                 jumpDetails(that) {
                   var pId = that.parentNode.parentNode.getAttribute('data-pid');
                   var rId = that.parentNode.parentNode.getAttribute('data-rid');
                   var uId = that.parentNode.parentNode.getAttribute('data-uid');
-                  location.href = `https://test.tall.wiki/checkwork/salary/?pid=${pId}&uid=${uId}&rid=${rId}`;
+                  location.href = `https://test.tall.wiki/checkwork/staff-info/?pid=${pId}&uid=${uId}&rid=${rId}`;
                 }
               }
-              p1457912674670354432.init()
+              p1458699343338151936.init()
             </script>
           </div>
         </div>