Inicio Explorar Ayuda
Iniciar sesión
asiainfo
/
static
Vigilar 2
Destacar 0
Fork 0
Código Incidencias 0 Pull Requests 0 Commits 1699 Releases 4 Wiki
Explorar el Código

Merge remote-tracking branch 'origin/static-static' into static-static

zengqiao %!s(int64=5) %!d(string=hace) años
padre
9e69f84c85 ba73f33920
commit
3902012e78
Se han modificado 18 ficheros con 1560 adiciones y 574 borrados
Dividir vista Mostrar estadísticas de diff
  1. 292 13
      2020/x-3/biz/css/base-ghh.css
  2. 8 2
      2020/x-3/biz/js/common/PanCarousel.js
  3. 19 6
      2020/x-3/biz/js/page/project-detail.js
  4. 35 3
      2020/x-3/biz/js/page/project-list.js
  5. 9 0
      2020/x-3/biz/js/page/project-phase-list.js
  6. 86 0
      2020/x-3/biz/js/page/project-phase-task.js
  7. 0 52
      2020/x-3/biz/js/page/project-phase.js
  8. 117 0
      2020/x-3/biz/js/page/project-task-list.js
  9. 2 2
      2020/x-3/message-notice-list.html
  10. 0 60
      2020/x-3/project-add.html
  11. 3 88
      2020/x-3/project-detail.html
  12. 3 64
      2020/x-3/project-edit.html
  13. 86 78
      2020/x-3/project-list.html
  14. 1 1
      2020/x-3/project-phase-edit.html
  15. 287 0
      2020/x-3/project-phase-task.html
  16. 0 205
      2020/x-3/project-phase.html
  17. 187 0
      2020/x-3/project-task-add.html
  18. 425 0
      2020/x-3/project-task-list.html

+ 292 - 13
2020/x-3/biz/css/base-ghh.css
Ver fichero 

@ -3272,7 +3272,7 @@ body:not(.body-unsupport-copy) .ipu-list-item-manual {
3272 3272
3273 3273 
.common-data-empty-message,
3274 3274 
.pages-task-list .data-empty-message {
3275 
  height: 5rem;
3275 
  height: 4rem;
3276 3276 
  background: url("../img/flag-empty.png") center 1rem no-repeat;
3277 3277 
  background-size: 1.11rem auto;
3278 3278 
  padding-top: 2.2rem;
 
@ -3718,7 +3718,7 @@ body.date-picked .list-item-pickered {
3718 3718 
}
3719 3719
3720 3720 
.pages-project-list .common-search {
3721 
  padding-top: .1rem;
3721 
  padding: .1rem .2rem .2rem;
3722 3722 
}
3723 3723
3724 3724 
.list-project .ipu-list-item-media img {
 
@ -3801,9 +3801,9 @@ body.date-picked .list-item-pickered {
3801 3801 
  padding-bottom: 0;
3802 3802 
}
3803 3803
3804 
.pages-project-phase .ipu-toolbar-title {
3804 
.pages-project-phase-task .ipu-toolbar-title {
3805 3805 
  left: .55rem;
3806 
  right: 1.5rem;
3806 
  right: .55rem;
3807 3807 
  width: auto;
3808 3808 
}
3809 3809 
@ -3880,7 +3880,7 @@ body.date-picked .list-item-pickered {
3880 3880 
  background-color: #fff;
3881 3881 
}
3882 3882
3883 
.pages-project-phase .ipu-carousel {
3883 
.pages-project-phase-task .ipu-carousel {
3884 3884 
  width: 3.15rem;
3885 3885 
  margin: 0 auto;
3886 3886 
  overflow: visible;
 
@ -3888,11 +3888,11 @@ body.date-picked .list-item-pickered {
3888 3888 
  padding-bottom: .4rem;
3889 3889 
}
3890 3890
3891 
.pages-project-phase .ipu-hammer-carousel .ipu-carousel-wrapper {
3891 
.pages-project-phase-task .ipu-hammer-carousel .ipu-carousel-wrapper {
3892 3892 
  height: 100%;
3893 3893 
}
3894 3894
3895 
.pages-project-phase .ipu-hammer-carousel .ipu-carousel-wrapper > li {
3895 
.pages-project-phase-task .ipu-hammer-carousel .ipu-carousel-wrapper > li {
3896 3896 
  height: 100%;
3897 3897 
  overflow: auto;
3898 3898 
}
 
@ -3901,15 +3901,15 @@ body.date-picked .list-item-pickered {
3901 3901 
  margin: 0 .1rem;
3902 3902 
}
3903 3903
3904 
.pages-project-phase .ipu-checkbox input[type=checkbox]:before {
3904 
.pages-project-phase-task .ipu-checkbox input[type=checkbox]:before {
3905 3905 
  border-color: #CBD5E0;
3906 3906 
}
3907 3907
3908 
.pages-project-phase .ipu-checkbox input[type=checkbox] {
3908 
.pages-project-phase-task .ipu-checkbox input[type=checkbox] {
3909 3909 
  margin-left: 0;
3910 3910 
}
3911 3911
3912 
.pages-project-phase .ipu-checkbox {
3912 
.pages-project-phase-task .ipu-checkbox {
3913 3913 
  padding: 0 .1rem;
3914 3914 
}
3915 3915 
@ -3922,6 +3922,7 @@ body.date-picked .list-item-pickered {
3922 3922 
}
3923 3923
3924 3924 
.project-task-executor .img {
3925 
  margin-left: .1rem;
3925 3926 
  width: .24rem;
3926 3927 
  height: .24rem;
3927 3928 
  border-radius: 50%;
 
@ -3932,7 +3933,6 @@ body.date-picked .list-item-pickered {
3932 3933 
  font-size: .14rem;
3933 3934 
  line-height: .22rem;
3934 3935 
  color: #1A202C;
3935 
  padding-right: .1rem;
3936 3936 
}
3937 3937
3938 3938 
.project-task-time-state {
 
@ -3987,6 +3987,10 @@ body.date-picked .list-item-pickered {
3987 3987 
  overflow: hidden;
3988 3988 
}
3989 3989
3990 
.carousel-block .ipu-refresh-wrapper {
3991 
  height: 100%;
3992 
}
3993
3990 3994 
.project-task-item-white {
3991 3995 
  border-left-color: #fff;
3992 3996 
}
 
@ -3999,14 +4003,14 @@ body.date-picked .list-item-pickered {
3999 4003 
  border-left-color: #F6AD55;
4000 4004 
}
4001 4005
4002 
.pages-project-phase .ipu-carousel-indicator li {
4006 
.pages-project-phase-task .ipu-carousel-indicator li {
4003 4007 
  width: .07rem;
4004 4008 
  height: .07rem;
4005 4009 
  background-color: #A0AEC0;
4006 4010 
  opacity: .3;
4007 4011 
}
4008 4012
4009 
.pages-project-phase .ipu-carousel-indicator li.ipu-current {
4013 
.pages-project-phase-task .ipu-carousel-indicator li.ipu-current {
4010 4014 
  opacity: 1;
4011 4015 
}
4012 4016 
@ -4018,4 +4022,279 @@ body.date-picked .list-item-pickered {
4018 4022
4019 4023 
.project-phase-list .ipu-list-item {
4020 4024 
  padding-left: .2rem;
4025 
}
4026
4027 
.list-item-priority .ipu-radio {
4028 
  font-weight: 500;
4029 
  font-size: .18rem;
4030 
  line-height: .26rem;
4031 
  color: #1A202C;
4032 
  margin-top: .02rem;
4033 
}
4034
4035 
.list-item-priority .ipu-radio input {
4036 
  width: .2rem;
4037 
  height: .2rem;
4038 
  margin-right: .08rem;
4039 
}
4040
4041 
.list-item-priority .ipu-radio input:checked:before {
4042 
  border: 2px solid #0b69ff;
4043 
}
4044
4045 
.ipu-radio-red.ipu-radio input:checked:before {
4046 
  border-color: #F3586B;
4047 
}
4048
4049 
.ipu-radio-red.ipu-radio input:checked:after {
4050 
  background-color: #F3586B;
4051 
}
4052
4053 
.ipu-radio-gray.ipu-radio input:checked:before {
4054 
  border-color: #A0AEC0;
4055 
}
4056
4057 
.ipu-radio-gray.ipu-radio input:checked:after {
4058 
  background-color: #A0AEC0;
4059 
}
4060
4061 
.ipu-radio-yellow.ipu-radio input:checked:before {
4062 
  border-color: #F6AD55;
4063 
}
4064
4065 
.ipu-radio-yellow.ipu-radio input:checked:after {
4066 
  background-color: #F6AD55;
4067 
}
4068
4069 
.pages-project-task-list .common-search {
4070 
  padding: .1rem .2rem .15rem;
4071 
}
4072
4073 
.tab-task-state {
4074 
  padding: 0 .2rem;
4075 
}
4076
4077 
.tab-task-state-item {
4078 
  font-size: .14rem;
4079 
  line-height: .22rem;
4080 
  color: #4A5568;
4081 
}
4082
4083 
.tab-task-state-item + .tab-task-state-item {
4084 
  margin-left: .46rem;
4085 
}
4086
4087 
.tab-task-state-item.slt {
4088 
  background: #0B69FF;
4089 
  font-weight: 500;
4090 
  font-size: .14rem;
4091 
  line-height: .22rem;
4092 
  color: #fff;
4093 
  padding: .03rem .12rem;
4094 
  border-radius: .14rem;
4095 
}
4096
4097 
.task-page-filter {
4098 
  padding: .05rem .2rem 0;
4099 
  font-size: 12px;
4100 
  line-height: .14rem;
4101 
  color: #4A5568;
4102 
  height: .47rem;
4103 
}
4104
4105 
.task-page-filter .icon-flag {
4106 
  color: #A0AEC0;
4107 
  margin-right: .02rem;
4108 
  font-size: .14rem;
4109 
  line-height: .16rem;
4110 
}
4111
4112 
.pages-project-task-list .project-task-item {
4113 
  border-radius: 0;
4114 
  margin: 0;
4115 
}
4116
4117 
.pages-project-task-list .project-task-list .ipu-checkbox {
4118 
  padding: 0 .15rem 0 .2rem;
4119 
}
4120
4121 
.pages-project-task-list .ipu-checkbox input[type=checkbox]:before {
4122 
  border-color: #CBD5E0;
4123 
}
4124
4125 
.modal-dialog-right {
4126 
  width: auto;
4127 
  right: 0;
4128 
  left: auto;
4129 
  top: 0;
4130 
  bottom: 0;
4131 
  overflow: auto;
4132 
  -webkit-transform: translate3d(100%, 0, 0);
4133 
  transform: translate3d(100%, 0, 0);
4134 
}
4135
4136 
.modal-dialog-right.ipu-modal-out {
4137 
  -webkit-transform: translate3d(100%, 0, 0);
4138 
  transform: translate3d(100%, 0, 0);
4139 
}
4140
4141 
.task-search-filter {
4142 
  padding-top: .1rem;
4143 
  height: 100%;
4144 
  background-color: #fff;
4145 
  width: 2.4rem;
4146 
  overflow: auto;
4147 
}
4148
4149 
.filter-item-title {
4150 
  background-color: #F7FAFC;
4151 
  padding: .08rem .2rem .12rem;
4152 
  line-height: .22rem;
4153 
  font-size: .14rem;
4154 
  color: #4A5568;
4155 
}
4156
4157 
.icon-flag-up {
4158 
  display: none;
4159 
}
4160
4161 
.filter-item-option {
4162 
  padding: .1rem .2rem;
4163 
  font-size: .14rem;
4164 
  line-height: .22rem;
4165 
  color: #1A202C;
4166 
}
4167
4168 
.filter-item-option-list {
4169 
  padding: .05rem 0 .1rem;
4170 
}
4171
4172 
.filter-item-option-list .icon-flag {
4173 
  display: none;
4174 
}
4175
4176 
.filter-item-option.slt .icon-flag {
4177 
  font-size: .16rem;
4178 
  display: block;
4179 
  color: #0B69FF;
4180 
}
4181
4182 
.task-search-filter-item.open .icon-flag-down,
4183 
.filter-item-content {
4184 
  display: none;
4185 
}
4186
4187 
.task-search-filter-item.open .icon-flag-up,
4188 
.task-search-filter-item.open .filter-item-content {
4189 
  display: block;
4190 
}
4191
4192 
.filter-item-option .color-flag {
4193 
  background-color: #0B69FF;
4194 
  border-radius: .02rem;
4195 
  width: .14rem;
4196 
  height: .14rem;
4197 
  margin-right: .05rem;
4198 
}
4199
4200 
.filter-item-option .ipu-checkbox-s input[type=checkbox] {
4201 
  margin-right: 0;
4202 
}
4203
4204 
.filter-item-option .color-flag.color-flag-gray {
4205 
  background-color: #A0AEC0;
4206 
}
4207
4208 
.filter-item-option .color-flag.color-flag-yellow {
4209 
  background-color: #F6AD55;
4210 
}
4211
4212 
.filter-item-option .color-flag.color-flag-red {
4213 
  background-color: #F3586B;
4214 
}
4215
4216 
.filter-item-option-img .img,
4217 
.filter-item-option-img img {
4218 
  display: block;
4219 
  width: .24rem;
4220 
  height: .24rem;
4221 
  border-radius: 50%;
4222 
  background: #C4C4C4;
4223 
  margin-right: .1rem;
4224 
}
4225
4226 
.filter-item-option-list-multip .filter-item-option {
4227 
  padding-top: .075rem;
4228 
  padding-bottom: .075rem;
4229 
}
4230
4231 
.task-search-filter-item-priority .filter-item-option-list {
4232 
  padding-top: .025rem;
4233 
  padding-bottom: .125rem;
4234 
}
4235
4236 
.task-search-filter-item-executor .common-search {
4237 
  padding-top: .15rem;
4238 
  padding-bottom: .075rem;
4239 
}
4240
4241 
.task-search-filter-item-executor .common-search-content {
4242 
  min-height: .33rem;
4243 
}
4244
4245 
.task-search-filter-item-executor .common-search-tip {
4246 
  top: .04rem
4247 
}
4248
4249 
.task-search-filter-item-executor .common-search-input-clear {
4250 
  height: .32rem;
4251 
  line-height: .32rem;
4252 
  width: .32rem;
4253 
}
4254
4255 
.task-search-filter-item-executor .common-search-input {
4256 
  padding-top: .05rem;
4257 
  padding-bottom: .05rem;
4258 
  height: .32rem;
4259 
  padding-right: .32rem;
4260 
}
4261
4262 
.task-search-filter-item-priority .filter-item-option-list {
4263 
  padding-bottom: .125rem;
4264 
}
4265
4266 
.task-search-filter-item-executor .filter-item-option-list {
4267 
  max-height: 3.9rem;
4268 
  overflow: auto;
4269 
}
4270
4271 
.filter-btn {
4272 
  margin: .12rem .1rem .07rem;
4273 
  -webkit-appearance: none;
4274 
  border: none;
4275 
  padding: 0;
4276 
  font-weight: 500;
4277 
  font-size: .14rem;
4278 
  line-height: .4rem;
4279 
  text-align: center;
4280 
  color: #0B69FF;
4281 
  border-radius: .2rem;
4282 
  background-color: #F2F3F7;
4283 
}
4284
4285 
.filter-btn.filter-btn-confirm {
4286 
  background-color: #0B69FF;
4287 
  color: #fff;
4288 
}
4289
4290 
.filter-btn + .filter-btn {
4291 
  margin-left: 0;
4292 
}
4293
4294 
.task-page-filter-priority {
4295 
  margin-left: .25rem;
4296 
}
4297
4298 
.task-page-filter-item.slt {
4299 
  color: #0B69FF;
4021 4300 
}

+ 8 - 2
2020/x-3/biz/js/common/PanCarousel.js
Ver fichero 

@ -50,7 +50,7 @@ define(["jquery"], function ($) {
50 50 
     * @cfg {Number} defaultOption.showItemSize=1 一屏最多时出现的子项数量（循环的时候要复制的数量）
51 51 
     * @cfg {Number} defaultOption.startIndex=0  循环的起始位置，一般默认为0，一些特殊情况下需要变动
52 52 
     * @cfg {Boolean} defaultOption.loop=true 是否循环切换，只有轮播切换时，才能自动轮播
53 
     * @cfg {Boolean} defaultOption.autoPlay=false 是否自动轮播
53 
     * @cfg {Boolean} defaultOption.autoPlay=false 是否自动轮播，loop为true时才有效
54 54 
     * @cfg {Number} defaultOption.duration=3000 自动轮播时的间隔时间，单位ms
55 55 
     * @cfg {Boolean} defaultOption.indicator=false 是否生成banner指示器，true右下角出现小点
56 56 
     * @cfg {'left' | 'center' | 'right'} defaultOption.indicatorPosition='right' 指示器位置
 
@ -141,7 +141,6 @@ define(["jquery"], function ($) {
141 141 
      }
142 142
143 143 
      this._show(this.currentIndex, false);
144 
      console.log(this);
145 144 
    },
146 145 
    /**
147 146 
     * 停止自动滚动
 
@ -256,6 +255,7 @@ define(["jquery"], function ($) {
256 255 
     */
257 256 
    refresh: function () {
258 257 
      if (this.wrapperWidth != this.wrapper.outerWidth(true)) {
258 
        console.log('refresh');
259 259 
        this._sizeCount();
260 260 
        this._show(this.realIndex, false); //新的位置
261 261 
      }
 
@ -343,6 +343,12 @@ define(["jquery"], function ($) {
343 343
344 344 
      this._play();//处理自动播放
345 345 
    },
346 
    update: function () {  // 组件更新，因为内容更新了
347 
      var index = this.currentIndex;
348 
      $(".ipu-carousel-indicator", this.el).remove();
349 
      this._init();
350 
      this.show(index);
351 
    },
346 352 
    _onPan: function (ev) {
347 353 
      var delta = ev.deltaX;  // 内容往左，deltaX为正值
348 354

+ 19 - 6
2020/x-3/biz/js/page/project-detail.js
Ver fichero 

@ -1,12 +1,25 @@
1 1 
require(["ipuUI", "jquery", "tool"], function (ipuUI, $, tool) {
2 2 
  $(function () {
3 3
4 
    $(".link-to-edit").on("click", function () {
5 
      location.href = "project-edit.html";
6 
    });
7
8 
    $(".block-head-link-more").click(function () {
9 
      location.href = "project-member-more.html";
4 
    // 更多操作
5 
    $(".toolbar-more-action").on("click", function () {
6 
      var actionConfig = [{text: '修改', type: 'edit'}, {text: '删除', type: 'del'}];
7 
      tool.action(function (type) { // 回调，参数是type
8 
        console.log(type);
9 
        if (type == 'edit') {
10 
          location.href = "project-edit.html";
11 
        } else {
12 
          tool.confirm({
13 
            title: '是否确认删除项目？',
14 
            okClick: function () {
15 
              ipuUI.toast('确认');
16 
            },
17 
            cancelClick: function () {
18 
              ipuUI.toast('取消');
19 
            }
20 
          });
21 
        }
22 
      }, actionConfig);
10 23 
    });
11 24
12 25 
  });

+ 35 - 3
2020/x-3/biz/js/page/project-list.js
Ver fichero 

@ -1,17 +1,49 @@
1 1 
require(["ipuUI", "jquery", "tool"], function (ipuUI, $, tool) {
2 2 
  $(function () {
3 3
4 
    // 新建项目
4 5 
    $(".link-project-add").on("click", function () {
5 6 
      location.href = "project-add.html";
6 7 
    });
7 8
9 
    // 进入项目详情
10 
    $(".list-project").on("click", ".link-more", function () {
11 
      console.log('link-more');
12 
      location.href = "project-detail.html";
13 
      return false;
14 
    });
15
16 
    // 进入项目任务
8 17 
    $(".list-project").on("click", ".ipu-list-item", function () {
18 
      console.log('link-list');
9 19 
      location.href = "project-phase.html";
10 20 
    });
11 21
12 
    $("list-project").on("click", ".link-more", function () {
13 
      location.href = "project-detail";
14 
      return false;
22 
    // 进入全部任务页面
23 
    $(".list-head-link").click(function () {
24 
      location.href = "project-task-list.html";
25 
    });
26
27 
    var listEl = $(".list-project>ul");
28 
    var cloneData = $(">li", listEl).clone();  // 模拟用
29 
    var refresh = ipuUI.refresh(".ipu-flex-content", {
30 
      topLoadFun: loadData
15 31 
    });
32
33 
    function loadData() {
34 
      listEl.empty(); // 清空历史数据
35 
      setTimeout(function () {
36 
        cloneData.clone().appendTo(listEl);
37 
        refresh.endLoading();
38 
      }, 1500);
39 
    }
40
41 
    refresh.startTopLoading();  // 主动触发顶部加载
42
43 
    // 输入框回车触发搜索
44 
    $(".common-search-input").enter(function () {
45 
      refresh.startTopLoading();  // 主动触发顶部加载
46 
    });
47
16 48 
  });
17 49 
});

+ 9 - 0
2020/x-3/biz/js/page/project-phase-list.js
Ver fichero 

@ -0,0 +1,9 @@
1 
require(["ipuUI", "jquery", "tool"], function (ipuUI, $, tool) {
2 
  $(function () {
3
4 
    $(".ipu-list-item-link").click(function () {
5 
      location.href = "project-phase-edit.html";
6 
    });
7
8 
  });
9 
});

+ 86 - 0
2020/x-3/biz/js/page/project-phase-task.js
Ver fichero 

@ -0,0 +1,86 @@
1 
require(["ipuUI", "jquery", "tool", "PanCarousel"], function (ipuUI, $, tool, PanCarousel) {
2 
  $(function () {
3 
    var carousel = new PanCarousel(".ipu-carousel", { // 组件怎么支持动态变化...
4 
      indicator: true, // 是否生成指示器(右下角的小圆点)
5 
      indicatorPosition: 'center',
6 
      loop: false,       // 是否循环
7 
      callBack: function (index, oldIndex) {
8 
        if (index != oldIndex) {
9 
        }
10 
      }
11 
    });
12
13 
    var refresh = ipuUI.refresh(".carousel-block", {
14 
      topLoadFun: loadData
15 
    });
16
17 
    // 加载项目清单数据
18 
    function loadData() {
19 
      setTimeout(function () {
20 
        // 自己更新模板内数据.ipu-carousel-wrapper 的li更新
21 
        refresh.endLoading();
22 
        $(".ipu-carousel-wrapper li:first").clone().appendTo(".ipu-carousel-wrapper");  // 这里假设li多了一个
23 
        // li的数量发生了变化，则要调用下面的update方法，更新组件信息
24 
        carousel.update();
25 
      }, 1500);
26 
    }
27
28 
    // 进入清单列表
29 
    $(".project-phase-block .list-head-link").click(function () {
30 
      location.href = "project-phase-list.html";
31 
    });
32
33
34 
    // 项目阶段操作
35 
    $(".project-phase-current").click(function () {
36 
      $(".project-phase-block").toggle();
37 
    });
38
39 
    // 选择不同项目阶段
40 
    $(".project-phase-content").on("click", " .list-item-slt", function () {
41 
      if (!$(this).hasClass("slt")) {
42 
        $(this).addClass("slt").siblings(".slt").removeClass("slt");
43 
        $(".project-phase-current span").text($.trim($(this).text()));
44 
        $(".project-phase-block").hide();
45 
        refresh.startTopLoading();  // 触发加载新的数据
46 
        // 更新数据...
47 
      }
48 
    });
49
50 
    // 点击后面阴影区，也可隐藏阶段框
51 
    $(".project-phase-block").click(function (e) {
52 
      if ($(e.target).is(this)) {
53 
        $(".project-phase-block").hide();
54 
      }
55 
    });
56
57 
    // 选择不同项目阶段
58 
    $(".project-phase-content").on("click", " .list-item-all", function () {
59 
      ipuUI.toast("进入全部任务页面");     // 进入全部任务页面
60 
    });
61
62 
    // 新建任务
63 
    $(".carousel-block").on("click", ".link-task-add", function () {
64 
      location.href = "project-task-add.html";
65 
    });
66
67 
    // 新建清单
68 
    $(".project-phase-content").on("click", ".list-foot", function () {
69 
      location.href = "project-phase-add.html";
70 
    });
71
72 
    // 清单列表
73 
    $(".project-phase-content").on("click", ".list-item-all", function () {
74 
      location.href = "project-phase-list.html";
75 
    });
76
77 
    // 进入任务详情页
78 
    $(".ipu-carousel-wrapper").on("click", ".project-task-item", function (e) {
79 
      if ($(e.target).is(".ipu-checkbox") || $(e.target).parents(".ipu-checkbox").size()) {  // 点击勾选框
80 
        ipuUI.toast($("input", this).prop("checked"));
81 
      } else {    // 点击进入详情页
82 
        location.href = "project-task-detail.html";
83 
      }
84 
    });
85 
  });
86 
});

+ 0 - 52
2020/x-3/biz/js/page/project-phase.js
Ver fichero 

@ -1,52 +0,0 @@
1 
require(["ipuUI", "jquery", "tool", "PanCarousel"], function (ipuUI, $, tool, PanCarousel) {
2 
  $(function () {
3 
    var carousel = new PanCarousel(".ipu-carousel", { // 第一页设置幻灯片
4 
      indicator: true, // 是否生成指示器(右下角的小圆点)
5 
      indicatorPosition: 'center',
6 
      loop: false,       // 是否循环
7 
      callBack: function (index, oldIndex) {
8 
        if (index != oldIndex) {
9 
          console.log(index, oldIndex);
10 
          var sltPhase = $(".project-phase-content .list-item-slt:eq(" + index + ")").addClass("slt");
11 
          sltPhase.siblings(".slt").removeClass("slt");
12 
          $(".project-phase-current span").text($.trim(sltPhase.text()));
13 
        }
14 
      }
15 
    });
16
17
18 
    // 项目阶段操作
19 
    $(".project-phase-current").click(function () {
20 
      $(".project-phase-block").toggle();
21 
    });
22
23 
    // 选择不同项目阶段
24 
    $(".project-phase-content").on("click", " .list-item-slt", function () {
25 
      if (!$(this).hasClass("slt")) {
26 
        console.log($(this).index() - 1);
27 
        carousel.show($(this).index() - 1);
28 
        $(".project-phase-block").toggle();
29 
      }
30 
    });
31
32 
    // 选择不同项目阶段
33 
    $(".project-phase-content").on("click", " .list-item-all", function () {
34 
      ipuUI.toast("进入全部任务页面");     // 进入全部任务页面
35 
    });
36
37 
    // 新建任务
38 
    $(".carousel-block").on("click", ".link-task-add", function () {
39 
      location.href = "project-phase-add.html";
40 
    });
41
42 
    // 新建清单
43 
    $(".project-phase-content").on("click", ".list-foot", function () {
44 
      location.href = "project-phase-add.html";
45 
    });
46
47 
    // 清单列表
48 
    $(".project-phase-content").on("click", ".list-item-all", function () {
49 
      location.href = "project-phase-list.html";
50 
    })
51 
  });
52 
});

+ 117 - 0
2020/x-3/biz/js/page/project-task-list.js
Ver fichero 

@ -0,0 +1,117 @@
1 
require(["ipuUI", "jquery", "tool", "PanCarousel"], function (ipuUI, $, tool, PanCarousel) {
2 
  $(function () {
3
4
5 
    var queryCount = 0;   // 查询计数器
6 
    var pageNo = 0;
7 
    var totalPage = 3;
8 
    var listEl = $(".project-task-list");
9 
    var coleItems = $(">*", listEl).clone();
10 
    listEl.empty();
11
12 
    var refresh = ipuUI.refresh(".ipu-flex-content", {
13 
      topLoadFun: function () {
14 
        topLoad();
15 
      },
16 
      bottomLoadFun: function () {
17 
        loadData();
18 
      }
19 
    });
20
21 
    // 顶部加载
22 
    function topLoad() {
23 
      pageNo = 0;
24 
      listEl.empty();
25 
      loadData();
26 
    }
27
28 
    // 加载项目清单数据
29 
    function loadData() {
30 
      $(".common-data-empty-message").hide();
31 
      queryCount++;
32 
      pageNo++;
33 
      var localQueryCount = queryCount;
34
35 
      setTimeout(function () {
36 
        if (localQueryCount == queryCount) {  // 查询计数器不匹配，不用处理结果
37 
          if (pageNo == 1 && totalPage == 0) {
38 
            $(".common-data-empty-message").show();
39 
          } else {
40 
            coleItems.clone().appendTo(listEl);
41 
          }
42 
          refresh.enableBottom(pageNo < totalPage);
43 
          refresh.endLoading();
44 
        }
45 
      }, 1500);
46 
    }
47
48 
    // 页面搜索框触发加载
49 
    $(".common-search-page .common-search-input").enter(function () {
50 
      refresh.startTopLoading(true);
51 
    });
52
53 
    // 任务tab切换
54 
    $(".tab-task-state .tab-task-state-item").click(function () {
55 
      if (!$(this).hasClass("slt")) {  // 当前不是选中状态
56 
        $(this).addClass("slt").siblings(".slt").removeClass("slt");
57 
        refresh.startTopLoading(true);
58 
      }
59 
    });
60
61 
    // ---右边弹出搜索过滤处理--  //
62 
    // 关闭展开
63 
    $(".task-search-filter-item .filter-item-title").click(function () {
64 
      $(this).parents(".task-search-filter-item").toggleClass("open");
65 
    });
66
67 
    // 选项点击处理
68 
    $(".task-search-filter-item .filter-item-option").click(function () {
69 
      if ($(this).hasClass("slt")) {
70 
        $(this).removeClass("slt");
71 
      } else {
72 
        $(this).addClass("slt").siblings(".slt").removeClass("slt");
73 
      }
74 
    });
75
76 
    // 监听执行者输入值变化
77 
    $(".common-search-filter .common-search-input").on("keyup input change paste", filterExcuter);
78 
    $(".common-search-filter .common-search-input-clear").click(filterExcuter);
79
80 
    var filterKey = "";
81
82 
    // 执行者过滤
83 
    function filterExcuter() {
84 
      var newKey = $.trim($(".common-search-filter .common-search-input").val());
85 
      if (newKey != filterKey) {
86 
        filterKey = newKey
87 
        $(".task-search-filter-item-executor .filter-item-option").each(function () {
88 
          if ($.trim($(".filter-item-option-name", this).text()).match(filterKey)) {
89 
            $(this).removeClass("ipu-fn-hide");
90 
          } else {
91 
            $(this).addClass("ipu-fn-hide");
92 
          }
93 
        });
94 
      }
95 
    }
96
97 
    // 搜索过滤重置
98 
    $(".filter-btn-reset").click(function () {
99 
      $(".task-search-filter input[type='checkbox']").prop("checked", false);  // 移除所有勾选
100 
      $(".task-search-filter .common-search-input-clear").click();          // 清空输入框
101 
      $(".task-search-filter .filter-item-option.slt").removeClass("slt")
102 
    });
103
104 
    // 显示右边过滤框
105 
    $(".task-page-filter-right").click(function () {
106 
      var rifhtDailog = $(".task-search-filter").show();
107 
      ipuUI.openModal(rifhtDailog);
108 
    });
109
110
111 
    // 点完成关闭过滤框
112 
    $(".filter-btn-confirm").click(function () {
113 
      ipuUI.closeModal($(".task-search-filter"));
114 
      refresh.startTopLoading(true);
115 
    });
116 
  });
117 
});

+ 2 - 2
2020/x-3/message-notice-list.html
Ver fichero 

@ -113,7 +113,7 @@
113 113
114 114 
      </div>
115 115
116 
      <div class="data-empty-message common-empty-message">
116 
      <div class="data-empty-message common-data-empty-message">
117 117 
        当前无公告消息
118 118 
      </div>
119 119 
@ -121,6 +121,6 @@
121 121
122 122 
  </div>
123 123
124
124 
</div>
125 125 
</body>
126 126 
</html>

+ 0 - 60
2020/x-3/project-add.html
Ver fichero 

@ -74,66 +74,6 @@
74 74 
          </div>
75 75 
        </li>
76 76
77 
        <li class="ipu-list-item">
78 
          <div class="ipu-list-item-inner ipu-flex-vertical ipu-over-hidden">
79 
            <div class="ipu-list-item-label">
80 
              成员
81 
            </div>
82 
            <div class="schedule-member-wrap">
83 
              <div class="group-member-list">
84
85 
                <div class="group-member-item">
86 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
87 
                  <div class="group-member-name">孙欢欢</div>
88 
                </div>
89
90 
                <div class="group-member-item">
91 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
92 
                  <div class="group-member-name">孙欢欢</div>
93 
                </div>
94 
                <div class="group-member-item">
95 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
96 
                  <div class="group-member-name">孙欢欢</div>
97 
                </div>
98 
                <div class="group-member-item">
99 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
100 
                  <div class="group-member-name">孙欢欢</div>
101 
                </div>
102 
                <div class="group-member-item">
103 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
104 
                  <div class="group-member-name">孙欢欢</div>
105 
                </div>
106 
                <div class="group-member-item">
107 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
108 
                  <div class="group-member-name">孙欢欢</div>
109 
                </div>
110 
                <!-- 增加了除创建人以外的成员显示移除入口-->
111 
                <div class="group-member-item">
112 
                  <div class="group-member-action ipu-flex-middle-center group-member-action-remove ">
113 
                    <i class="icon ri-subtract-fill"></i>
114 
                  </div>
115 
                  <div class="group-member-name "></div>
116 
                </div>
117
118 
                <div class="group-member-item">
119 
                  <div class="group-member-action ipu-flex-middle-center group-member-action-add">
120 
                    <i class="icon ri-add-fill"></i>
121 
                  </div>
122 
                  <div class="group-member-name"></div>
123 
                </div>
124 
              </div>
125
126 
              <!-- 逻辑同 创建群组选人 ，最多三排人，超过三超显示查看更多成员 -->
127 
              <div class="block-head-link-more">
128 
                <div class=" ipu-flex-center-middle">
129 
                  查看更多群成员
130 
                  <i class="icon ri-arrow-right-s-line"></i>
131 
                </div>
132 
              </div>
133
134 
            </div>
135 
          </div>
136 
        </li>
137 77 
      </ul>
138 78 
    </div>
139 79 
  </div>

+ 3 - 88
2020/x-3/project-detail.html
Ver fichero 

@ -24,8 +24,8 @@
24 24 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
25 25 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
26 26 
      </a>
27 
      <a class="ipu-fn-right link-to-edit common-color-blue" href="javascript:;">
28 
        编辑
27 
      <a class="ipu-fn-right toolbar-more-action" href="javascript:;">
28 
        <i class="ipu-icon ri-more-line"></i>
29 29 
      </a>
30 30 
    </header>
31 31 
  </div>
 
@ -79,95 +79,10 @@
79 79 
          </div>
80 80 
        </li>
81 81
82 
        <li class="ipu-list-item">
83 
          <div class="ipu-list-item-inner ipu-flex-vertical ipu-over-hidden">
84 
            <div class="ipu-list-item-label">
85 
              成员
86 
            </div>
87 
            <div class="schedule-member-wrap">
88
89 
              <div class="group-member-list">
90
91 
                <div class="group-member-item">
92 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
93 
                  <div class="group-member-name">孙欢欢</div>
94 
                </div>
95
96 
                <div class="group-member-item">
97 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
98 
                  <div class="group-member-name">孙欢欢</div>
99 
                </div>
100 
                <div class="group-member-item">
101 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
102 
                  <div class="group-member-name">孙欢欢</div>
103 
                </div>
104 
                <div class="group-member-item">
105 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
106 
                  <div class="group-member-name">孙欢欢</div>
107 
                </div>
108 
                <div class="group-member-item">
109 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
110 
                  <div class="group-member-name">孙欢欢</div>
111 
                </div>
112 
                <div class="group-member-item">
113 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
114 
                  <div class="group-member-name">孙欢欢</div>
115 
                </div>
116 
                <div class="group-member-item">
117 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
118 
                  <div class="group-member-name">孙欢欢</div>
119 
                </div>
120 
                <div class="group-member-item">
121 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
122 
                  <div class="group-member-name">孙欢欢</div>
123 
                </div>
124 
                <div class="group-member-item">
125 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
126 
                  <div class="group-member-name">孙欢欢</div>
127 
                </div>
128 
                <div class="group-member-item">
129 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
130 
                  <div class="group-member-name">孙欢欢</div>
131 
                </div>
132 
                <div class="group-member-item">
133 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
134 
                  <div class="group-member-name">孙欢欢</div>
135 
                </div>
136 
                <div class="group-member-item">
137 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
138 
                  <div class="group-member-name">孙欢欢</div>
139 
                </div>
140 
                <div class="group-member-item">
141 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
142 
                  <div class="group-member-name">孙欢欢</div>
143 
                </div>
144 
                <div class="group-member-item">
145 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
146 
                  <div class="group-member-name">孙欢欢</div>
147 
                </div>
148 
                <div class="group-member-item">
149 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
150 
                  <div class="group-member-name">孙欢欢</div>
151 
                </div>
152 
              </div>
153
154
155 
              <!-- 逻辑同 创建群组选人 ，最多三排人，超过三超显示查看更多成员 -->
156 
              <div class="block-head-link-more show">
157 
                <div class=" ipu-flex-center-middle">
158 
                  查看更多群成员
159 
                  <i class="icon ri-arrow-right-s-line"></i>
160 
                </div>
161 
              </div>
162
163 
            </div>
164 
          </div>
82 
      </ul>
165 83 
    </div>
166 
    </li>
167 
    </ul>
168 84 
  </div>
169 85 
</div>
170 
</div>
171 86
172 87
173 88 
</body>

+ 3 - 64
2020/x-3/project-edit.html
Ver fichero 

@ -19,10 +19,9 @@
19 19
20 20 
  <div class="ipu-flex-col">
21 21 
    <header class="ipu-toolbar common-bg-white">
22 
      <h1 class="ipu-toolbar-title">创建项目</h1>
23 
      <a class="ipu-fn-left  common-color-red href="javascript:;">
24 
        删除
25 
      </a>
22 
      <h1 class="ipu-toolbar-title">编辑项目</h1>
23 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
24 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
26 25 
      <a class="ipu-fn-right link-finish common-color-blue" href="javascript:;">
27 26 
        完成
28 27 
      </a>
 
@ -74,66 +73,6 @@
74 73 
          </div>
75 74 
        </li>
76 75
77 
        <li class="ipu-list-item">
78 
          <div class="ipu-list-item-inner ipu-flex-vertical ipu-over-hidden">
79 
            <div class="ipu-list-item-label">
80 
              成员
81 
            </div>
82 
            <div class="schedule-member-wrap">
83 
              <div class="group-member-list">
84
85 
                <div class="group-member-item">
86 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
87 
                  <div class="group-member-name">孙欢欢</div>
88 
                </div>
89
90 
                <div class="group-member-item">
91 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
92 
                  <div class="group-member-name">孙欢欢</div>
93 
                </div>
94 
                <div class="group-member-item">
95 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
96 
                  <div class="group-member-name">孙欢欢</div>
97 
                </div>
98 
                <div class="group-member-item">
99 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
100 
                  <div class="group-member-name">孙欢欢</div>
101 
                </div>
102 
                <div class="group-member-item">
103 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
104 
                  <div class="group-member-name">孙欢欢</div>
105 
                </div>
106 
                <div class="group-member-item">
107 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
108 
                  <div class="group-member-name">孙欢欢</div>
109 
                </div>
110 
                <!-- 增加了除创建人以外的成员显示移除入口-->
111 
                <div class="group-member-item">
112 
                  <div class="group-member-action ipu-flex-middle-center group-member-action-remove ">
113 
                    <i class="icon ri-subtract-fill"></i>
114 
                  </div>
115 
                  <div class="group-member-name "></div>
116 
                </div>
117
118 
                <div class="group-member-item">
119 
                  <div class="group-member-action ipu-flex-middle-center group-member-action-add">
120 
                    <i class="icon ri-add-fill"></i>
121 
                  </div>
122 
                  <div class="group-member-name"></div>
123 
                </div>
124 
              </div>
125
126 
              <!-- 逻辑同 创建群组选人 ，最多三排人，超过三超显示查看更多成员 -->
127 
              <div class="block-head-link-more">
128 
                <div class=" ipu-flex-center-middle">
129 
                  查看更多群成员
130 
                  <i class="icon ri-arrow-right-s-line"></i>
131 
                </div>
132 
              </div>
133
134 
            </div>
135 
          </div>
136 
        </li>
137 76 
      </ul>
138 77 
    </div>
139 78 
  </div>

+ 86 - 78
2020/x-3/project-list.html
Ver fichero 

@ -24,7 +24,7 @@
24 24 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
25 25 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
26 26 
      </a>
27 
      <a class="ipu-fn-right" href="javascript:history.back();">
27 
      <a class="ipu-fn-right menu-quit" href="javascript:history.back();">
28 28 
        <i class="ipu-icon ri-record-circle-line"></i>
29 29 
      </a>
30 30 
    </header>
 
@ -43,91 +43,99 @@
43 43 
      </div>
44 44 
    </div>
45 45
46 
  </div>
47
48 
  <div class="ipu-flex-col ipu-flex-col-auto">
49 
    <div class="ipu-list ipu-list-media common-list-noborder-all list-project">
46 
    <div class="list-project">
50 47 
      <div class="ipu-flex list-head">
51 48 
        <div class="ipu-flex-grow-1 list-head-title">我的项目</div>
52 
        <a class="ipu-flex-grow-0 list-head-link" href="javascript;">全部任务</a>
49 
        <a class="ipu-flex-grow-0 list-head-link" href="javascript:;">全部任务</a>
53 50 
      </div>
54 
      <ul>
55 
        <li class="ipu-list-item">
56 
          <div class="ipu-list-item-media">
57 
            <img src="./temp/2.png" alt="">
58 
          </div>
59 
          <div class="ipu-list-item-inner">
60 
            <div class="ipu-list-item-title-row">
61 
              <div class="ipu-list-item-title">
62 
                AI Design 项目1
51 
    </div>
52 
  </div>
53
54 
  <div class="ipu-flex-col ipu-flex-col-auto">
55 
    <div class="ipu-flex-content">
56 
      <div class="ipu-refresh-wrapper">
57
58 
        <div class="ipu-list ipu-list-media common-list-noborder-all list-project">
59 
          <ul>
60 
            <li class="ipu-list-item">
61 
              <div class="ipu-list-item-media">
62 
                <img src="./temp/2.png" alt="">
63 63 
              </div>
64 
            </div>
65 
            <div class="ipu-list-item-subtitle ipu-fn-row">
66 
              项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介
67 
            </div>
68 
          </div>
69 
          <div class="ipu-flex-grow-0 ipu-flex-middle link-more">
70 
            <i class="ri-more-fill"></i>
71 
          </div>
72 
        </li>
73 
        <li class="ipu-list-item">
74 
          <div class="ipu-list-item-media">
75 
            <img src="./temp/2.png" alt="">
76 
          </div>
77 
          <div class="ipu-list-item-inner">
78 
            <div class="ipu-list-item-title-row">
79 
              <div class="ipu-list-item-title">
80 
                AI Design 项目1
64 
              <div class="ipu-list-item-inner">
65 
                <div class="ipu-list-item-title-row">
66 
                  <div class="ipu-list-item-title">
67 
                    AI Design 项目1
68 
                  </div>
69 
                </div>
70 
                <div class="ipu-list-item-subtitle ipu-fn-row">
71 
                  项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介
72 
                </div>
81 73 
              </div>
82 
            </div>
83 
            <div class="ipu-list-item-subtitle ipu-fn-row">
84 
              项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介
85 
            </div>
86 
          </div>
87 
          <div class="ipu-flex-grow-0 ipu-flex-middle link-more">
88 
            <i class="ri-more-fill"></i>
89 
          </div>
90 
        </li>
91 
        <li class="ipu-list-item">
92 
          <div class="ipu-list-item-media">
93 
            <img src="./temp/2.png" alt="">
94 
          </div>
95 
          <div class="ipu-list-item-inner">
96 
            <div class="ipu-list-item-title-row">
97 
              <div class="ipu-list-item-title">
98 
                AI Design 项目1
74 
              <div class="ipu-flex-grow-0 ipu-flex-middle link-more">
75 
                <i class="ri-more-fill"></i>
99 76 
              </div>
100 
            </div>
101 
            <div class="ipu-list-item-subtitle ipu-fn-row">
102 
              项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介
103 
            </div>
104 
          </div>
105 
          <div class="ipu-flex-grow-0 ipu-flex-middle link-more">
106 
            <i class="ri-more-fill"></i>
107 
          </div>
108 
        </li>
109 
        <li class="ipu-list-item">
110 
          <div class="ipu-list-item-media">
111 
            <img src="./temp/2.png" alt="">
112 
          </div>
113 
          <div class="ipu-list-item-inner">
114 
            <div class="ipu-list-item-title-row">
115 
              <div class="ipu-list-item-title">
116 
                AI Design 项目1
77 
            </li>
78 
            <li class="ipu-list-item">
79 
              <div class="ipu-list-item-media">
80 
                <img src="./temp/2.png" alt="">
117 81 
              </div>
118 
            </div>
119 
            <div class="ipu-list-item-subtitle ipu-fn-row">
120 
              项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介
121 
            </div>
122 
          </div>
123 
          <div class="ipu-flex-grow-0 ipu-flex-middle link-more">
124 
            <i class="ri-more-fill"></i>
82 
              <div class="ipu-list-item-inner">
83 
                <div class="ipu-list-item-title-row">
84 
                  <div class="ipu-list-item-title">
85 
                    AI Design 项目1
86 
                  </div>
87 
                </div>
88 
                <div class="ipu-list-item-subtitle ipu-fn-row">
89 
                  项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介
90 
                </div>
91 
              </div>
92 
              <div class="ipu-flex-grow-0 ipu-flex-middle link-more">
93 
                <i class="ri-more-fill"></i>
94 
              </div>
95 
            </li>
96 
            <li class="ipu-list-item">
97 
              <div class="ipu-list-item-media">
98 
                <img src="./temp/2.png" alt="">
99 
              </div>
100 
              <div class="ipu-list-item-inner">
101 
                <div class="ipu-list-item-title-row">
102 
                  <div class="ipu-list-item-title">
103 
                    AI Design 项目1
104 
                  </div>
105 
                </div>
106 
                <div class="ipu-list-item-subtitle ipu-fn-row">
107 
                  项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介
108 
                </div>
109 
              </div>
110 
              <div class="ipu-flex-grow-0 ipu-flex-middle link-more">
111 
                <i class="ri-more-fill"></i>
112 
              </div>
113 
            </li>
114 
            <li class="ipu-list-item">
115 
              <div class="ipu-list-item-media">
116 
                <img src="./temp/2.png" alt="">
117 
              </div>
118 
              <div class="ipu-list-item-inner">
119 
                <div class="ipu-list-item-title-row">
120 
                  <div class="ipu-list-item-title">
121 
                    AI Design 项目1
122 
                  </div>
123 
                </div>
124 
                <div class="ipu-list-item-subtitle ipu-fn-row">
125 
                  项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介
126 
                </div>
127 
              </div>
128 
              <div class="ipu-flex-grow-0 ipu-flex-middle link-more">
129 
                <i class="ri-more-fill"></i>
130 
              </div>
131 
            </li>
132 
          </ul>
133 
          <div class="ipu-flex-middle list-foot link-project-add">
134 
            <i class="icon-flag ri-add-fill"></i>
135 
            <div class="list-foot-title">新建项目</div>
125 136 
          </div>
126 
        </li>
127 
      </ul>
128 
      <div class="ipu-flex-middle list-foot link-project-add">
129 
        <i class="icon-flag ri-add-fill"></i>
130 
        <div class="list-foot-title">新建项目</div>
137 
        </div>
138
131 139 
      </div>
132 140 
    </div>
133 141 
  </div>

+ 1 - 1
2020/x-3/project-phase-edit.html
Ver fichero 

@ -19,7 +19,7 @@
19 19
20 20 
  <div class="ipu-flex-col common-bg-white">
21 21 
    <header class="ipu-toolbar ">
22 
      <h1 class="ipu-toolbar-title ipu-fn-row">创建清单</h1>
22 
      <h1 class="ipu-toolbar-title ipu-fn-row">编辑清单</h1>
23 23 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
24 24 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
25 25 
      </a>

+ 287 - 0
2020/x-3/project-phase-task.html
Ver fichero 

@ -0,0 +1,287 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
  <title>项目-清单-任务</title>
5
6 
  <meta charset="utf-8">
7 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
8
9 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
11 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
12
13 
  <script src="ipu/lib/requirejs/require.js"></script>
14 
  <script src="biz/js/require-config.js"></script>
15 
  <script src="biz/js/page/project-phase-task.js"></script>
16 
</head>
17 
<body class="pages-project-phase-task">
18
19 
<div class="ipu-flex-row ipu-flex-vertical common-bg-gray">
20
21 
  <div class="ipu-flex-col common-bg-white">
22 
    <header class="ipu-toolbar ">
23 
      <h1 class="ipu-toolbar-title ipu-fn-row">AI Design AI Design AI Design </h1>
24 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
25 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
26 
      </a>
27 
      <a class="ipu-fn-right menu-quit" href="javascript:;">
28 
        <i class="ipu-icon ri-record-circle-line"></i>
29 
      </a>
30 
    </header>
31 
    <div class="ipu-flex-center-middle project-phase-current">
32 
      <span>一阶段工作</span>
33 
      <i class="icon-flag ri-arrow-down-s-line"></i>
34 
    </div>
35 
  </div>
36
37 
  <div class="ipu-flex-col ipu-flex-col-auto">
38 
    <div class="ipu-flex-content carousel-block">
39 
      <div class="ipu-refresh-wrapper">
40 
        <div class="ipu-carousel ipu-hammer-carousel">
41 
          <ul class="ipu-carousel-wrapper">
42
43 
            <!-- 有哪些任务状态待确认，后台数据有关？ -->
44 
            <li>
45 
              <div class="project-phase-item">
46 
                <div class="item-state">
47 
                  未开始<span class="num">4</span>
48 
                </div>
49
50 
                <div class="project-task-list">
51
52 
                  <div class="ipu-flex project-task-item ">
53 
                    <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
54 
                      <input type="checkbox">
55 
                    </label>
56 
                    <div class="ipu-flex-grow-1">
57 
                      <div class="project-task-title">
58 
                        AI Design 产品规划AI Design 产品规划AI Design 产品规划
59 
                      </div>
60 
                      <div class="ipu-flex ">
61 
                        <div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
62 
                      </div>
63 
                    </div>
64 
                    <div class="ipu-flex-grow-0 project-task-executor">
65 
                      <img src="./temp/1.png" alt="" class="img"/>
66 
                    </div>
67 
                  </div>
68
69 
                  <div class="ipu-flex project-task-item project-task-item-white">
70 
                    <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
71 
                      <input type="checkbox">
72 
                    </label>
73 
                    <div class="ipu-flex-grow-1">
74 
                      <div class="project-task-title">
75 
                        AI Design 产品规划
76 
                      </div>
77 
                      <div class="ipu-flex ">
78 
                        <div class="ipu-flex-grow-0 project-task-time-state time-limit">
79 
                          今天14:00截止
80 
                        </div>
81 
                      </div>
82 
                    </div>
83 
                    <div class="ipu-flex-grow-0 project-task-executor">
84 
                      <img src="./temp/1.png" alt="" class="img"/>
85 
                    </div>
86 
                  </div>
87
88 
                  <div class="ipu-flex project-task-item project-task-item-red">
89 
                    <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
90 
                      <input type="checkbox">
91 
                    </label>
92 
                    <div class="ipu-flex-grow-1">
93 
                      <div class="project-task-title">
94 
                        AI Design 产品规划
95 
                      </div>
96 
                      <div class="ipu-flex ">
97 
                        <div class="ipu-flex-grow-0 project-task-time-state ">
98 
                          距离截止时间：还剩4天
99 
                        </div>
100 
                      </div>
101 
                    </div>
102 
                  </div>
103
104 
                  <div class="ipu-flex project-task-item project-task-item-yellow">
105 
                    <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
106 
                      <input type="checkbox">
107 
                    </label>
108 
                    <div class="ipu-flex-grow-1">
109 
                      <div class="project-task-title">
110 
                        AI Design 产品规划
111 
                      </div>
112 
                      <div class="ipu-flex ">
113 
                        <div class="ipu-flex-grow-0 project-task-time-state ">
114 
                          距离截止时间：还剩4天
115 
                        </div>
116 
                      </div>
117 
                    </div>
118 
                  </div>
119
120 
                </div>
121
122 
                <div class="ipu-flex-center-middle link-task-add">
123 
                  <i class="icon-flag ri-add-fill"></i>
124 
                  添加新的任务
125 
                </div>
126 
              </div>
127 
            </li>
128
129 
            <li>
130 
              <div class="project-phase-item">
131 
                <div class="item-state">
132 
                  进行中<span class="num">4</span>
133 
                </div>
134
135 
                <div class="project-task-list">
136
137 
                  <div class="ipu-flex project-task-item ">
138 
                    <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
139 
                      <input type="checkbox">
140 
                    </label>
141 
                    <div class="ipu-flex-grow-1">
142 
                      <div class="project-task-title">
143 
                        AI Design 产品规划AI Design 产品规划AI Design 产品规划
144 
                      </div>
145 
                      <div class="ipu-flex ">
146 
                        <div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
147 
                      </div>
148 
                    </div>
149 
                    <div class="ipu-flex-grow-0 project-task-executor">
150 
                      <img src="./temp/1.png" alt="" class="img"/>
151 
                    </div>
152 
                  </div>
153
154 
                  <div class="ipu-flex project-task-item project-task-item-white">
155 
                    <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
156 
                      <input type="checkbox">
157 
                    </label>
158 
                    <div class="ipu-flex-grow-1">
159 
                      <div class="project-task-title">
160 
                        AI Design 产品规划
161 
                      </div>
162 
                      <div class="ipu-flex ">
163 
                        <div class="ipu-flex-grow-0 project-task-time-state time-limit">
164 
                          今天14:00截止
165 
                        </div>
166 
                      </div>
167 
                    </div>
168 
                    <div class="ipu-flex-grow-0 project-task-executor">
169 
                      <img src="./temp/1.png" alt="" class="img"/>
170 
                    </div>
171 
                  </div>
172
173 
                  <div class="ipu-flex project-task-item project-task-item-red">
174 
                    <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
175 
                      <input type="checkbox">
176 
                    </label>
177 
                    <div class="ipu-flex-grow-1">
178 
                      <div class="project-task-title">
179 
                        AI Design 产品规划
180 
                      </div>
181 
                      <div class="ipu-flex ">
182 
                        <div class="ipu-flex-grow-0 project-task-time-state ">
183 
                          距离截止时间：还剩4天
184 
                        </div>
185 
                      </div>
186 
                    </div>
187 
                  </div>
188
189 
                  <div class="ipu-flex project-task-item project-task-item-yellow">
190 
                    <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
191 
                      <input type="checkbox">
192 
                    </label>
193 
                    <div class="ipu-flex-grow-1">
194 
                      <div class="project-task-title">
195 
                        AI Design 产品规划
196 
                      </div>
197 
                      <div class="ipu-flex ">
198 
                        <div class="ipu-flex-grow-0 project-task-time-state ">
199 
                          距离截止时间：还剩4天
200 
                        </div>
201 
                      </div>
202 
                    </div>
203 
                  </div>
204
205 
                </div>
206
207 
                <div class="ipu-flex-center-middle link-task-add">
208 
                  <i class="icon-flag ri-add-fill"></i>
209 
                  添加新的任务
210 
                </div>
211 
              </div>
212 
            </li>
213
214 
            <li>
215 
              <div class="project-phase-item">
216 
                <div class="item-state">
217 
                  已完成<span class="num">6</span>
218 
                </div>
219 
                <div class="project-task-list">
220
221 
                  <div class="ipu-flex project-task-item ">
222 
                    <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
223 
                      <input type="checkbox">
224 
                    </label>
225 
                    <div class="ipu-flex-grow-1">
226 
                      <div class="project-task-title">
227 
                        AI Design 产品规划AI Design 产品规划AI Design 产品规划
228 
                      </div>
229 
                      <div class="ipu-flex ">
230 
                        <div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
231 
                      </div>
232 
                    </div>
233 
                    <div class="ipu-flex-grow-0 project-task-executor">
234 
                      <img src="./temp/1.png" alt="" class="img"/>
235 
                    </div>
236 
                  </div>
237 
                </div>
238 
              </div>
239 
            </li>
240
241 
          </ul>
242 
        </div>
243 
      </div>
244 
    </div>
245 
  </div>
246
247
248 
  <!-- 阶段选择 -->
249 
  <div class="project-phase-block">
250 
    <div class="project-phase-content">
251 
      <div class="list-block">
252 
        <div class="ipu-flex-middle list-head ipu-fn-bd-t ipu-fn-bd-b">
253 
          <div class="ipu-flex-grow-1 list-head-title">清单</div>
254 
          <div class="ipu-flex-grow-0 list-head-link">编辑</div>
255 
        </div>
256 
        <ul>
257 
          <li class="ipu-flex-middle ipu-fn-bd-b list-item list-item-all">
258 
            <div class="ipu-flex-grow-1 item-title ipu-fn-row">全部</div>
259 
            <div class="ipu-flex-grow-0 item-slt-flag">
260 
              <i class="icon-flag ri-check-fill"></i>
261 
            </div>
262 
          </li>
263 
          <li class="ipu-flex-middle ipu-fn-bd-b list-item list-item-slt slt">
264 
            <div class="ipu-flex-grow-1 item-title ipu-fn-row">一阶段工作</div>
265 
            <div class="ipu-flex-grow-0 item-slt-flag">
266 
              <i class="icon-flag ri-check-fill"></i>
267 
            </div>
268 
          </li>
269 
          <li class="ipu-flex-middle ipu-fn-bd-b list-item list-item-slt ">
270 
            <div class="ipu-flex-grow-1 item-title ipu-fn-row">二阶段工作</div>
271 
            <div class="ipu-flex-grow-0 item-slt-flag">
272 
              <i class="icon-flag ri-check-fill"></i>
273 
            </div>
274 
          </li>
275 
        </ul>
276 
        <div class="ipu-flex-middle list-foot">
277 
          <i class="icon-flag ri-add-fill"></i>
278 
          新建清单
279 
        </div>
280 
      </div>
281 
    </div>
282 
  </div>
283 
</div>
284
285
286 
</body>
287 
</html>

+ 0 - 205
2020/x-3/project-phase.html
Ver fichero 

@ -1,205 +0,0 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
  <title>项目-清单-任务</title>
5
6 
  <meta charset="utf-8">
7 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
8
9 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
11 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
12
13 
  <script src="ipu/lib/requirejs/require.js"></script>
14 
  <script src="biz/js/require-config.js"></script>
15 
  <script src="biz/js/page/project-phase.js"></script>
16 
</head>
17 
<body class="pages-project-phase">
18
19 
<div class="ipu-flex-row ipu-flex-vertical common-bg-gray">
20
21 
  <div class="ipu-flex-col common-bg-white">
22 
    <header class="ipu-toolbar ">
23 
      <h1 class="ipu-toolbar-title ipu-fn-row">AI Design AI Design AI Design </h1>
24 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
25 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
26 
      </a>
27 
      <a class="ipu-fn-right" href="javascript:;">
28 
        <i class="ipu-icon ri-record-circle-line"></i>
29 
      </a>
30 
      <a class="ipu-fn-right" href="javascript:;">
31 
        <i class="ipu-icon ri-user-line"></i>
32 
      </a>
33 
      <a class="ipu-fn-right" href="javascript:;">
34 
        <i class="ipu-icon ri-search-line"></i>
35 
      </a>
36 
    </header>
37 
    <div class="ipu-flex-center-middle project-phase-current">
38 
      <span>一阶段工作</span>
39 
      <i class="icon-flag ri-arrow-down-s-line"></i>
40 
    </div>
41 
  </div>
42
43 
  <div class="ipu-flex-col ipu-flex-col-auto">
44 
    <div class="ipu-flex-content carousel-block">
45 
      <div class="ipu-carousel ipu-hammer-carousel">
46 
        <ul class="ipu-carousel-wrapper">
47
48 
          <li>
49 
            <div class="project-phase-item">
50 
              <div class="item-state">
51 
                进行中<span class="num">4</span>
52 
              </div>
53
54 
              <div class="project-task-list">
55
56 
                <div class="ipu-flex project-task-item ">
57 
                  <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
58 
                    <input type="checkbox">
59 
                  </label>
60 
                  <div class="ipu-flex-grow-1">
61 
                    <div class="project-task-title">
62 
                      AI Design 产品规划AI Design 产品规划AI Design 产品规划
63 
                    </div>
64 
                    <div class="ipu-flex ">
65 
                      <div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
66 
                    </div>
67 
                  </div>
68 
                  <div class="ipu-flex-grow-0 project-task-executor">
69 
                    <img src="./temp/1.png" alt="" class="img"/>
70 
                  </div>
71 
                </div>
72
73 
                <div class="ipu-flex project-task-item project-task-item-white">
74 
                  <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
75 
                    <input type="checkbox">
76 
                  </label>
77 
                  <div class="ipu-flex-grow-1">
78 
                    <div class="project-task-title">
79 
                      AI Design 产品规划
80 
                    </div>
81 
                    <div class="ipu-flex ">
82 
                      <div class="ipu-flex-grow-0 project-task-time-state time-limit">
83 
                        今天14:00截止
84 
                      </div>
85 
                    </div>
86 
                  </div>
87 
                  <div class="ipu-flex-grow-0 project-task-executor">
88 
                    <img src="./temp/1.png" alt="" class="img"/>
89 
                  </div>
90 
                </div>
91
92 
                <div class="ipu-flex project-task-item project-task-item-red">
93 
                  <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
94 
                    <input type="checkbox">
95 
                  </label>
96 
                  <div class="ipu-flex-grow-1">
97 
                    <div class="project-task-title">
98 
                      AI Design 产品规划
99 
                    </div>
100 
                    <div class="ipu-flex ">
101 
                      <div class="ipu-flex-grow-0 project-task-time-state ">
102 
                        距离截止时间：还剩4天
103 
                      </div>
104 
                    </div>
105 
                  </div>
106 
                </div>
107
108 
                <div class="ipu-flex project-task-item project-task-item-yellow">
109 
                  <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
110 
                    <input type="checkbox">
111 
                  </label>
112 
                  <div class="ipu-flex-grow-1">
113 
                    <div class="project-task-title">
114 
                      AI Design 产品规划
115 
                    </div>
116 
                    <div class="ipu-flex ">
117 
                      <div class="ipu-flex-grow-0 project-task-time-state ">
118 
                        距离截止时间：还剩4天
119 
                      </div>
120 
                    </div>
121 
                  </div>
122 
                </div>
123
124 
              </div>
125
126 
              <div class="ipu-flex-center-middle link-task-add">
127 
                <i class="icon-flag ri-add-fill"></i>
128 
                添加新的任务
129 
              </div>
130 
            </div>
131 
          </li>
132
133 
          <li>
134 
            <div class="project-phase-item">
135 
              <div class="item-state">
136 
                进行中<span class="num">4</span>
137 
              </div>
138 
              <div class="project-task-list">
139
140 
                <div class="ipu-flex project-task-item ">
141 
                  <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
142 
                    <input type="checkbox">
143 
                  </label>
144 
                  <div class="ipu-flex-grow-1">
145 
                    <div class="project-task-title">
146 
                      AI Design 产品规划AI Design 产品规划AI Design 产品规划
147 
                    </div>
148 
                    <div class="ipu-flex ">
149 
                      <div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
150 
                    </div>
151 
                  </div>
152 
                  <div class="ipu-flex-grow-0 project-task-executor">
153 
                    <img src="./temp/1.png" alt="" class="img"/>
154 
                  </div>
155 
                </div>
156 
              </div>
157 
            </div>
158 
          </li>
159
160 
        </ul>
161 
      </div>
162 
    </div>
163 
  </div>
164
165
166 
  <!-- 阶段选择 -->
167 
  <div class="project-phase-block">
168 
    <div class="project-phase-content">
169 
      <div class="list-block">
170 
        <div class="ipu-flex-middle list-head ipu-fn-bd-t ipu-fn-bd-b">
171 
          <div class="ipu-flex-grow-1 list-head-title">清单</div>
172 
          <div class="ipu-flex-grow-0 list-head-link">编辑</div>
173 
        </div>
174 
        <ul>
175 
          <li class="ipu-flex-middle ipu-fn-bd-b list-item list-item-all">
176 
            <div class="ipu-flex-grow-1 item-title ipu-fn-row">全部</div>
177 
            <div class="ipu-flex-grow-0 item-slt-flag">
178 
              <i class="icon-flag ri-check-fill"></i>
179 
            </div>
180 
          </li>
181 
          <li class="ipu-flex-middle ipu-fn-bd-b list-item list-item-slt slt">
182 
            <div class="ipu-flex-grow-1 item-title ipu-fn-row">一阶段工作</div>
183 
            <div class="ipu-flex-grow-0 item-slt-flag">
184 
              <i class="icon-flag ri-check-fill"></i>
185 
            </div>
186 
          </li>
187 
          <li class="ipu-flex-middle ipu-fn-bd-b list-item list-item-slt ">
188 
            <div class="ipu-flex-grow-1 item-title ipu-fn-row">二阶段工作</div>
189 
            <div class="ipu-flex-grow-0 item-slt-flag">
190 
              <i class="icon-flag ri-check-fill"></i>
191 
            </div>
192 
          </li>
193 
        </ul>
194 
        <div class="ipu-flex-middle list-foot">
195 
          <i class="icon-flag ri-add-fill"></i>
196 
          新建清单
197 
        </div>
198 
      </div>
199 
    </div>
200 
  </div>
201 
</div>
202
203
204 
</body>
205 
</html>

+ 187 - 0
2020/x-3/project-task-add.html
Ver fichero 

@ -0,0 +1,187 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
  <title>项目-创建</title>
5
6 
  <meta charset="utf-8">
7 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
8
9 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
11 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
12
13 
  <script src="ipu/lib/requirejs/require.js"></script>
14 
  <script src="biz/js/require-config.js"></script>
15 
</head>
16 
<body class="pages-project-task-add">
17
18 
<div class="ipu-flex-row ipu-flex-vertical">
19
20 
  <div class="ipu-flex-col">
21 
    <header class="ipu-toolbar common-bg-white">
22 
      <h1 class="ipu-toolbar-title">添加任务</h1>
23 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
24 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
25 
      </a>
26 
      <a class="ipu-fn-right link-finish common-color-blue" href="javascript:;">
27 
        完成
28 
      </a>
29 
    </header>
30 
  </div>
31
32 
  <div class="ipu-flex-col ipu-flex-col-auto common-bg-gray common-page-content">
33 
    <div class="ipu-list ipu-list-form common-list common-list-padding form-block common-m-t-0">
34 
      <ul>
35 
        <li class="ipu-list-item">
36 
          <div class="ipu-list-item-inner ipu-flex-vertical">
37 
            <div class="ipu-list-item-label">
38 
              任务名称
39 
            </div>
40 
            <div class="ipu-list-item-input-wrap">
41 
              <input class="ipu-list-item-input" type="text" placeholder="请输入任务名称">
42 
            </div>
43 
          </div>
44 
        </li>
45
46 
        <li class="ipu-list-item list-item-pickered">
47 
          <div class="ipu-list-item-inner ipu-flex-vertical">
48 
            <div class="ipu-flex ipu-flex-justify-space">
49 
              <div class="ipu-list-item-label">
50 
                起始时间
51 
              </div>
52 
              <div class="ipu-list-item-label">
53 
                结束时间
54 
              </div>
55 
            </div>
56 
            <div class="ipu-flex ipu-flex-justify-space link-to-time-pick">
57 
              <div class="ipu-list-item-input-wrap ipu-flex-grow-1">
58 
                <input class="ipu-list-item-input" type="text" placeholder="请选择起始时间" readonly>
59 
              </div>
60 
              <div class="ipu-list-item-input-wrap ipu-flex-grow-1">
61 
                <input class="ipu-list-item-input ipu-txt-right" type="text" placeholder="请选择结束时间" readonly>
62 
              </div>
63 
            </div>
64 
          </div>
65 
        </li>
66
67 
        <li class="ipu-list-item">
68 
          <div class="ipu-list-item-inner ipu-flex-vertical">
69 
            <div class="ipu-list-item-label">
70 
              任务描述
71 
            </div>
72 
            <div class="ipu-list-item-input-wrap">
73 
              <input class="ipu-list-item-input" type="text" placeholder="请填写任务描述">
74 
            </div>
75 
          </div>
76 
        </li>
77 
        <li class="ipu-list-item ipu-fn-m-t">
78 
          <div class="ipu-list-item-inner ipu-flex-vertical">
79 
            <div class="ipu-list-item-label">
80 
              备注
81 
            </div>
82 
            <div class="ipu-list-item-input-wrap">
83 
              <input class="ipu-list-item-input" type="text" placeholder="请输入备注">
84 
            </div>
85 
          </div>
86 
        </li>
87 
        <li class="ipu-list-item list-item-priority">
88 
          <div class="ipu-list-item-inner ipu-flex-vertical">
89 
            <div class="ipu-list-item-label">
90 
              优先级
91 
            </div>
92 
            <div class="ipu-list-item-input-wrap">
93 
              <div class="ipu-flex-middle ipu-flex-justify-space">
94 
                <label class="ipu-flex-middle ipu-radio ipu-radio-gray">
95 
                  <input type="radio" name="priority" checked>低
96 
                </label>
97 
                <label class="ipu-flex-middle ipu-radio">
98 
                  <input type="radio" name="priority">中
99 
                </label>
100 
                <label class="ipu-flex-middle ipu-radio ipu-radio-yellow">
101 
                  <input type="radio" name="priority">高
102 
                </label>
103 
                <label class="ipu-flex-middle ipu-radio ipu-radio-red">
104 
                  <input type="radio" name="priority">最高
105 
                </label>
106 
              </div>
107 
            </div>
108 
          </div>
109 
        </li>
110 
        <li class="ipu-list-item ipu-fn-m-t">
111 
          <div class="ipu-list-item-inner ipu-flex-vertical">
112 
            <div class="ipu-list-item-label">
113 
              问题
114 
            </div>
115 
            <div class="ipu-list-item-input-wrap">
116 
              <input class="ipu-list-item-input" type="text" placeholder="请输入问题">
117 
            </div>
118 
          </div>
119 
        </li>
120 
        <li class="ipu-list-item">
121 
          <div class="ipu-list-item-inner ipu-flex-vertical ipu-over-hidden">
122 
            <div class="ipu-list-item-label">
123 
              执行者
124 
            </div>
125 
            <div class="schedule-member-wrap">
126 
              <div class="group-member-list">
127
128 
                <div class="group-member-item">
129 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
130 
                  <div class="group-member-name">孙欢欢</div>
131 
                </div>
132
133 
                <div class="group-member-item">
134 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
135 
                  <div class="group-member-name">孙欢欢</div>
136 
                </div>
137 
                <div class="group-member-item">
138 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
139 
                  <div class="group-member-name">孙欢欢</div>
140 
                </div>
141 
                <div class="group-member-item">
142 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
143 
                  <div class="group-member-name">孙欢欢</div>
144 
                </div>
145 
                <div class="group-member-item">
146 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
147 
                  <div class="group-member-name">孙欢欢</div>
148 
                </div>
149 
                <div class="group-member-item">
150 
                  <img class="group-member-avater" src="./temp/1.png" alt="">
151 
                  <div class="group-member-name">孙欢欢</div>
152 
                </div>
153 
                <!-- 增加了除创建人以外的成员显示移除入口-->
154 
                <div class="group-member-item">
155 
                  <div class="group-member-action ipu-flex-middle-center group-member-action-remove ">
156 
                    <i class="icon ri-subtract-fill"></i>
157 
                  </div>
158 
                  <div class="group-member-name "></div>
159 
                </div>
160
161 
                <div class="group-member-item">
162 
                  <div class="group-member-action ipu-flex-middle-center group-member-action-add">
163 
                    <i class="icon ri-add-fill"></i>
164 
                  </div>
165 
                  <div class="group-member-name"></div>
166 
                </div>
167 
              </div>
168
169 
              <!-- 逻辑同 创建群组选人 ，最多三排人，超过三超显示查看更多成员 -->
170 
              <div class="block-head-link-more">
171 
                <div class=" ipu-flex-center-middle">
172 
                  查看更多群成员
173 
                  <i class="icon ri-arrow-right-s-line"></i>
174 
                </div>
175 
              </div>
176
177 
            </div>
178 
          </div>
179 
        </li>
180 
      </ul>
181 
    </div>
182 
  </div>
183 
</div>
184
185
186 
</body>
187 
</html>

+ 425 - 0
2020/x-3/project-task-list.html
Ver fichero 

@ -0,0 +1,425 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
  <title>项目-任务-全部</title>
5
6 
  <meta charset="utf-8">
7 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
8
9 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
11 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
12
13 
  <script src="ipu/lib/requirejs/require.js"></script>
14 
  <script src="biz/js/require-config.js"></script>
15 
  <script src="biz/js/page/project-task-list.js"></script>
16 
</head>
17 
<body class="pages-project-task-list">
18
19 
<div class="ipu-flex-row ipu-flex-vertical">
20
21 
  <div class="ipu-flex-col">
22 
    <header class="ipu-toolbar ">
23 
      <h1 class="ipu-toolbar-title">全部任务</h1>
24 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
25 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
26 
      </a>
27
28 
      <a class="ipu-fn-right" href="javascript:;">
29 
        <i class="ipu-icon ri-record-circle-line"></i>
30 
      </a>
31 
    </header>
32 
  </div>
33 
  <div class="ipu-flex-col ipu-fn-bd-b">
34 
    <div class="common-search common-search-page">
35 
      <div class="ipu-flex common-search-content">
36 
        <div class="ipu-flex-center-middle  common-search-tip">
37 
          <i class="common-search-icon ri-search-2-line"></i>
38 
          <span class="common-search-tip-msg">搜索</span>
39 
        </div>
40
41 
        <div class="ipu-flex-grow-1 common-search-wrap">
42 
          <input class="common-search-input" placeholder="">
43 
        </div>
44 
        <i class="ipu-flex-grow-0 common-search-input-clear ri-close-circle-fill"></i>
45 
      </div>
46 
    </div>
47 
    <div class="ipu-flex tab-task-state">
48 
      <div class="tab-task-state-item slt task-state-all">全部</div>
49 
      <div class="tab-task-state-item task-state-me">分配给我</div>
50 
      <div class="tab-task-state-item task-state-todo">未完成</div>
51 
      <div class="tab-task-state-item task-state-finish">已完成</div>
52 
    </div>
53 
    <div class="ipu-flex ipu-flex-align-stretch ipu-flex-justify-space task-page-filter">
54 
      <div class="ipu-flex-middle">
55 
        <div class="ipu-flex-middle task-page-filter-item task-page-date slt">
56 
          <div class="page-filter-title">开始时间升序</div>
57 
          <i class="icon-flag icon-flag-down ri-arrow-down-s-line"></i>
58 
        </div>
59 
        <div class="ipu-flex-middle task-page-filter-item task-page-filter-priority">
60 
          <div class="page-filter-title">优先级</div>
61 
          <i class="icon-flag icon-flag-down ri-arrow-down-s-line"></i>
62 
        </div>
63 
      </div>
64 
      <div class="ipu-flex-middle task-page-filter-right">
65 
        <div class="page-filter-title">筛选</div>
66 
        <i class="icon-flag ri-filter-line"></i>
67 
      </div>
68 
    </div>
69 
  </div>
70
71 
  <div class="ipu-flex-col ipu-flex-col-auto ">
72 
    <div class="ipu-flex-content">
73 
      <div class="ipu-refresh-wrapper">
74 
        <div class="common-page-content">
75 
          <div class="project-task-list">
76
77 
            <div class="ipu-flex project-task-item ">
78 
              <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
79 
                <input type="checkbox">
80 
              </label>
81 
              <div class="ipu-flex-grow-1">
82 
                <div class="project-task-title">
83 
                  AI Design 产品规划AI Design 产品规划AI Design 产品规划
84 
                </div>
85 
                <div class="ipu-flex ">
86 
                  <div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
87 
                </div>
88 
              </div>
89 
            </div>
90
91 
            <div class="ipu-flex project-task-item project-task-item-white">
92 
              <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
93 
                <input type="checkbox">
94 
              </label>
95 
              <div class="ipu-flex-grow-1">
96 
                <div class="project-task-title">
97 
                  AI Design 产品规划
98 
                </div>
99 
                <div class="ipu-flex ">
100 
                  <div class="ipu-flex-grow-0 project-task-time-state time-limit">
101 
                    今天14:00截止
102 
                  </div>
103 
                </div>
104 
              </div>
105 
            </div>
106
107 
            <div class="ipu-flex project-task-item project-task-item-red">
108 
              <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
109 
                <input type="checkbox">
110 
              </label>
111 
              <div class="ipu-flex-grow-1">
112 
                <div class="project-task-title">
113 
                  AI Design 产品规划
114 
                </div>
115 
                <div class="ipu-flex ">
116 
                  <div class="ipu-flex-grow-0 project-task-time-state ">
117 
                    距离截止时间：还剩4天
118 
                  </div>
119 
                </div>
120 
              </div>
121 
            </div>
122
123 
            <div class="ipu-flex project-task-item project-task-item-yellow">
124 
              <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
125 
                <input type="checkbox">
126 
              </label>
127 
              <div class="ipu-flex-grow-1">
128 
                <div class="project-task-title">
129 
                  AI Design 产品规划
130 
                </div>
131 
                <div class="ipu-flex ">
132 
                  <div class="ipu-flex-grow-0 project-task-time-state ">
133 
                    距离截止时间：还剩4天
134 
                  </div>
135 
                </div>
136 
              </div>
137 
            </div>
138
139 
          </div>
140 
          <div class="data-empty-message common-data-empty-message">
141 
            当前无符合条件任务
142 
          </div>
143 
        </div>
144 
      </div>
145 
    </div>
146 
  </div>
147
148 
</div>
149
150 
<div class="ipu-popup modal-dialog-right task-search-filter">
151 
  <div class="ipu-flex-row ipu-flex-vertical">
152 
    <div class="ipu-flex-col ipu-flex-col-auto ">
153 
      <div class="task-search-filter-item task-search-filter-item-priority open">
154 
        <div class="ipu-flex-middle ipu-flex-justify-space filter-item-title">
155 
          <div>优先级</div>
156 
          <i class="icon-flag icon-flag-down ri-arrow-down-s-line"></i>
157 
          <i class="icon-flag icon-flag-up ri-arrow-up-s-line"></i>
158 
        </div>
159 
        <div class="filter-item-content">
160 
          <div class="filter-item-option-list filter-item-option-list-multip">
161
162 
            <div class="ipu-flex-middle filter-item-option">
163 
              <div class="ipu-flex-grow-0 filter-item-option-color">
164 
                <div class="color-flag color-flag-gray"></div>
165 
              </div>
166 
              <div class="ipu-flex-grow-1 filter-item-option-name">
167 
                低
168 
              </div>
169 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
170 
                <input type="checkbox">
171 
              </label>
172 
            </div>
173
174 
            <div class="ipu-flex-middle filter-item-option">
175 
              <div class="ipu-flex-grow-0 filter-item-option-color">
176 
                <div class="color-flag"></div>
177 
              </div>
178 
              <div class="ipu-flex-grow-1 filter-item-option-name">
179 
                中
180 
              </div>
181 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
182 
                <input type="checkbox">
183 
              </label>
184 
            </div>
185
186 
            <div class="ipu-flex-middle filter-item-option">
187 
              <div class="ipu-flex-grow-0 filter-item-option-color">
188 
                <div class="color-flag color-flag-yellow"></div>
189 
              </div>
190 
              <div class="ipu-flex-grow-1 filter-item-option-name">
191 
                高
192 
              </div>
193 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
194 
                <input type="checkbox">
195 
              </label>
196 
            </div>
197
198 
            <div class="ipu-flex-middle filter-item-option">
199 
              <div class="ipu-flex-grow-0 filter-item-option-color">
200 
                <div class="color-flag color-flag-red"></div>
201 
              </div>
202 
              <div class="ipu-flex-grow-1 filter-item-option-name">
203 
                最高
204 
              </div>
205 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
206 
                <input type="checkbox">
207 
              </label>
208 
            </div>
209
210 
          </div>
211 
        </div>
212 
      </div>
213
214 
      <div class="task-search-filter-item task-search-filter-item-executor">
215 
        <div class="ipu-flex-middle ipu-flex-justify-space filter-item-title">
216 
          <div>执行者</div>
217 
          <i class="icon-flag icon-flag-down ri-arrow-down-s-line"></i>
218 
          <i class="icon-flag icon-flag-up ri-arrow-up-s-line"></i>
219 
        </div>
220
221
222 
        <div class="filter-item-content">
223 
          <div class="common-search common-search-filter">
224
225 
            <div class="ipu-flex common-search-content">
226 
              <div class="ipu-flex-center-middle  common-search-tip">
227 
                <i class="common-search-icon ri-search-2-line"></i>
228 
                <span class="common-search-tip-msg">搜索</span>
229 
              </div>
230
231 
              <div class="ipu-flex-grow-1 common-search-wrap">
232 
                <input class="common-search-input" placeholder="">
233 
              </div>
234 
              <i class="ipu-flex-grow-0 common-search-input-clear ri-close-circle-fill"></i>
235 
            </div>
236 
          </div>
237 
          <div class="filter-item-option-list filter-item-option-list-multip">
238 
            <div class="ipu-flex-middle filter-item-option">
239 
              <div class="ipu-flex-grow-0 filter-item-option-img">
240 
                <div class="img"></div>
241 
              </div>
242 
              <div class="ipu-flex-grow-1 filter-item-option-name">
243 
                待认领
244 
              </div>
245 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
246 
                <input type="checkbox">
247 
              </label>
248 
            </div>
249 
            <div class="ipu-flex-middle filter-item-option">
250 
              <div class="ipu-flex-grow-0 filter-item-option-img">
251 
                <img src="temp/1.png" alt=""/>
252 
              </div>
253 
              <div class="ipu-flex-grow-1 filter-item-option-name">
254 
                孙欢欢
255 
              </div>
256 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
257 
                <input type="checkbox">
258 
              </label>
259 
            </div>
260 
            <div class="ipu-flex-middle filter-item-option">
261 
              <div class="ipu-flex-grow-0 filter-item-option-img">
262 
                <img src="temp/1.png" alt=""/>
263 
              </div>
264 
              <div class="ipu-flex-grow-1 filter-item-option-name">
265 
                张龙
266 
              </div>
267 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
268 
                <input type="checkbox">
269 
              </label>
270 
            </div>
271 
            <div class="ipu-flex-middle filter-item-option">
272 
              <div class="ipu-flex-grow-0 filter-item-option-img">
273 
                <img src="temp/1.png" alt=""/>
274 
              </div>
275 
              <div class="ipu-flex-grow-1 filter-item-option-name">
276 
                赵虎
277 
              </div>
278 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
279 
                <input type="checkbox">
280 
              </label>
281 
            </div>
282 
            <div class="ipu-flex-middle filter-item-option">
283 
              <div class="ipu-flex-grow-0 filter-item-option-img">
284 
                <img src="temp/1.png" alt=""/>
285 
              </div>
286 
              <div class="ipu-flex-grow-1 filter-item-option-name">
287 
                李四
288 
              </div>
289 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
290 
                <input type="checkbox">
291 
              </label>
292 
            </div>
293 
            <div class="ipu-flex-middle filter-item-option">
294 
              <div class="ipu-flex-grow-0 filter-item-option-img">
295 
                <img src="temp/1.png" alt=""/>
296 
              </div>
297 
              <div class="ipu-flex-grow-1 filter-item-option-name">
298 
                王五
299 
              </div>
300 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
301 
                <input type="checkbox">
302 
              </label>
303 
            </div>
304 
            <div class="ipu-flex-middle filter-item-option">
305 
              <div class="ipu-flex-grow-0 filter-item-option-img">
306 
                <img src="temp/1.png" alt=""/>
307 
              </div>
308 
              <div class="ipu-flex-grow-1 filter-item-option-name">
309 
                孙欢欢
310 
              </div>
311 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
312 
                <input type="checkbox">
313 
              </label>
314 
            </div>
315 
            <div class="ipu-flex-middle filter-item-option">
316 
              <div class="ipu-flex-grow-0 filter-item-option-img">
317 
                <img src="temp/1.png" alt=""/>
318 
              </div>
319 
              <div class="ipu-flex-grow-1 filter-item-option-name">
320 
                张龙
321 
              </div>
322 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
323 
                <input type="checkbox">
324 
              </label>
325 
            </div>
326 
            <div class="ipu-flex-middle filter-item-option">
327 
              <div class="ipu-flex-grow-0 filter-item-option-img">
328 
                <img src="temp/1.png" alt=""/>
329 
              </div>
330 
              <div class="ipu-flex-grow-1 filter-item-option-name">
331 
                赵虎
332 
              </div>
333 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
334 
                <input type="checkbox">
335 
              </label>
336 
            </div>
337 
            <div class="ipu-flex-middle filter-item-option">
338 
              <div class="ipu-flex-grow-0 filter-item-option-img">
339 
                <img src="temp/1.png" alt=""/>
340 
              </div>
341 
              <div class="ipu-flex-grow-1 filter-item-option-name">
342 
                李四
343 
              </div>
344 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
345 
                <input type="checkbox">
346 
              </label>
347 
            </div>
348 
            <div class="ipu-flex-middle filter-item-option">
349 
              <div class="ipu-flex-grow-0 filter-item-option-img">
350 
                <img src="temp/1.png" alt=""/>
351 
              </div>
352 
              <div class="ipu-flex-grow-1 filter-item-option-name">
353 
                王五
354 
              </div>
355 
              <label class="ipu-flex-grow-0 ipu-checkbox ipu-checkbox-s ipu-flex-middle">
356 
                <input type="checkbox">
357 
              </label>
358 
            </div>
359
360 
          </div>
361 
        </div>
362
363 
      </div>
364
365 
      <div class="task-search-filter-item task-search-filter-item-time">
366 
        <div class="ipu-flex-middle ipu-flex-justify-space filter-item-title">
367 
          <div>时间</div>
368 
          <i class="icon-flag icon-flag-down ri-arrow-down-s-line"></i>
369 
          <i class="icon-flag icon-flag-up ri-arrow-up-s-line"></i>
370 
        </div>
371
372 
        <div class="filter-item-content">
373 
          <div class="filter-item-option-list">
374 
            <div class="ipu-flex-middle ipu-flex-justify-space filter-item-option">
375 
              <div class="ipu-fn-row">今天截止的</div>
376 
              <i class="icon-flag ri-check-fill"></i>
377 
            </div>
378 
            <div class="ipu-flex-middle ipu-flex-justify-space filter-item-option">
379 
              <div class="ipu-fn-row">最近3天截止的</div>
380 
              <i class="icon-flag ri-check-fill"></i>
381 
            </div>
382 
            <div class="ipu-flex-middle ipu-flex-justify-space filter-item-option">
383 
              <div class="ipu-fn-row">最近一周截止的</div>
384 
              <i class="icon-flag ri-check-fill"></i>
385 
            </div>
386 
            <div class="ipu-flex-middle ipu-flex-justify-space filter-item-option">
387 
              <div class="ipu-fn-row">最近一月截止</div>
388 
              <i class="icon-flag ri-check-fill"></i>
389 
            </div>
390 
          </div>
391 
        </div>
392 
      </div>
393
394 
      <div class="task-search-filter-item task-search-filter-item-project">
395 
        <div class="ipu-flex-middle ipu-flex-justify-space filter-item-title">
396 
          <div>项目</div>
397 
          <i class="icon-flag icon-flag-down ri-arrow-down-s-line"></i>
398 
          <i class="icon-flag icon-flag-up ri-arrow-up-s-line"></i>
399 
        </div>
400 
        <div class="filter-item-content">
401 
          <div class="filter-item-option-list">
402 
            <div class="ipu-flex-middle ipu-flex-justify-space filter-item-option">
403 
              <div class="ipu-fn-row">项目1</div>
404 
              <i class="icon-flag ri-check-fill"></i>
405 
            </div>
406 
            <div class="ipu-flex-middle ipu-flex-justify-space filter-item-option">
407 
              <div class="ipu-fn-row">项目2</div>
408 
              <i class="icon-flag ri-check-fill"></i>
409 
            </div>
410 
          </div>
411 
        </div>
412 
      </div>
413 
    </div>
414
415 
    <div class="ipu-flex-col">
416 
      <div class="ipu-flex-tiled">
417 
        <button class="filter-btn filter-btn-reset">重置</button>
418 
        <button class="filter-btn filter-btn-confirm">完成</button>
419 
      </div>
420 
    </div>
421 
  </div>
422 
</div>
423
424 
</body>
425 
</html>