jifuning
/
ximeichang


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293
							<!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>