index.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" ng-app="app">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. <title>工作日程</title>
  9. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
  10. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  11. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  12. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  13. <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  14. <link rel="stylesheet" href="css/index.css">
  15. <style>
  16. ::-webkit-scrollbar{ width: 16px;height: 14px;}
  17. ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}
  18. ::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
  19. ::-webkit-scrollbar-thumb{min-height: 20px;-moz-background-clip: content-box; -webkit-background-clip: content-box; background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
  20. ::-webkit-scrollbar-corner{background: transparent;}
  21. </style>
  22. </head>
  23. <body ng-controller="appCtrl as ctl" ng-cloak>
  24. <div class="wrapper wrapper-content animated fadeInRight">
  25. <div class="row">
  26. <div class="col-md-8" id="leftPart">
  27. <div class="ibox float-e-margins">
  28. <div class="ibox-title">
  29. <h5>本周任务 <span class="badge" ng-bind="ctl.weekTaskTotal==0?'':ctl.weekTaskTotal"></span></h5>
  30. <div class="ibox-tools">
  31. <button class="pull-right sp-btn-blue sp-btn-radius sp-btn-sm" ng-click="ctl.openAddLayer()">
  32. <i class="fa fa-plus sp-mr-5"></i>新 建
  33. </button>
  34. </div>
  35. </div>
  36. <div class="ibox-content">
  37. <div class="panel-box">
  38. <div ng-repeat="item in ctl.weekTask" ng-class="{'sp-ml-10':$index!=0,'sp-panel-default':!ctl.isDay(item.time),'sp-panel-blue':ctl.isDay(item.time)}"
  39. class="sp-panel sp-panel-default">
  40. <div class="sp-panel-head sp-fs-16 sp-text-ellipsis">
  41. <i class="fa fa-clock-o fa-flip-horizontal"></i>
  42. <span ng-bind="ctl.getCnWeek(item.time)"></span>
  43. </div>
  44. <div class="sp-panel-body" ng-if="item.task.length!=0">
  45. <span class="itemWeekTask" ng-repeat="item2 in item.task track by $index">
  46. <span class="itemWeekTaskVal" ng-bind="item2.MEETINGNAME" ng-click="ctl.openEditLayer(item2.ID)"></span>
  47. <span class="itemWeekTaskBtn" title="删除任务" ng-click="ctl.deleteTask(item2.ID)"><i class="fa fa-trash"></i></span>
  48. </span>
  49. </div>
  50. <div class="sp-panel-body sp-text-center" ng-if="item.task.length==0">
  51. <img src="images/bg-coco.png" class="sp-pt-20 sp-pb-20" alt="" srcset="">
  52. <span class="sp-lh-26">本日暂无工作</span>
  53. </div>
  54. </div>
  55. <!-- <div class="sp-panel sp-panel-blue ">
  56. <div class="sp-panel-head">面板整理</div>
  57. <div class="sp-panel-body">
  58. <div class="coco"></div>
  59. <span class="sp-lh-26">列表2</span>
  60. </div>
  61. </div> -->
  62. </div>
  63. </div>
  64. </div>
  65. <div class="ibox float-e-margins">
  66. <div class="ibox-title">
  67. <div class="canlendar-tit sp-text-center sp-fs-18">
  68. <div ng-click="ctl.preMonth()" class="sp-col-20 sp-cursor-pointer"><span class="sp-btn-blue">&lt;</span></div>
  69. <div id="js-now-time" class="sp-col-60 sp-cursor-pointer " ng-click="ctl.toList()">
  70. <span class="sp-btn-blue sp-radius">
  71. <span ng-bind="ctl.ynow"></span>年
  72. <span ng-bind="ctl.mnow"></span>月
  73. </span>
  74. </div>
  75. <div ng-click="ctl.nextMonth()" class="sp-col-20 sp-cursor-pointer"><span class="sp-btn-blue">&gt;</span></div>
  76. </div>
  77. </div>
  78. <div class="ibox-content">
  79. <div id="js-calendar-con" class="clearfix">
  80. <div class="calendar-con">
  81. <ul class="weektit">
  82. <li class="current-day">日</li>
  83. <li>一</li>
  84. <li>二</li>
  85. <li>三</li>
  86. <li>四</li>
  87. <li>五</li>
  88. <li class="current-day">六</li>
  89. </ul>
  90. <ul id="js-calendar-main">
  91. <li ng-repeat="item in ctl.dayArr track by $index" ng-class="{'current-day':ctl.currentDay(item)}">
  92. <p ng-bind="item.day"></p>
  93. <span class="badge" ng-bind="item.leader" ng-click="ctl.showDayTask(item,'领导')" style="background: #FF5859; color: white; cursor: pointer; "></span>
  94. <span class="badge" ng-bind="item.badge" ng-click="ctl.showDayTask(item,'个人')" style="cursor: pointer"></span>
  95. </li>
  96. </ul>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div >
  102. <div class="col-md-4" id="rightPart">
  103. <div class="ibox float-e-margins">
  104. <div class="ibox-title">
  105. <h5>今日任务 <span class="badge" ng-bind="ctl.todayTask.length==0?'':ctl.todayTask.length"></span></h5>
  106. </div>
  107. <div class="ibox-content" style="height: 810px;overflow-y: auto;">
  108. <div class="module-list ng-hide" ng-show="ctl.todayTask.length>0" ng-repeat="item in ctl.todayTask">
  109. <h5 class="leader" ng-if="item.OWNTYPE=='领导'" ng-bind="item.MEETINGNAME"></h5>
  110. <h5 class="user" ng-if="item.OWNTYPE=='个人'" ng-bind="item.MEETINGNAME"></h5>
  111. <table>
  112. <tr>
  113. <td width="75">开始时间:</td>
  114. <td ng-bind="item.STARTIME | date:'yyyy-MM-dd HH:mm:ss'"></td>
  115. </tr>
  116. <tr>
  117. <td>结束时间:</td>
  118. <td ng-bind="item.ENDTIME | date:'yyyy-MM-dd HH:mm:ss'"></td>
  119. </tr>
  120. <!--<tr>
  121. <td>负责人:</td>
  122. <td ng-bind="item.LEADERMAN"></td>
  123. </tr>-->
  124. <tr>
  125. <td>参加人员:</td>
  126. <td ng-bind="item.ATTENDEES"></td>
  127. </tr>
  128. </table>
  129. </div>
  130. <div ng-show="ctl.todayTask.length==0" class="sp-table-tip" style="border-top:1px solid #E1E6EB;">
  131. <i class="fa fa-exclamation-circle sp-mr-10"></i> 您好,暂未查询到相关信息!
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. <div class="sp-layer" id="layer_addWork" style="width:600px;">
  139. <div class="sp-layer-body sp-pl-15 sp-pr-30">
  140. <div class="sp-page">
  141. <form class="form-horizontal" ng-click="ctl.removeWarning()">
  142. <div class="form-group sp-text-center">
  143. <span ng-class="{'sp-btn-blue':ctl.addTask.OWNTYPE=='个人','sp-btn-gray':ctl.addTask.OWNTYPE!='个人'}" ng-click="ctl.addTask.OWNTYPE='个人'">个人</span>
  144. <span ng-class="{'sp-btn-blue':ctl.addTask.OWNTYPE=='领导','sp-btn-gray':ctl.addTask.OWNTYPE!='领导'}" ng-click="ctl.addTask.OWNTYPE='领导'">领导</span>
  145. </div>
  146. <div class="form-group">
  147. <label class="col-sm-2 control-label">主题</label>
  148. <div class="col-sm-10">
  149. <input type="text" ng-model="ctl.addTask.MEETINGNAME" class="sp-input" placeholder="请输入工作安排" sp-required >
  150. </div>
  151. </div>
  152. <div class="form-group">
  153. <label class="col-sm-2 control-label">时间</label>
  154. <div class="col-sm-10">
  155. <input type="text" style="width:48.5%" laytype="datetime" format="yyyy-MM-dd HH:mm:ss" class="sp-input laydate-logo pull-left" theme="#009f95" id="laydate_time_start"
  156. sp-laydate placeholder="请选择开始日期" ng-model="ctl.addTask.STARTIME" />
  157. <input type="text" style="width:48.5%" laytype="datetime" format="yyyy-MM-dd HH:mm:ss" class="sp-input laydate-logo sp-ml-10 pull-right" theme="#009f95"
  158. id="laydate_time_end" sp-laydate placeholder="请选择截至时间" ng-model="ctl.addTask.ENDTIME" />
  159. </div>
  160. </div>
  161. <div class="form-group">
  162. <label class="col-sm-2 control-label">地点</label>
  163. <div class="col-sm-10">
  164. <input type="text" class="sp-input" ng-model="ctl.addTask.ADDR" placeholder="请输入地点">
  165. </div>
  166. </div>
  167. <!--<div class="form-group">
  168. <label class="col-sm-2 control-label">负责人</label>
  169. <div class="col-sm-10">
  170. <input type="text" class="sp-input" ng-model="ctl.addTask.LEADERMAN" placeholder="请输入负责人">
  171. </div>
  172. </div>-->
  173. <!--<div class="form-group">
  174. <label class="col-sm-2 control-label">人员</label>
  175. <div class="col-sm-10">
  176. <div class="checkbox" id="selectMember" style="height: 160px;overflow: auto;">
  177. <label>
  178. <input ng-click="ctl.selectAll()" ng-model="ctl.isSelectedAll" type="checkbox"> 全选
  179. </label>
  180. <div ng-repeat="item in ctl.userList">
  181. <div class="firstDepart" style="clear: both;">
  182. <label>
  183. <input type="checkbox" ng-model="item.isChecked" ng-click="ctl.firstDepartSelect($index)">
  184. <span ng-bind="item.SECTION" style="font-weight: bold"></span>
  185. </label>
  186. <ul class="userList" ng-repeat="item2 in item.C_H_I_L_D_DATA">
  187. <li style="float: left">
  188. <label style="margin-right: 10px;">
  189. <input type="checkbox" ng-model="item2.isChecked" ng-click="ctl.firstUserSelect($parent.$index)">
  190. <span ng-bind="item2.ushowname"></span>
  191. </label>
  192. </li>
  193. </ul>
  194. <div class="secondDepart" style="clear: both;margin-left: 15px;" ng-repeat="item3 in item.C_H_I_L_D">
  195. <label>
  196. <input type="checkbox" ng-model="item3.isChecked" ng-click="ctl.secondDepartSelect($parent.$index,$index)">
  197. <span ng-bind="item3.SECTION" style="font-weight: bold"></span>
  198. </label>
  199. <ul class="userList" ng-repeat="item4 in item3.C_H_I_L_D_DATA">
  200. <li style="float: left">
  201. <label style="margin-right: 10px;">
  202. <input type="checkbox" ng-model="item4.isChecked" ng-click="ctl.secondUserSelect($parent.$parent.$index,$parent.$index)">
  203. <span ng-bind="item4.ushowname"></span>
  204. </label>
  205. </li>
  206. </ul>
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. </div>-->
  213. <div class="form-group">
  214. <label class="col-sm-2 control-label">类型</label>
  215. <div class="col-sm-10">
  216. <div class="radio">
  217. <label ng-repeat="item in ctl.meetTypeList" style="margin-right: 10px;">
  218. <input type="radio" ng-model="ctl.addTask.ATTENDTYPECODE" value="{{item.CODE}}" ng-click="ctl.changeMeetType()">
  219. <span ng-bind="item.CNAME"></span>
  220. </label>
  221. </div>
  222. </div>
  223. </div>
  224. <!--<div class="form-group" style="margin-bottom: 5px;">
  225. <label class="col-sm-2 control-label">备注</label>
  226. <div class="col-sm-10">
  227. <textarea ng-model="ctl.addTask.REMARK" class="sp-textarea" rows="2"></textarea>
  228. </div>
  229. </div>-->
  230. <div class="sp-pt-5 sp-pb-5 sp-pl-10 sp-pr-10 sp-mb-10" style="background:#E1E6EB;margin-right:-15px">
  231. 更多设置
  232. <span class="sp-pull-right" style="color:#2176d6;cursor:pointer" ng-click="ctl.setMore=!ctl.setMore">{{ctl.setMoreMsg}}</span>
  233. </div>
  234. <div class="form-group" ng-if="ctl.setMore==true">
  235. <label class="col-sm-2 control-label">提前提醒</label>
  236. <div class="col-sm-10">
  237. <select class="sp-select" style="width:100px" ng-model="ctl.addTask.REMINDTIME" ng-change="ctl.changeREMINDTIME()">
  238. <option ng-repeat="item in ctl.REMINDTIME" ng-bind="item.CNAME"
  239. value="{{item.CODE}}" ng-selected="ctl.addTask.REMINDTIME==item.CODE"></option>
  240. </select>
  241. </div>
  242. </div>
  243. <div class="form-group" ng-if="ctl.setMore==true">
  244. <label class="col-sm-2 control-label">重复</label>
  245. <div class="col-sm-10">
  246. <select class="sp-select" style="width:100px" ng-model="ctl.addTask.FREQUENCY">
  247. <option ng-repeat="item in ctl.FREQUENCY_list" ng-bind="item.CNAME"
  248. value="{{item.CODE}}" ng-selected="ctl.addTask.FREQUENCY==item.CODE"></option>
  249. </select>
  250. </div>
  251. </div>
  252. <div class="form-group" ng-if="ctl.setMore==true">
  253. <label class="col-sm-2 control-label">分享</label>
  254. <div class="col-sm-10">
  255. <div class="checkbox" id="selectMember" style="height: 160px;overflow: auto;">
  256. <label>
  257. <input ng-click="ctl.selectAll()" ng-model="ctl.isSelectedAll" type="checkbox"> 全选
  258. </label>
  259. <div ng-repeat="item in ctl.userList">
  260. <div class="firstDepart" style="clear: both;">
  261. <label>
  262. <input type="checkbox" ng-model="item.isChecked" ng-click="ctl.firstDepartSelect($index)">
  263. <span ng-bind="item.SECTION" style="font-weight: bold"></span>
  264. </label>
  265. <ul class="userList" ng-repeat="item2 in item.C_H_I_L_D_DATA">
  266. <li style="float: left">
  267. <label style="margin-left: 15px; margin-right: 10px;">
  268. <input type="checkbox" ng-model="item2.isChecked" ng-click="ctl.firstUserSelect($parent.$index)">
  269. <span ng-bind="item2.ushowname"></span>
  270. </label>
  271. </li>
  272. </ul>
  273. <div class="secondDepart" style="clear: both;margin-left: 15px;" ng-repeat="item3 in item.C_H_I_L_D">
  274. <label>
  275. <input type="checkbox" ng-model="item3.isChecked" ng-click="ctl.secondDepartSelect($parent.$index,$index)">
  276. <span ng-bind="item3.SECTION" style="font-weight: bold"></span>
  277. </label>
  278. <ul class="userList" ng-repeat="item4 in item3.C_H_I_L_D_DATA">
  279. <li style="float: left">
  280. <label style="margin-left: 15px; margin-right: 10px;">
  281. <input type="checkbox" ng-model="item4.isChecked" ng-click="ctl.secondUserSelect($parent.$parent.$index,$parent.$index)">
  282. <span ng-bind="item4.ushowname"></span>
  283. </label>
  284. </li>
  285. </ul>
  286. <div class="thirdDepart" style="clear: both;margin-left: 15px;" ng-repeat="item5 in item3.C_H_I_L_D">
  287. <label>
  288. <input type="checkbox" ng-model="item5.isChecked" ng-click="ctl.thirdDepartSelect($parent.$parent.$index,$parent.$index,$index)">
  289. <span ng-bind="item5.SECTION" style="font-weight: bold"></span>
  290. </label>
  291. <ul class="userList" ng-repeat="item6 in item5.C_H_I_L_D_DATA">
  292. <li style="float: left">
  293. <label style="margin-left: 15px; margin-right: 10px;">
  294. <input type="checkbox" ng-model="item6.isChecked" ng-click="ctl.thirdUserSelect($parent.$parent.$parent.$index,$parent.$parent.$index,$parent.$index)">
  295. <span ng-bind="item6.ushowname"></span>
  296. </label>
  297. </li>
  298. </ul>
  299. </div>
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. <div class="warninfo"></div>
  307. </form>
  308. <div class="sp-line-gray"></div>
  309. <div class="sp-page sp-text-center">
  310. <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.btnAddTask()">
  311. <i class="fa fa-check sp-mr-5"></i>提 交
  312. </button>
  313. <button class="sp-btn-default sp-btn-radius" onclick="sp.layerhide()">
  314. <i class="fa fa-trash sp-mr-5"></i>取 消
  315. </button>
  316. </div>
  317. </div>
  318. </div>
  319. </div>
  320. <div class="sp-layer" id="layer_dayTask" style="width:550px;">
  321. <div class="sp-layer-head" style="background:#2176d6">
  322. <div class="sp-page sp-text-center sp-font18">
  323. <span ng-if="ctl.itemType=='个人'">个人日程</span>
  324. <span ng-if="ctl.itemType=='领导'">领导日程</span>
  325. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  326. ×
  327. </div>
  328. </div>
  329. </div>
  330. <div class="sp-layer-body sp-pl-15 sp-pr-30">
  331. <div class="sp-page">
  332. <table class="sp-grid-job">
  333. <tbody>
  334. <tr ng-repeat="item in ctl.oneDayList track by $index" ng-if="item.OWNTYPE==ctl.itemType">
  335. <!--<td width="50" class="sp-text-center" ng-bind="$index+1"></td>-->
  336. <td ng-bind="item.starttime + ' -- ' + item.endtime"></td>
  337. <td ng-bind="item.MEETINGNAME"></td>
  338. </tr>
  339. </tbody>
  340. </table>
  341. <div class="sp-line-gray"></div>
  342. <div class="sp-page sp-text-center">
  343. <button class="sp-btn-default sp-btn-radius" onclick="sp.layerhide()">
  344. <i class="fa fa-close sp-mr-5"></i>关 闭
  345. </button>
  346. </div>
  347. </div>
  348. </div>
  349. </div>
  350. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  351. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  352. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  353. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  354. <script src="../../AFrontEnd/js/angularjs/angular-sanitize.js"></script>
  355. <script src="../../apiurljs.js"></script>
  356. <script src="../../js/sm4.js"></script>
  357. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
  358. <script>document.write('<scri' + 'pt src="js/index.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
  359. <script src="../../AFrontEnd/js/special/spng.js"></script>
  360. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  361. </body>
  362. </html>