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 66 .workfill-list-btn:focus{
67 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 70 background-color: #fedee5;
71 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 74 background-color: #fef0db;
75 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 78 background-color: #dbe7fe;
79 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 82 background-color: #98c74b;
83 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 86 background-color: #f5f2fe;
87 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 90 background-color: #fbf8e0;
91 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 94 background-color: #bde7fe;
95 95 color: #6297fe;
96 96 }
... ... @@ -159,4 +159,164 @@
159 159 left:180px !important;;
160 160 margin-top: -2px;
161 161 vertical-align: middle;
162   -}
163 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 9 </div>
10 10 <div class="float-right time-opr-show text-center boxshadow" id="time-opr-show"> </div>
11 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 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 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 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 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 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 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 205 </li>
133 206  
  207 +
  208 +
  209 +
  210 +
  211 +
  212 +
  213 +
134 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 339 <!--提示弹窗 sta-->
136 340 <div class="modal fade " id="ITD-tipsmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
137 341 <div class="ITD-modal-dialog blue-modal">
... ...
topages/workfill/workfill.js
  View file @cc7dacb
... ... @@ -21,6 +21,21 @@ var fun = {
21 21 fun.getAsraProject();
22 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 39 timeoprprevbtn:function () {
25 40 $('#time-opr-nextbtn').removeClass('display-none');
26 41 clicknum ++;
... ... @@ -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 +});
... ...