BJ_web_developers / workreport

Commit cc7dacb59ee053bb852825bd019998180e467b7f

Authored by liuqimichale
1 parent eb170b53

新版 工时填报

Inline Side-by-side
Showing 10 changed files with 491 additions and 107 deletions
resource/img/nocommited-icon-1.png 0 → 100644
View file @cc7dacb

14.3 KB
resource/img/nocommited-icon-2.png 0 → 100644
View file @cc7dacb

14.3 KB
resource/img/nocommited-icon-3.png 0 → 100644
View file @cc7dacb

14.3 KB
resource/img/nocommited-icon-4.png 0 → 100644
View file @cc7dacb

14.3 KB
resource/img/nocommited-icon-5.png 0 → 100644
View file @cc7dacb

14.3 KB
resource/img/nocommited-icon-6.png 0 → 100644
View file @cc7dacb

14.3 KB
resource/img/nocommited-icon-7.png 0 → 100644
View file @cc7dacb

14.2 KB
topages/workfill/workfill.css
  View file @cc7dacb
@@ -66,31 +66,31 @@ @@ -66,31 +66,31 @@
66 .workfill-list-btn:focus{ 66 .workfill-list-btn:focus{
67 outline: none; 67 outline: none;
68 } 68 }
69 -.workfill-list-wrap li:nth-of-type(1) .workfill-list-btn{ 69 +.workquery-list-wrap>li:nth-of-type(1) .workfill-list-btn{
70 background-color: #fedee5; 70 background-color: #fedee5;
71 color: #f94c6e; 71 color: #f94c6e;
72 } 72 }
73 -.workfill-list-wrap li:nth-of-type(2) .workfill-list-btn{ 73 +.workquery-list-wrap>li:nth-of-type(2) .workfill-list-btn{
74 background-color: #fef0db; 74 background-color: #fef0db;
75 color: #fead39; 75 color: #fead39;
76 } 76 }
77 -.workfill-list-wrap li:nth-of-type(3) .workfill-list-btn{ 77 +.workquery-list-wrap>li:nth-of-type(3) .workfill-list-btn{
78 background-color: #dbe7fe; 78 background-color: #dbe7fe;
79 color: #4886ff; 79 color: #4886ff;
80 } 80 }
81 -.workfill-list-wrap li:nth-of-type(4) .workfill-list-btn{ 81 +.workquery-list-wrap>li:nth-of-type(4) .workfill-list-btn{
82 background-color: #98c74b; 82 background-color: #98c74b;
83 color: #f1fae2; 83 color: #f1fae2;
84 } 84 }
85 -.workfill-list-wrap li:nth-of-type(5) .workfill-list-btn{ 85 +.workquery-list-wrap>li:nth-of-type(5) .workfill-list-btn{
86 background-color: #f5f2fe; 86 background-color: #f5f2fe;
87 color: #714cf9; 87 color: #714cf9;
88 } 88 }
89 -.workfill-list-wrap li:nth-of-type(6) .workfill-list-btn{ 89 +.workquery-list-wrap>li:nth-of-type(6) .workfill-list-btn{
90 background-color: #fbf8e0; 90 background-color: #fbf8e0;
91 color: #f7e124; 91 color: #f7e124;
92 } 92 }
93 -.workfill-list-wrap li:nth-of-type(7) .workfill-list-btn{ 93 +.workquery-list-wrap>li:nth-of-type(7) .workfill-list-btn{
94 background-color: #bde7fe; 94 background-color: #bde7fe;
95 color: #6297fe; 95 color: #6297fe;
96 } 96 }
@@ -159,4 +159,164 @@ @@ -159,4 +159,164 @@
159 left:180px !important;; 159 left:180px !important;;
160 margin-top: -2px; 160 margin-top: -2px;
161 vertical-align: middle; 161 vertical-align: middle;
162 -}  
163 \ No newline at end of file 162 \ No newline at end of file
  163 +}
  164 +
  165 +/*----------------------------------------列表*/
  166 +.workquery-list-wrap>li{
  167 + margin-bottom: 15px;
  168 +}
  169 +.workquery-list-wrap>li:nth-of-type(7n+1) .workquery-list-title{
  170 + border-left: 2px solid #f94c6e;
  171 +}
  172 +.workquery-list-wrap>li:nth-of-type(7n+2) .workquery-list-title{
  173 + border-left: 2px solid #fead39;
  174 +}
  175 +.workquery-list-wrap>li:nth-of-type(7n+3) .workquery-list-title{
  176 + border-left: 2px solid #4886ff;
  177 +}
  178 +.workquery-list-wrap>li:nth-of-type(7n+4) .workquery-list-title{
  179 + border-left: 2px solid #98c74b;
  180 +}
  181 +.workquery-list-wrap>li:nth-of-type(7n+5) .workquery-list-title{
  182 + border-left: 2px solid #714cf9;
  183 +}
  184 +.workquery-list-wrap>li:nth-of-type(7n+6) .workquery-list-title{
  185 + border-left: 2px solid #f7e124;
  186 +}
  187 +.workquery-list-wrap>li:nth-of-type(7n+7) .workquery-list-title{
  188 + border-left: 2px solid #6297fe;
  189 +}
  190 +
  191 +.workquery-list-wrap>li:nth-of-type(7n+1) .commited-icon{
  192 + background: url("../../resource/img/commited-icon-1.png") no-repeat 0 center;
  193 +}
  194 +.workquery-list-wrap>li:nth-of-type(7n+2) .commited-icon{
  195 + background: url("../../resource/img/commited-icon-2.png") no-repeat 0 center;
  196 +}
  197 +.workquery-list-wrap>li:nth-of-type(7n+3) .commited-icon{
  198 + background: url("../../resource/img/commited-icon-3.png") no-repeat 0 center;
  199 +}
  200 +.workquery-list-wrap>li:nth-of-type(7n+4) .commited-icon{
  201 + background: url("../../resource/img/commited-icon-4.png") no-repeat 0 center;
  202 +}
  203 +.workquery-list-wrap>li:nth-of-type(7n+5) .commited-icon{
  204 + background: url("../../resource/img/commited-icon-5.png") no-repeat 0 center;
  205 +}
  206 +.workquery-list-wrap>li:nth-of-type(7n+6) .commited-icon{
  207 + background: url("../../resource/img/commited-icon-6.png") no-repeat 0 center;
  208 +}
  209 +.workquery-list-wrap>li:nth-of-type(7n+7) .commited-icon{
  210 + background: url("../../resource/img/commited-icon-7.png") no-repeat 0 center;
  211 +}
  212 +
  213 +
  214 +
  215 +.workquery-list-wrap>li:nth-of-type(7n+1) .nocommited-icon{
  216 + background: url("../../resource/img/nocommited-icon-1.png") no-repeat 0 center;
  217 +}
  218 +.workquery-list-wrap>li:nth-of-type(7n+2) .nocommited-icon{
  219 + background: url("../../resource/img/nocommited-icon-2.png") no-repeat 0 center;
  220 +}
  221 +.workquery-list-wrap>li:nth-of-type(7n+3) .nocommited-icon{
  222 + background: url("../../resource/img/nocommited-icon-3.png") no-repeat 0 center;
  223 +}
  224 +.workquery-list-wrap>li:nth-of-type(7n+4) .nocommited-icon{
  225 + background: url("../../resource/img/nocommited-icon-4.png") no-repeat 0 center;
  226 +}
  227 +.workquery-list-wrap>li:nth-of-type(7n+5) .nocommited-icon{
  228 + background: url("../../resource/img/nocommited-icon-5.png") no-repeat 0 center;
  229 +}
  230 +.workquery-list-wrap>li:nth-of-type(7n+6) .nocommited-icon{
  231 + background: url("../../resource/img/nocommited-icon-6.png") no-repeat 0 center;
  232 +}
  233 +.workquery-list-wrap>li:nth-of-type(7n+7) .nocommited-icon{
  234 + background: url("../../resource/img/nocommited-icon-7.png") no-repeat 0 center;
  235 +}
  236 +
  237 +.workquery-list-title{
  238 + cursor: pointer;
  239 + height: 64px;
  240 + line-height: 64px;
  241 + background-color: #fff;
  242 + border-radius: 4px;
  243 + overflow: hidden;
  244 +}
  245 +.workquery-list-title>li{
  246 + float: left;
  247 +}
  248 +.workquery-list-title li:nth-of-type(1){
  249 + width: 300px;
  250 + font-size: 18px;
  251 + color: #363d5d;
  252 + padding-left: 80px;
  253 + background: url("../../resource/img/circle-icon.png") no-repeat 60px center;
  254 +}
  255 +.workquery-list-title li:nth-of-type(2){
  256 + width: 700px;
  257 + padding-left: 40px;
  258 + font-size: 18px;
  259 + color: #363d5d;
  260 +}
  261 +.workquery-list-title li:nth-of-type(3){
  262 + width: 150px;
  263 + text-align: right;
  264 + font-size: 14px;
  265 + color: rgba(0,0,0,.5);
  266 +}
  267 +.slide-icon{
  268 + width: 25px;
  269 + text-align: right;
  270 + background: url("../../resource/img/arrow-up.png") no-repeat center center;
  271 +}
  272 +.slide-icon-active{
  273 + background: url("../../resource/img/arrow-down.png") no-repeat center center;
  274 +}
  275 +.workquery-list-container{
  276 + margin-top: 5px;
  277 +}
  278 +.workquery-list-container>li{
  279 + height: 200px;
  280 + border-bottom: 1px solid #f0f1f9;
  281 + background-color: #fff;
  282 +}
  283 +.workquery-list-main{
  284 + height: 200px;
  285 + padding: 20px 50px 20px 80px;
  286 +}
  287 +.workquery-list-main>li{
  288 + float: left;
  289 +}
  290 +.workquery-list-main>li:nth-of-type(1){
  291 + width: 100%;
  292 + height: 50px;
  293 + font-size: 14px;
  294 + color: #363d5d;
  295 +}
  296 +.workquery-list-main>li:nth-of-type(2){
  297 + width: 100%;
  298 + height: 100px;
  299 + font-size: 14px;
  300 + color: rgba(0,0,0,.45);
  301 + border: 1px solid #f0f1f9;
  302 + padding: 15px 15px;
  303 + overflow-y: auto;
  304 + line-height: 26px;
  305 +}
  306 +.workquery-list-main>li:nth-of-type(3){
  307 + width: 150px;
  308 + height: 142px;
  309 + line-height: 142px;
  310 + font-size: 14px;
  311 + color: #363d5d;
  312 +}
  313 +.workquery-list-main>li:nth-of-type(4){
  314 + width: 730px;
  315 + height: 90px;
  316 + line-height: 24px;
  317 + padding: 10px 15px;
  318 + margin-top: 26px;
  319 + font-size: 12px;
  320 + color: rgba(0,0,0,.5);
  321 + border: 1px solid #f0f1f9;
  322 + overflow-y: auto;
  323 +}
topages/workfill/workfill.html
  View file @cc7dacb
@@ -9,129 +9,333 @@ @@ -9,129 +9,333 @@
9 </div> 9 </div>
10 <div class="float-right time-opr-show text-center boxshadow" id="time-opr-show"> </div> 10 <div class="float-right time-opr-show text-center boxshadow" id="time-opr-show"> </div>
11 </div> 11 </div>
12 -<ul class="workfill-list-wrap clearfix">  
13 - <li class="workfill-list-li boxshadow">  
14 - <div class="workfill-list-weekday-wrap clearfix">  
15 - <span class="float-left workfill-list-weekday" id="weekday1" data-id="" data-date="">周一</span>  
16 - <button class="float-right workfill-list-btn cursor-pointer" id="btn-commit1">提交</button>  
17 - </div>  
18 - <div class="workfill-list-projectnamewrap">  
19 - <div class="pos-abs workfill-projectCon">  
20 - <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName1">  
21 12
22 - </select>  
23 - </div>  
24 - <div class="workfill-list-projectname display-none">项目名称</div>  
25 - </div>  
26 - <div class="workfill-list-container" contenteditable="true" id="daily-report1">  
27 13
28 - </div> 14 +<ul class="workquery-list-wrap" id="workquery-list-wrap">
  15 + <!--<div class="nodata-icon" ></div>-->
  16 +
  17 + <li>
  18 + <ul class="workquery-list-title clearfix boxshadow">
  19 + <li>星期一</li>
  20 + <li class="nocommited-icon">未填写</li>
  21 + <li class="slide-text">全部展开</li>
  22 + <li class="slide-icon"> &nbsp;</li>
  23 + </ul>
  24 + <ul class="workquery-list-container clearfix display-none">
  25 + <li class="workquery-list-box">
  26 + <ul class="workquery-list-main">
  27 + <li class="clearfix">
  28 + <div class="float-left">
  29 + <div>项目1</div>
  30 + <div class="display-none">下拉框</div>
  31 + </div>
  32 + <button class="float-right workfill-list-btn">提交</button>
  33 + </li>
  34 + <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
  35 +
  36 + </ul>
  37 + </li>
  38 +
  39 +
  40 +
  41 +
  42 + </ul>
29 </li> 43 </li>
  44 + <li>
  45 + <ul class="workquery-list-title clearfix boxshadow">
  46 + <li>星期二</li>
  47 + <li class="commited-icon">已填写</li>
  48 + <li class="slide-text">全部展开</li>
  49 + <li class="slide-icon"> &nbsp;</li>
  50 + </ul>
  51 + <ul class="workquery-list-container clearfix display-none">
  52 + <li class="workquery-list-box">
  53 + <ul class="workquery-list-main">
  54 + <li class="clearfix">
  55 + <div class="float-left">
  56 + <div>项目1</div>
  57 + <div class="display-none">下拉框</div>
  58 + </div>
  59 + <button class="float-right workfill-list-btn">提交</button>
  60 + </li>
  61 + <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
30 62
31 - <li class="workfill-list-li boxshadow">  
32 - <div class="workfill-list-weekday-wrap clearfix">  
33 - <span class="float-left workfill-list-weekday" id="weekday2" data-id="" data-date="">周二</span>  
34 - <button class="float-right workfill-list-btn cursor-pointer" id="btn-commit2">提交</button>  
35 - </div>  
36 - <div class="workfill-list-projectnamewrap">  
37 - <div class="pos-abs workfill-projectCon">  
38 - <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName2"> 63 + </ul>
  64 + </li>
39 65
40 - </select>  
41 - </div>  
42 - <div class="workfill-list-projectname display-none">项目名称</div>  
43 - </div>  
44 - <div class="workfill-list-container" contenteditable="true" id="daily-report2">  
45 66
46 - </div> 67 +
  68 +
  69 + </ul>
47 </li> 70 </li>
48 - <li class="workfill-list-li boxshadow">  
49 - <div class="workfill-list-weekday-wrap clearfix">  
50 - <span class="float-left workfill-list-weekday" id="weekday3" data-id="" data-date="">周三</span>  
51 - <button class="float-right workfill-list-btn cursor-pointer" id="btn-commit3">提交</button>  
52 - </div>  
53 - <div class="workfill-list-projectnamewrap">  
54 - <div class="pos-abs workfill-projectCon">  
55 - <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName3"> 71 + <li>
  72 + <ul class="workquery-list-title clearfix boxshadow">
  73 + <li>星期三</li>
  74 + <li class="nocommited-icon">未填写</li>
  75 + <li class="slide-text">全部展开</li>
  76 + <li class="slide-icon"> &nbsp;</li>
  77 + </ul>
  78 + <ul class="workquery-list-container clearfix display-none">
  79 + <li class="workquery-list-box">
  80 + <ul class="workquery-list-main">
  81 + <li class="clearfix">
  82 + <div class="float-left">
  83 + <div>项目1</div>
  84 + <div class="display-none">下拉框</div>
  85 + </div>
  86 + <button class="float-right workfill-list-btn">提交</button>
  87 + </li>
  88 + <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
56 89
57 - </select>  
58 - </div>  
59 - <div class="workfill-list-projectname display-none">项目名称</div>  
60 - </div>  
61 - <div class="workfill-list-container" contenteditable="true" id="daily-report3"> 90 + </ul>
  91 + </li>
62 92
63 - </div> 93 +
  94 +
  95 +
  96 + </ul>
64 </li> 97 </li>
65 - <li class="workfill-list-li boxshadow">  
66 - <div class="workfill-list-weekday-wrap clearfix">  
67 - <span class="float-left workfill-list-weekday" id="weekday4" data-id="" data-date="">周四</span>  
68 - <button class="float-right workfill-list-btn cursor-pointer" id="btn-commit4">提交</button>  
69 - </div>  
70 - <div class="workfill-list-projectnamewrap">  
71 - <div class="pos-abs workfill-projectCon">  
72 - <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName4"> 98 + <li>
  99 + <ul class="workquery-list-title clearfix boxshadow">
  100 + <li>星期四</li>
  101 + <li class="nocommited-icon">未填写</li>
  102 + <li class="slide-text">全部展开</li>
  103 + <li class="slide-icon"> &nbsp;</li>
  104 + </ul>
  105 + <ul class="workquery-list-container clearfix display-none">
  106 + <li class="workquery-list-box">
  107 + <ul class="workquery-list-main">
  108 + <li class="clearfix">
  109 + <div class="float-left">
  110 + <div>项目1</div>
  111 + <div class="display-none">下拉框</div>
  112 + </div>
  113 + <button class="float-right workfill-list-btn">提交</button>
  114 + </li>
  115 + <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
73 116
74 - </select>  
75 - </div>  
76 - <div class="workfill-list-projectname display-none">项目名称</div>  
77 - </div>  
78 - <div class="workfill-list-container" contenteditable="true" id="daily-report4"> 117 + </ul>
  118 + </li>
79 119
80 - </div> 120 +
  121 +
  122 +
  123 + </ul>
81 </li> 124 </li>
82 - <li class="workfill-list-li boxshadow">  
83 - <div class="workfill-list-weekday-wrap clearfix">  
84 - <span class="float-left workfill-list-weekday" id="weekday5" data-id="" data-date="">周五</span>  
85 - <button class="float-right workfill-list-btn cursor-pointer" id="btn-commit5">提交</button>  
86 - </div>  
87 - <div class="workfill-list-projectnamewrap">  
88 - <div class="pos-abs workfill-projectCon">  
89 - <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName5"> 125 + <li>
  126 + <ul class="workquery-list-title clearfix boxshadow">
  127 + <li>星期五</li>
  128 + <li class="nocommited-icon">未填写</li>
  129 + <li class="slide-text">全部展开</li>
  130 + <li class="slide-icon"> &nbsp;</li>
  131 + </ul>
  132 + <ul class="workquery-list-container clearfix display-none">
  133 + <li class="workquery-list-box">
  134 + <ul class="workquery-list-main">
  135 + <li class="clearfix">
  136 + <div class="float-left">
  137 + <div>项目1</div>
  138 + <div class="display-none">下拉框</div>
  139 + </div>
  140 + <button class="float-right workfill-list-btn">提交</button>
  141 + </li>
  142 + <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
90 143
91 - </select>  
92 - </div>  
93 - <div class="workfill-list-projectname display-none">项目名称</div>  
94 - </div>  
95 - <div class="workfill-list-container" contenteditable="true" id="daily-report5"> 144 + </ul>
  145 + </li>
96 146
97 - </div> 147 +
  148 +
  149 +
  150 + </ul>
98 </li> 151 </li>
99 - <li class="workfill-list-li boxshadow">  
100 - <div class="workfill-list-weekday-wrap clearfix">  
101 - <span class="float-left workfill-list-weekday" id="weekday6" data-id="" data-date="">周六</span>  
102 - <button class="float-right workfill-list-btn cursor-pointer" id="btn-commit6">提交</button>  
103 - </div>  
104 - <div class="workfill-list-projectnamewrap">  
105 - <div class="pos-abs workfill-projectCon">  
106 - <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName6"> 152 + <li>
  153 + <ul class="workquery-list-title clearfix boxshadow">
  154 + <li>星期六</li>
  155 + <li class="nocommited-icon">未填写</li>
  156 + <li class="slide-text">全部展开</li>
  157 + <li class="slide-icon"> &nbsp;</li>
  158 + </ul>
  159 + <ul class="workquery-list-container clearfix display-none">
  160 + <li class="workquery-list-box">
  161 + <ul class="workquery-list-main">
  162 + <li class="clearfix">
  163 + <div class="float-left">
  164 + <div>项目1</div>
  165 + <div class="display-none">下拉框</div>
  166 + </div>
  167 + <button class="float-right workfill-list-btn">提交</button>
  168 + </li>
  169 + <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
107 170
108 - </select>  
109 - </div>  
110 - <div class="workfill-list-projectname display-none">项目名称</div>  
111 - </div>  
112 - <div class="workfill-list-container" contenteditable="true" id="daily-report6"> 171 + </ul>
  172 + </li>
113 173
114 - </div> 174 +
  175 +
  176 +
  177 + </ul>
115 </li> 178 </li>
116 - <li class="workfill-list-li boxshadow">  
117 - <div class="workfill-list-weekday-wrap clearfix">  
118 - <span class="float-left workfill-list-weekday" id="weekday7" data-id="" data-date="">周日</span>  
119 - <button class="float-right workfill-list-btn cursor-pointer" id="btn-commit7">提交</button>  
120 - </div>  
121 - <div class="workfill-list-projectnamewrap">  
122 - <div class="pos-abs workfill-projectCon">  
123 - <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName7"> 179 + <li>
  180 + <ul class="workquery-list-title clearfix boxshadow">
  181 + <li>星期天</li>
  182 + <li class="nocommited-icon">未填写</li>
  183 + <li class="slide-text">全部展开</li>
  184 + <li class="slide-icon"> &nbsp;</li>
  185 + </ul>
  186 + <ul class="workquery-list-container clearfix ">
  187 + <li class="workquery-list-box">
  188 + <ul class="workquery-list-main">
  189 + <li class="clearfix">
  190 + <div class="float-left">
  191 + <div>项目1</div>
  192 + <div class="display-none">下拉框</div>
  193 + </div>
  194 + <button class="float-right workfill-list-btn">提交</button>
  195 + </li>
  196 + <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
124 197
125 - </select>  
126 - </div>  
127 - <div class="workfill-list-projectname display-none">项目名称</div>  
128 - </div>  
129 - <div class="workfill-list-container" contenteditable="true" id="daily-report7"> 198 + </ul>
  199 + </li>
130 200
131 - </div> 201 +
  202 +
  203 +
  204 + </ul>
132 </li> 205 </li>
133 206
  207 +
  208 +
  209 +
  210 +
  211 +
  212 +
  213 +
134 </ul> 214 </ul>
  215 +
  216 +<!--<ul class="workfill-list-wrap clearfix">-->
  217 + <!--<li class="workfill-list-li boxshadow">-->
  218 + <!--<div class="workfill-list-weekday-wrap clearfix">-->
  219 + <!--<span class="float-left workfill-list-weekday" id="weekday1" data-id="" data-date="">周一</span>-->
  220 + <!--<button class="float-right workfill-list-btn cursor-pointer" id="btn-commit1">提交</button>-->
  221 + <!--</div>-->
  222 + <!--<div class="workfill-list-projectnamewrap">-->
  223 + <!--<div class="pos-abs workfill-projectCon">-->
  224 + <!--<select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName1">-->
  225 +
  226 + <!--</select>-->
  227 + <!--</div>-->
  228 + <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
  229 + <!--</div>-->
  230 + <!--<div class="workfill-list-container" contenteditable="true" id="daily-report1">-->
  231 +
  232 + <!--</div>-->
  233 + <!--</li>-->
  234 +
  235 + <!--<li class="workfill-list-li boxshadow">-->
  236 + <!--<div class="workfill-list-weekday-wrap clearfix">-->
  237 + <!--<span class="float-left workfill-list-weekday" id="weekday2" data-id="" data-date="">周二</span>-->
  238 + <!--<button class="float-right workfill-list-btn cursor-pointer" id="btn-commit2">提交</button>-->
  239 + <!--</div>-->
  240 + <!--<div class="workfill-list-projectnamewrap">-->
  241 + <!--<div class="pos-abs workfill-projectCon">-->
  242 + <!--<select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName2">-->
  243 +
  244 + <!--</select>-->
  245 + <!--</div>-->
  246 + <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
  247 + <!--</div>-->
  248 + <!--<div class="workfill-list-container" contenteditable="true" id="daily-report2">-->
  249 +
  250 + <!--</div>-->
  251 + <!--</li>-->
  252 + <!--<li class="workfill-list-li boxshadow">-->
  253 + <!--<div class="workfill-list-weekday-wrap clearfix">-->
  254 + <!--<span class="float-left workfill-list-weekday" id="weekday3" data-id="" data-date="">周三</span>-->
  255 + <!--<button class="float-right workfill-list-btn cursor-pointer" id="btn-commit3">提交</button>-->
  256 + <!--</div>-->
  257 + <!--<div class="workfill-list-projectnamewrap">-->
  258 + <!--<div class="pos-abs workfill-projectCon">-->
  259 + <!--<select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName3">-->
  260 +
  261 + <!--</select>-->
  262 + <!--</div>-->
  263 + <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
  264 + <!--</div>-->
  265 + <!--<div class="workfill-list-container" contenteditable="true" id="daily-report3">-->
  266 +
  267 + <!--</div>-->
  268 + <!--</li>-->
  269 + <!--<li class="workfill-list-li boxshadow">-->
  270 + <!--<div class="workfill-list-weekday-wrap clearfix">-->
  271 + <!--<span class="float-left workfill-list-weekday" id="weekday4" data-id="" data-date="">周四</span>-->
  272 + <!--<button class="float-right workfill-list-btn cursor-pointer" id="btn-commit4">提交</button>-->
  273 + <!--</div>-->
  274 + <!--<div class="workfill-list-projectnamewrap">-->
  275 + <!--<div class="pos-abs workfill-projectCon">-->
  276 + <!--<select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName4">-->
  277 +
  278 + <!--</select>-->
  279 + <!--</div>-->
  280 + <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
  281 + <!--</div>-->
  282 + <!--<div class="workfill-list-container" contenteditable="true" id="daily-report4">-->
  283 +
  284 + <!--</div>-->
  285 + <!--</li>-->
  286 + <!--<li class="workfill-list-li boxshadow">-->
  287 + <!--<div class="workfill-list-weekday-wrap clearfix">-->
  288 + <!--<span class="float-left workfill-list-weekday" id="weekday5" data-id="" data-date="">周五</span>-->
  289 + <!--<button class="float-right workfill-list-btn cursor-pointer" id="btn-commit5">提交</button>-->
  290 + <!--</div>-->
  291 + <!--<div class="workfill-list-projectnamewrap">-->
  292 + <!--<div class="pos-abs workfill-projectCon">-->
  293 + <!--<select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName5">-->
  294 +
  295 + <!--</select>-->
  296 + <!--</div>-->
  297 + <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
  298 + <!--</div>-->
  299 + <!--<div class="workfill-list-container" contenteditable="true" id="daily-report5">-->
  300 +
  301 + <!--</div>-->
  302 + <!--</li>-->
  303 + <!--<li class="workfill-list-li boxshadow">-->
  304 + <!--<div class="workfill-list-weekday-wrap clearfix">-->
  305 + <!--<span class="float-left workfill-list-weekday" id="weekday6" data-id="" data-date="">周六</span>-->
  306 + <!--<button class="float-right workfill-list-btn cursor-pointer" id="btn-commit6">提交</button>-->
  307 + <!--</div>-->
  308 + <!--<div class="workfill-list-projectnamewrap">-->
  309 + <!--<div class="pos-abs workfill-projectCon">-->
  310 + <!--<select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName6">-->
  311 +
  312 + <!--</select>-->
  313 + <!--</div>-->
  314 + <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
  315 + <!--</div>-->
  316 + <!--<div class="workfill-list-container" contenteditable="true" id="daily-report6">-->
  317 +
  318 + <!--</div>-->
  319 + <!--</li>-->
  320 + <!--<li class="workfill-list-li boxshadow">-->
  321 + <!--<div class="workfill-list-weekday-wrap clearfix">-->
  322 + <!--<span class="float-left workfill-list-weekday" id="weekday7" data-id="" data-date="">周日</span>-->
  323 + <!--<button class="float-right workfill-list-btn cursor-pointer" id="btn-commit7">提交</button>-->
  324 + <!--</div>-->
  325 + <!--<div class="workfill-list-projectnamewrap">-->
  326 + <!--<div class="pos-abs workfill-projectCon">-->
  327 + <!--<select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName7">-->
  328 +
  329 + <!--</select>-->
  330 + <!--</div>-->
  331 + <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
  332 + <!--</div>-->
  333 + <!--<div class="workfill-list-container" contenteditable="true" id="daily-report7">-->
  334 +
  335 + <!--</div>-->
  336 + <!--</li>-->
  337 +
  338 +<!--</ul>-->
135 <!--提示弹窗 sta--> 339 <!--提示弹窗 sta-->
136 <div class="modal fade " id="ITD-tipsmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 340 <div class="modal fade " id="ITD-tipsmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
137 <div class="ITD-modal-dialog blue-modal"> 341 <div class="ITD-modal-dialog blue-modal">
topages/workfill/workfill.js
  View file @cc7dacb
@@ -21,6 +21,21 @@ var fun = { @@ -21,6 +21,21 @@ var fun = {
21 fun.getAsraProject(); 21 fun.getAsraProject();
22 fun.getAsraDailyListMsg(); 22 fun.getAsraDailyListMsg();
23 }, 23 },
  24 + listToggle:function (ele) {
  25 + var text = ele.find('.slide-text').text();
  26 + ele.parent().siblings().find('.slide-text').text('全部展开');
  27 + if(text == '全部展开'){
  28 + ele.find('.slide-text').text('全部折叠')
  29 + }else{
  30 + ele.find('.slide-text').text('全部展开')
  31 + };
  32 + ele.parent().siblings().find('.slide-icon').removeClass('slide-icon-active');
  33 + ele.find('.slide-icon').toggleClass('slide-icon-active');
  34 +
  35 +
  36 + ele.parent().siblings().find('.workquery-list-container').slideUp();
  37 + ele.parent().find('.workquery-list-container').slideToggle();
  38 + },
24 timeoprprevbtn:function () { 39 timeoprprevbtn:function () {
25 $('#time-opr-nextbtn').removeClass('display-none'); 40 $('#time-opr-nextbtn').removeClass('display-none');
26 clicknum ++; 41 clicknum ++;
@@ -249,3 +264,8 @@ documentBindFunc.on(&#39;click&#39;,&#39;.workfill-list-btn&#39;,function () { @@ -249,3 +264,8 @@ documentBindFunc.on(&#39;click&#39;,&#39;.workfill-list-btn&#39;,function () {
249 264
250 265
251 }); 266 });
  267 +
  268 +$('#workquery-list-wrap').delegate('.workquery-list-title','click',function () {
  269 + var ele = $(this);
  270 + fun.listToggle(ele);
  271 +});