<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>工作台</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" href="../../css/projeck.css">
    <style>
        body,html{
            background: #fff;
        }
        .aui-card-list{
            margin-bottom: 0;
        }
        .personal_info{
            display: flex;
            justify-content: flex-start;
            flex-wrap: nowrap;
            display: -webkit-flex;
            -webkit-justify-content: flex-start;
            -webkit-flex-wrap: nowrap;
            align-items: center;
            position: relative;
        }
        .personal_info span{
            display: block;
            font-size: 15px;
            color: #000;
        }
        .personal_info span:first-child{
            font-weight: bold;
        }
        .personal_info span:last-child{
            color: #69707f;
        }
        .api_layout .record_header{
            width: 52px;
            height: 52px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            margin-right: 7px;
            border: 1px solid #ECF0F1;
        }
        .aui-card-list-header{
            border-bottom: 1px solid #ecf0f1;
        }
        .aui-card-list-content-padded{
            border-bottom: 1px solid #ecf0f1;
        }
        .itme{
            margin: 10px 0 0 0;
        }
        .itme_title_{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: #fafafa;
            padding: 7px 0 7px 10px;
        }
        .itme_title_ span{
            display: inline-block;
            font-size: 16px;
            color: #000;
        }
        .itme_title_ span:first-child{
            width: 39%;
        }
        .itme_title_ span:last-child{
            width: 59%;
        }
        .itme_ul li{
            padding: 7px 0 7px 10px;
            font-size: 15px;
            position: relative;
        }
        .itme_ul li span:first-child{
            width: 39%;
        }
        .itme_ul li span:last-child{
            width: 59%;
        }
        .scene_img_title{
            padding: 7px 0 7px 10px;
            font-size: 16px;
            color: #000;
        }
        .font_bold{
            font-weight: bold;
        }
        .aui-collapse-header.aui-active{
            background:none;
        }
    </style>
</head>
<body>
<div class="api_layout">
    <!-- <div class="aui-card-list">
        <div class="aui-card-list-header aui-collapse-header">
            <div class="font_bold">水泵建设</div>
            <i class="aui-iconfont aui-icon-down aui-collapse-arrow"></i>
        </div>
        <div class="aui-card-list-content-padded aui-collapse-content">
          <div class="task_info">
            <div class="personal_info">
                <img src="{{=urlphp}}storage/avatar/avatar_{{=it[i].createId}}.png" onerror=javascript:this.src="http://jiewei-icon.oss-cn-beijing.aliyuncs.com/icon/default-avatar.png" class="record_header">
                <p>
                  <span>张三</span>
                  <span>信息科</span>
                </p>
            </div>
            <div class="itme">
               <p class="itme_title_">
                   <span>项目</span>
                   <span>内容</span>
               </p>
                <ul class="itme_ul">
                    <li class="flex-start after-border">
                        <span>完成进度</span>
                        <span>10%～20%</span>
                    </li>
                    <li class="flex-start after-border">
                        <span>完成进度</span>
                        <span>10%～20%</span>
                    </li>
                    <li class="flex-start after-border">
                        <span>完成进度</span>
                        <span>10%～20%</span>
                    </li>
                    <li class="flex-start after-border">
                        <span>完成进度</span>
                        <span>10%～20%</span>
                    </li>
                </ul>
            </div>
            <div class="img_scene">
                <p class="scene_img_title">现场照片</p>
                <div class="aui-row aui-row-padded">
                    <div class="aui-col-xs-4">
                        <img src="../../image/demo.png" />
                    </div>
                    <div class="aui-col-xs-4">
                        <img src="../../image/demo.png" />
                    </div>
                    <div class="aui-col-xs-4">
                        <img src="../../image/demo.png" />
                    </div>
                </div>
            </div>
          </div>
          <div class="task_info">
            <div class="personal_info">
                <img src="{{=urlphp}}storage/avatar/avatar_{{=it[i].createId}}.png" onerror=javascript:this.src="http://jiewei-icon.oss-cn-beijing.aliyuncs.com/icon/default-avatar.png" class="record_header">
                <p>
                  <span>张三</span>
                  <span>信息科</span>
                </p>
            </div>
            <div class="itme">
               <p class="itme_title_">
                   <span>项目</span>
                   <span>内容</span>
               </p>
                <ul class="itme_ul">
                    <li class="flex-start after-border">
                        <span>完成进度</span>
                        <span>10%～20%</span>
                    </li>
                    <li class="flex-start after-border">
                        <span>完成进度</span>
                        <span>10%～20%</span>
                    </li>
                    <li class="flex-start after-border">
                        <span>完成进度</span>
                        <span>10%～20%</span>
                    </li>
                    <li class="flex-start after-border">
                        <span>完成进度</span>
                        <span>10%～20%</span>
                    </li>
                </ul>
            </div>
            <div class="img_scene">
                <p class="scene_img_title">现场照片</p>
                <div class="aui-row aui-row-padded">
                    <div class="aui-col-xs-4">
                        <img src="../../image/demo.png" />
                    </div>
                    <div class="aui-col-xs-4">
                        <img src="../../image/demo.png" />
                    </div>
                    <div class="aui-col-xs-4">
                        <img src="../../image/demo.png" />
                    </div>
                </div>
            </div>
          </div>
        </div>
    </div>
    <div class="aui-card-list">
           <div class="aui-card-list-header aui-collapse-header">
               <div class="font_bold">联建楼办公区域进户门更换</div>
               <i class="aui-iconfont aui-icon-down aui-collapse-arrow"></i>
           </div>
           <div class="aui-card-list-content-padded aui-collapse-content">
               <div class="personal_info">
                   <img src="{{=urlphp}}storage/avatar/avatar_{{=it[i].createId}}.png" onerror=javascript:this.src="http://jiewei-icon.oss-cn-beijing.aliyuncs.com/icon/default-avatar.png" class="record_header">
                   <p>
                       <span>张三</span>
                       <span>信息科</span>
                   </p>
               </div>
               <div class="itme">
                   <p class="itme_title_">
                       <span>项目</span>
                       <span>内容</span>
                   </p>
                   <ul class="itme_ul">
                       <li class="flex-start after-border">
                           <span>完成进度</span>
                           <span>10%～20%</span>
                       </li>
                       <li class="flex-start after-border">
                           <span>完成进度</span>
                           <span>10%～20%</span>
                       </li>
                       <li class="flex-start after-border">
                           <span>完成进度</span>
                           <span>10%～20%</span>
                       </li>
                       <li class="flex-start after-border">
                           <span>完成进度</span>
                           <span>10%～20%</span>
                       </li>
                   </ul>
               </div>
               <div class="img_scene">
                   <p class="scene_img_title">现场照片</p>
                   <div class="aui-row aui-row-padded">
                       <div class="aui-col-xs-4">
                           <img src="../../image/demo.png" />
                       </div>
                       <div class="aui-col-xs-4">
                           <img src="../../image/demo.png" />
                       </div>
                       <div class="aui-col-xs-4">
                           <img src="../../image/demo.png" />
                       </div>
                   </div>
               </div>
           </div>
       </div> -->
</div>
</body>
</html>
<script type="text/template" id="templatePublic">
    {{~it:value:index}} {{?value.departmentId == 'root'}}
    <li onclick="openQRcodeInfo('{{=value.departmentId}}','{{=value.messageFlag}}')">
        <span class="news_img">{{=value.departmentName.substring(0,4)}}</span>
        <div class="api_titles">
            <span class="api_news_title">{{=value.departmentName}}</span>
            <p>
                <i class="api_ico"></i>
                {{=value.desc}}
            </p>
        </div>
        <span class="api_date">{{=value.time}}</span>
        {{?value.messageCount != 0}}
        <span class="api_news_num">{{=value.messageCount}}</span>
        {{?}}
        <span class="api_ceil"></span>
    </li>
    {{?}} {{~}}
</script>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/doT.min.js"></script>
<!-- <script src="../../script/aui-toast.js" charset="utf-8"></script> -->
<!-- <script src="../../script/fastclick.min.js" charset="utf-8"></script> -->
<script src="../../script/config.js" charset="utf-8"></script>
<script type="text/javascript">
    var skip = 0;
    var toast = new auiToast();
    apiready = function () {

    }
    var collapse = new auiCollapse({
        autoHide:true //是否自动隐藏已经展开的容器
    });
</script>
