|
<!DOCTYPE html>
<html lang="en">
<head>
<title>项目-清单-任务</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="ipu/lib/requirejs/require.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/page/project-phase-task.js"></script>
</head>
<body class="pages-project-phase-task">
<div class="ipu-flex-row ipu-flex-vertical common-bg-gray">
<div class="ipu-flex-col common-bg-white">
<header class="ipu-toolbar ">
<h1 class="ipu-toolbar-title ipu-fn-row">AI Design AI Design AI Design </h1>
<a class="ipu-fn-left page-back" href="javascript:history.back();">
<i class="ipu-icon ri-arrow-left-s-line"></i>
</a>
<a class="ipu-fn-right menu-quit" href="javascript:;">
<i class="ipu-icon ri-record-circle-line"></i>
</a>
</header>
<div class="ipu-flex-center-middle project-phase-current">
<span>一阶段工作</span>
<i class="icon-flag ri-arrow-down-s-line"></i>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content carousel-block">
<div class="ipu-refresh-wrapper">
<div class="ipu-carousel ipu-hammer-carousel">
<ul class="ipu-carousel-wrapper">
<!-- 有哪些任务状态待确认，后台数据有关？ -->
<li>
<div class="project-phase-item ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="item-state">
未开始<span class="num">4</span>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="project-task-list">
<div class="ipu-flex project-task-item ">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划AI Design 产品规划AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-white">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-limit">
今天14:00截止
</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-red">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-yellow">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-white">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-limit">
今天14:00截止
</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-red">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-yellow">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="project-phase-item ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="item-state">
未开始<span class="num">4</span>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="project-task-list">
<div class="ipu-flex project-task-item ">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划AI Design 产品规划AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-white">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-limit">
今天14:00截止
</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-red">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-yellow">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-white">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-limit">
今天14:00截止
</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-red">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-yellow">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="project-phase-item ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="item-state">
进行中<span class="num">4</span>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="project-task-list">
<div class="ipu-flex project-task-item ">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划AI Design 产品规划AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-white">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-limit">
今天14:00截止
</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item ">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划AI Design 产品规划AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-white">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-limit">
今天14:00截止
</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-red">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-yellow">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
<div class="ipu-flex project-task-item ">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划AI Design 产品规划AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-white">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-limit">
今天14:00截止
</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item ">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划AI Design 产品规划AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-white">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-limit">
今天14:00截止
</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-red">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-yellow">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="project-phase-item ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="item-state">
已完成<span class="num">6</span>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="project-task-list">
<div class="ipu-flex project-task-item ">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划AI Design 产品规划AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="project-phase-item ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="item-state">
未开始<span class="num">4</span>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="project-task-list">
<div class="ipu-flex project-task-item ">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划AI Design 产品规划AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-out"> 已超时</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-white">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state time-limit">
今天14:00截止
</div>
</div>
</div>
<div class="ipu-flex-grow-0 ipu-flex-middle link-more">
<i class="ri-arrow-left-right-line"></i>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-red">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
<div class="ipu-flex project-task-item project-task-item-yellow">
<label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
<input type="checkbox">
</label>
<div class="ipu-flex-grow-1">
<div class="project-task-title">
AI Design 产品规划
</div>
<div class="ipu-flex ">
<div class="ipu-flex-grow-0 project-task-time-state ">
距离截止时间：还剩4天
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="ipu-flex-col">
<div class="ipu-flex-center-middle link-task-add">
<i class="icon-flag ri-add-fill"></i>
添加新的任务
</div>
</div>
<div class="ipu-flex-col">
<div class="carousel-indicator-wrap">
<ul class="ipu-carousel-indicator ipu-carousel-indicator-center">
</ul>
</div>
</div>
<!-- 阶段选择 -->
<div class="project-phase-block">
<div class="project-phase-content">
<div class="list-block">
<div class="ipu-flex-middle list-head ipu-fn-bd-t ipu-fn-bd-b">
<div class="ipu-flex-grow-1 list-head-title">清单</div>
<div class="ipu-flex-grow-0 list-head-link">编辑</div>
</div>
<ul>
<li class="ipu-flex-middle ipu-fn-bd-b list-item list-item-all">
<div class="ipu-flex-grow-1 item-title ipu-fn-row">全部</div>
<div class="ipu-flex-grow-0 item-slt-flag">
<i class="icon-flag ri-check-fill"></i>
</div>
</li>
<li class="ipu-flex-middle ipu-fn-bd-b list-item list-item-slt slt">
<div class="ipu-flex-grow-1 item-title ipu-fn-row">一阶段工作</div>
<div class="ipu-flex-grow-0 item-slt-flag">
<i class="icon-flag ri-check-fill"></i>
</div>
</li>
<li class="ipu-flex-middle ipu-fn-bd-b list-item list-item-slt ">
<div class="ipu-flex-grow-1 item-title ipu-fn-row">二阶段工作</div>
<div class="ipu-flex-grow-0 item-slt-flag">
<i class="icon-flag ri-check-fill"></i>
</div>
</li>
</ul>
<div class="ipu-flex-middle list-foot">
<i class="icon-flag ri-add-fill"></i>
新建清单
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
