BJ_web_developers / workreport

Blame view

topages/workfill/workfill.js 14.1 KB
Edit Raw Normal View History
d34df23d   liuqimichale   头部公用 
1
2
3
 
  /**
   * Created by mac on 18/7/25.
   */
7552bd7a   liuqimichale   填报--- 时间操作 
4
5
6
7
 
  var weekOfday = Number(moment().format('E'));//计算今天是这周第几天
  var clicknum = 0;//定义上下周点击次数
  var fun = {
      init:function () {
b0811500   王富生   登录模块提交 
8
 
          //debugger;
edb14cd4   liuqimichale   登录 
9
7dd4675c   Andy   add 工时填报添加插件 
10
11
 
          //初始化项目
          $('.work-projectName').selectpicker('render');
7552bd7a   liuqimichale   填报--- 时间操作 
12
13
14
15
16
 
          //获取本周时间
          $('#time-opr-show').text(moment().subtract('days', weekOfday-1).format('YYYY/MM/DD')+' - '+moment().subtract('days', 0).format('YYYY/MM/DD'));
          // 获取今天时间
          var todaytime  = moment().subtract('days', 0).format('YYYY/MM/DD');
          $('#time-opr-nowtime').text(todaytime);
4b130959   xiejianpeng   工时填报 
17
 
          $('#querytime').text(moment().subtract('days', weekOfday-1).format('YYYY-MM-DD'));
909cfbfb   王富生   登录模块提交 
18
19
 
          //
          fun.logout();
5993e2d4   王富生   登录模块提交 
20
21
 
          //获取项目
          fun.getAsraProject();
4b130959   xiejianpeng   工时填报 
22
 
          fun.getAsraDailyListMsg();
7552bd7a   liuqimichale   填报--- 时间操作 
23
 
      },
cc7dacb5   liuqimichale   新版 工时填报 
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
      listToggle:function (ele) {
          var text = ele.find('.slide-text').text();
          ele.parent().siblings().find('.slide-text').text('全部展开');
          if(text == '全部展开'){
              ele.find('.slide-text').text('全部折叠')
          }else{
              ele.find('.slide-text').text('全部展开')
          };
          ele.parent().siblings().find('.slide-icon').removeClass('slide-icon-active');
          ele.find('.slide-icon').toggleClass('slide-icon-active');
  
  
          ele.parent().siblings().find('.workquery-list-container').slideUp();
          ele.parent().find('.workquery-list-container').slideToggle();
      },
7552bd7a   liuqimichale   填报--- 时间操作 
39
40
41
42
43
44
45
 
      timeoprprevbtn:function () {
          $('#time-opr-nextbtn').removeClass('display-none');
          clicknum ++;
          console.log(clicknum)
          var start = weekOfday+7*clicknum-1;
          var end = weekOfday+ clicknum*7-7;
          $('#time-opr-show').text(moment().subtract('days', start).format('YYYY/MM/DD')+' - '+moment().subtract('days',end).format('YYYY/MM/DD'));
4b130959   xiejianpeng   工时填报 
46
 
          $('#querytime').text(moment().subtract('days', start).format('YYYY-MM-DD'));
7552bd7a   liuqimichale   填报--- 时间操作 
47
48
49
50
51
52
53
 
      },
      timeoprnextbtn:function () {
  
          clicknum --;
          console.log(clicknum)
          if(clicknum == 0){
              $('#time-opr-show').text(moment().subtract('days', weekOfday-1).format('YYYY/MM/DD')+' - '+moment().subtract('days', 0).format('YYYY/MM/DD'));
4b130959   xiejianpeng   工时填报 
54
 
              $('#querytime').text(moment().subtract('days', weekOfday-1).format('YYYY-MM-DD'));
7552bd7a   liuqimichale   填报--- 时间操作 
55
56
57
58
59
 
              $('#time-opr-nextbtn').addClass('display-none');
          }else{
              var start = weekOfday+7*clicknum-1;
              var end = weekOfday+ clicknum*7-7;
              $('#time-opr-show').text(moment().subtract('days', start).format('YYYY/MM/DD')+' - '+moment().subtract('days',end).format('YYYY/MM/DD'));
4b130959   xiejianpeng   工时填报 
60
 
              $('#querytime').text(moment().subtract('days', start).format('YYYY-MM-DD'));
7552bd7a   liuqimichale   填报--- 时间操作 
61
62
63
64
 
          }
  
  
      },
909cfbfb   王富生   登录模块提交 
65
66
 
      //退出
      logout:function(){
b047a78a   liuqimichale   事件解绑 
67
 
          documentBindFunc.on('click','#logoutId',function(){
909cfbfb   王富生   登录模块提交 
68
69
 
             fn.loginOut();
         });
5993e2d4   王富生   登录模块提交 
70
71
72
 
      },
      /***获取项目下拉框.*/
      getAsraProject:function(){
612cdb95   xiejianpeng   工时填报 
73
 
          // debugger;
5993e2d4   王富生   登录模块提交 
74
75
76
77
78
79
80
81
82
83
84
85
86
87
 
           fn.getAsraProject("",function(data){
              var html="";
              $.each(data,function(index,row){
                  html+='<option value="'+row.id+'">'+row.projecName+'</option>';
              });
              if(html != null && html != ""){
                  for(var i=1;i<8;i++){
                      $("#work-projectName"+i).empty();
                      $("#work-projectName"+i).append(html);
                      $("#work-projectName"+i).selectpicker('refresh');
  
                  }
              }
          });
4b130959   xiejianpeng   工时填报 
88
89
90
91
92
93
94
95
96
97
98
99
100
 
      },
      /*获取查询参数*/
      getQueryParam: function () {
          /**员工名字*/
          var dailyDate = $("#querytime").text()+" 00:00:00";
  
          var req = {
              dailyDate: dailyDate
          };
  
          return req;
      },
      queryAsraDailyList:function(callBack){
5c3df95b   liuqimichale   新版 工时填报 
101
 
          // debugger;
4b130959   xiejianpeng   工时填报 
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
 
          var req = fun.getQueryParam();
          //设置请求参数
          req.sysCode = sysComm.sysCode;
          var opt = {
              method: 'post',
              url: dataUrl.util.queryAsraDailyList(),
              data: JSON.stringify(req),
              contentType: 'application/json; charset=utf-8',
              dataType: 'json',
              success: function (res) {
                  if (res.success == true) {
                      console.log(res.data);
                      callBack(res.data);
                  }
              }
          };
          sysAjax(opt);
      },
      /***获取日报信息.*/
      getAsraDailyListMsg:function(){
5c3df95b   liuqimichale   新版 工时填报 
122
 
          // debugger;
4b130959   xiejianpeng   工时填报 
123
 
          fun.queryAsraDailyList(function(data){
612cdb95   xiejianpeng   工时填报 
124
 
              /**先进性初始化*/
4b130959   xiejianpeng   工时填报 
125
 
              for(var i=1;i<8;i++){
612cdb95   xiejianpeng   工时填报 
126
127
128
129
130
131
132
 
                  if($("#weekday" + i).next().hasClass("commited-icon")) {
                      $("#weekday" + i).next().removeClass("commited-icon");
                      $("#weekday" + i).next().addClass("nocommited-icon");
                      $("#weekday" + i).next().html("未填写");
                  }
                  $("#weekday"+i).parent().parent().show();
                  $("#btn-commit"+i).html('提交');
4b130959   xiejianpeng   工时填报 
133
134
135
136
 
                  $("#work-projectName"+i).selectpicker('val','');
                  $("#work-projectName"+i).selectpicker('refresh');
                  $("#daily-report"+i).html("");
                  //如果不是本周则隐藏按钮
612cdb95   xiejianpeng   工时填报 
137
138
 
                  if(clicknum >= 1) {
                      $("#btn-commit" + i).attr("style", "display:none;");
31c8e47d   xiejianpeng   工时填报 
139
 
                      $("#daily-report" + i).attr("contenteditable", "false");
612cdb95   xiejianpeng   工时填报 
140
141
142
143
 
                      $("#btn-commit" + i).parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon').addClass('display-none');
                      var projectName = $("#btn-commit" + i).parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon .work-projectName').find("option:selected").text();
                      $("#btn-commit" + i).parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').removeClass('display-none');
                      $("#btn-commit" + i).parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').text(projectName);
4b130959   xiejianpeng   工时填报 
144
612cdb95   xiejianpeng   工时填报 
145
146
147
148
149
150
 
                       var ele = $("#weekday" + i).parent();
                       ele.find('.slide-text').text('全部展开')
                       ele.parent().siblings().find('.slide-icon').removeClass('slide-icon-active');
                       ele.find('.slide-icon').addClass('slide-icon-active');
                       ele.parent().siblings().find('.workquery-list-container').slideUp();
                       ele.parent().find('.workquery-list-container').slideUp();
4b130959   xiejianpeng   工时填报 
151
 
                  }else if(clicknum == 0){
c3e72356   xiejianpeng   工时填报 
152
153
154
 
                      //日期回填
                      var date = moment().subtract('days', weekOfday-i).format('YYYY-MM-DD 01:00:00');
                      $("#weekday"+i).attr("data-date",date);
7f0bfeef   xiejianpeng   工时填报 
155
156
 
                      if(weekOfday-i < 0){
                          $("#btn-commit"+i).attr("style","display:none;");
612cdb95   xiejianpeng   工时填报 
157
158
159
160
161
162
 
                          $("#weekday"+i).parent().parent().hide();
                      }else if(weekOfday-i == 0){
                          if(weekOfday-i == 0){
                              var ele = $("#weekday"+i).parent();
                              fun.listToggle(ele);
                          }
7f0bfeef   xiejianpeng   工时填报 
163
164
 
                          $("#btn-commit"+i).attr("style","display:block;");
                      }
c3e72356   xiejianpeng   工时填报 
165
 
                      //展示变更
31c8e47d   xiejianpeng   工时填报 
166
 
                      $("#daily-report"+i).attr("contenteditable","true");
4b130959   xiejianpeng   工时填报 
167
168
169
170
171
172
 
                      if($("#btn-commit"+i).parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon').hasClass('display-none')) {
                          $("#btn-commit"+i).parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon').removeClass('display-none');
                          var projectName=$("#btn-commit"+i).parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon .work-projectName').find("option:selected").text();
                          $("#btn-commit"+i).parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').addClass('display-none');
                          $("#btn-commit"+i).parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').text(projectName);
                      }
4b130959   xiejianpeng   工时填报 
173
174
 
                  }
              }
612cdb95   xiejianpeng   工时填报 
175
 
              /**回填数据*/
4b130959   xiejianpeng   工时填报 
176
 
              $.each(data,function(index,row){
612cdb95   xiejianpeng   工时填报 
177
178
179
180
181
182
 
                  if($("#weekday" + row.weeksNum).next().hasClass("nocommited-icon")) {
                      $("#weekday" + row.weeksNum).next().removeClass("nocommited-icon");
                      $("#weekday" + row.weeksNum).next().addClass("commited-icon");
                      $("#weekday" + row.weeksNum).next().html("已填写");
                  }
c3e72356   xiejianpeng   工时填报 
183
 
                  $("#weekday"+row.weeksNum).attr("data-id",row.id);
4b130959   xiejianpeng   工时填报 
184
185
186
187
 
                  $("#daily-report"+row.weeksNum).html(row.dailyContent);
                  $("#work-projectName"+row.weeksNum).selectpicker('val',row.projectId);
                  $("#work-projectName"+row.weeksNum).selectpicker('refresh');
0bc75c53   liuqimichale   防止重复提交 
188
 
                  $("#btn-commit"+row.weeksNum).html('编辑');
31c8e47d   xiejianpeng   工时填报 
189
 
                  $("#daily-report"+row.weeksNum).attr("contenteditable","false");
4b130959   xiejianpeng   工时填报 
190
191
192
193
194
195
196
 
                  $("#btn-commit"+row.weeksNum).parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon').addClass('display-none');
                  var projectName=$("#btn-commit"+row.weeksNum).parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon .work-projectName').find("option:selected").text();
                  $("#btn-commit"+row.weeksNum).parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').removeClass('display-none');
                  $("#btn-commit"+row.weeksNum).parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').text(projectName);
              });
          });
      },
c3e72356   xiejianpeng   工时填报 
197
 
      //工时信息提交
31fcb9f5   xiejianpeng   工时填报 
198
 
      dailyReportCommit:function (id,_this) {
c3e72356   xiejianpeng   工时填报 
199
200
201
202
203
 
          console.log(id);
          var arsaId  = $("#weekday"+id).attr("data-id");
          var projectId = $("#work-projectName"+id).find("option:selected").val();
          var dailyDate  = $("#weekday"+id).attr("data-date");
          var dailyContent = $("#daily-report"+id).text();
d9b3c0ba   liuqimichale   登录 
204
 
          if(dailyContent==''){
cbd7c7e7   Andy   添加提示弹窗 工时填写页面 
205
206
207
208
209
210
 
              $('.ITD-alertmodel-contentmsg').text('工作内容不能为空!');
              $('#ITD-tipsmodel').modal('show');
              setTimeout(function () {
                  $('.ITD-alertmodel-contentmsg').text('');
                  $('#ITD-tipsmodel').modal('hide');
              },3000);
0bc75c53   liuqimichale   防止重复提交 
211
 
              _this.removeAttr("disabled");
cbd7c7e7   Andy   添加提示弹窗 工时填写页面 
212
 
              return false;
d9b3c0ba   liuqimichale   登录 
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
 
          }else{
              var req= {
                  id:arsaId,
                  projectId:projectId,
                  dailyDate:dailyDate,
                  dailyContent:dailyContent,
                  sysCode:sysComm.sysCode
              };
              var editAreaBlok= {
                  method: "post",
                  url: dataUrl.util.saveOrUpdateAsraDaily(),
                  data: JSON.stringify(req),
                  contentType: 'application/json; charset=utf-8',
                  dataType:'json',
                  success: function(res){
                      if(res.success == true){
c4c82500   xiejianpeng   工时填报 
229
230
 
                          var asraId = res.data;
                          $("#weekday"+id).attr("data-id",asraId);
0bc75c53   liuqimichale   防止重复提交 
231
 
                          _this.html('编辑');
31c8e47d   xiejianpeng   工时填报 
232
 
                          _this.parent().next().attr("contenteditable","false");
e297b660   xiejianpeng   工时填报 
233
 
                          _this.parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon').addClass('display-none');
d9b3c0ba   liuqimichale   登录 
234
 
                          var projectName=_this.parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon .work-projectName').find("option:selected").text();
e297b660   xiejianpeng   工时填报 
235
 
                          _this.parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').removeClass('display-none');
d9b3c0ba   liuqimichale   登录 
236
 
                          _this.parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').text(projectName);
0bc75c53   liuqimichale   防止重复提交 
237
 
                          _this.removeAttr("disabled");
7f0bfeef   xiejianpeng   工时填报 
238
612cdb95   xiejianpeng   工时填报 
239
240
241
242
243
244
245
 
                          if($("#weekday" + id).next().hasClass("nocommited-icon")) {
                              $("#weekday" + id).next().removeClass("nocommited-icon");
                              $("#weekday" + id).next().addClass("commited-icon");
                              $("#weekday" + id).next().html("已填写");
                          }
d9b3c0ba   liuqimichale   登录 
246
 
                      }else{
cbd7c7e7   Andy   添加提示弹窗 工时填写页面 
247
248
249
250
251
252
 
                          $('.ITD-alertmodel-contentmsg').text('提交失败!');
                          $('#ITD-tipsmodel').modal('show');
                          setTimeout(function () {
                              $('.ITD-alertmodel-contentmsg').text('');
                              $('#ITD-tipsmodel').modal('hide');
                          },3000);
0bc75c53   liuqimichale   防止重复提交 
253
 
                          _this.removeAttr("disabled");
d9b3c0ba   liuqimichale   登录 
254
255
 
                          return false;
                      }
c3e72356   xiejianpeng   工时填报 
256
 
                  }
d9b3c0ba   liuqimichale   登录 
257
258
259
260
261
262
 
              };
              sysAjax(editAreaBlok);
          }
c3e72356   xiejianpeng   工时填报 
263
 
      }
7552bd7a   liuqimichale   填报--- 时间操作 
264
265
266
 
  };
  fun.init();
  // 上一周点击time-opr-prevbtn
b047a78a   liuqimichale   事件解绑 
267
 
  documentBindFunc.on('click','#time-opr-prevbtn',function () {
7552bd7a   liuqimichale   填报--- 时间操作 
268
 
      fun.timeoprprevbtn();
4b130959   xiejianpeng   工时填报 
269
 
      fun.getAsraDailyListMsg();
7552bd7a   liuqimichale   填报--- 时间操作 
270
271
 
  });
  // 下一周点击time-opr-nextbtn
b047a78a   liuqimichale   事件解绑 
272
 
  documentBindFunc.on('click','#time-opr-nextbtn',function () {
7552bd7a   liuqimichale   填报--- 时间操作 
273
 
      fun.timeoprnextbtn();
4b130959   xiejianpeng   工时填报 
274
 
      fun.getAsraDailyListMsg();
e2a48bfd   Andy   add 
275
 
  });
d8c028fb   Andy   编辑 提交 切换 
276
e2a48bfd   Andy   add 
277
 
  //提交事件
b047a78a   liuqimichale   事件解绑 
278
 
  documentBindFunc.on('click','.workfill-list-btn',function () {
e2a48bfd   Andy   add 
279
 
      var _this=$(this);
d8c028fb   Andy   编辑 提交 切换 
280
 
      if(_this.parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon').hasClass('display-none')){
0bc75c53   liuqimichale   防止重复提交 
281
 
          _this.html('提交');
31c8e47d   xiejianpeng   工时填报 
282
 
          _this.parent().next().attr("contenteditable","true");
31fcb9f5   xiejianpeng   工时填报 
283
284
285
286
287
 
          _this.parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon').toggleClass('display-none');
          var projectName=_this.parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon .work-projectName').find("option:selected").text();
          _this.parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').toggleClass('display-none');
          _this.parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').text(projectName);
d199cade   Andy   add 
288
 
      }else {
0bc75c53   liuqimichale   防止重复提交 
289
 
          _this.attr("disabled","disabled");
c3e72356   xiejianpeng   工时填报 
290
291
 
          var commitId = _this.attr("id");
          var id = commitId.substring(10,11);
31fcb9f5   xiejianpeng   工时填报 
292
293
 
          fun.dailyReportCommit(id,_this);
d199cade   Andy   add 
294
 
      }
d8c028fb   Andy   编辑 提交 切换 
295
e2a48bfd   Andy   add 
296
297
 
  
  });
cc7dacb5   liuqimichale   新版 工时填报 
298
299
300
301
302
 
  
  $('#workquery-list-wrap').delegate('.workquery-list-title','click',function () {
      var ele = $(this);
      fun.listToggle(ele);
  });