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/aui.css" />
	<style>
        body{
          background: #fff;
        }
        .api_layout{
            padding: 15px;
        }
        .column{
            margin-bottom: 10px;
        }
        .aui-row{
            border: 1px dashed #c8d2de;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            padding: 10px;
        }
        .technological-process{
            margin-top: 10px;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
        }
        .col{
            color: red;
            font-size: 14px;
            display: inline-flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            padding-right: 10px;
            /*width: 25%;*/
        }
        .name{
            border: 1px solid red;
            display: block;
            padding: 3px 6px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            margin-bottom: 5px;
        }
        .name:last-child{
            margin-bottom: 0;
        }
        .ico-j{
            display: block;
            width: 15px;
            height: 15px;
            background: url("../../image/Arrow.png") no-repeat;
            background-size: contain;
            margin-left: 10px;
        }
        .col:last-child{
            padding-right: 0;
        }
        .col:last-child .ico-j{
            display: none;
        }
        .technologicals{
          margin-bottom: 20px;
        }
        .aui-list-item-input label{
          font-size: 14px;
          height: 21px;
          display: inline-block;
          line-height: 22px;
          margin-right: 5px;
        }
        .aui-list-item-input label:last-child{
          margin-right: 0;
        }
        .itmes li{
          display: flex;
          justify-content: space-between;
          flex-wrap: nowrap;
          padding: 10px 0;
          position: relative;
        }
        .itmes li:after{
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          height: 1px;
          background: #ebeef3;
          width: 100%;
        }
        .itmes p{
          width: 50%;
          color: #2c3e50;
          font-size: 15px;
        }
        .itmes p:last-child{
          text-align: right;
          color: #3498db;
        }
        .column{
          margin-top: 15px;
        }
        .column-title{
          font-size: 15px;
          color: #2c3e50;
          margin-bottom: 5px;
          display: block;
        }
        .header-img{
            width: 50px;
            height: 50px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            object-fit: cover;
            margin-right: 10px;
        }
        .img-title{
          display: flex;
          justify-content: flex-start;
          flex-wrap: nowrap;
        }
        .personalInfo{
          margin-bottom: 20px;
        }
        .personalInfo span{
            display: block;
            font-size: 14px;
            color: #6c6f74;
        }
        .personalInfo span:first-child{
            font-size: 18px;
            color: #002257;
        }
        .examine-success{
            background: #1abc9c;
        }
        .examine-red{
            background: #e74c3c;
        }
	</style>
</head>
<body>
  <div class="api_layout">
    <div class="personalInfo">
      <div class="img-title">
          <img src="../../image/demo.png" alt="" class="header-img">
          <div>
              <span>张三</span>
              <span>信息监测中心</span>
          </div>
      </div>
    </div>
    <ul class="itmes ">
      <li>
         <p>工单编号：</p>
         <p>3E33123T</p>
      </li>
      <li>
         <p>工单分类：</p>
         <p>物资领用物资领用物资领用物资领用物资领用物资领用物资领用物资领用物资领用物资领用物资领用物资领用</p>
      </li>
    </ul>
    <div class="column-row">
      <div class="column">
          <label class="column-title">图片：</label>
          <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 class="column">
          <label class="column-title">文件：</label>
          <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="technologicals">
       <label class="column-title">固定审批流程：</label>
       <div class="technological-process">
           <div class="col">
               <div class="name_list">
                   <span class="name">张三你</span>
               </div>
               <i class="ico-j"></i>
           </div>
           <div class="col">
               <div class="name_list">
                   <span class="name">张三你</span>
                   <span class="name">张三</span>
               </div>
               <i class="ico-j"></i>
           </div>
           <div class="col">
               <div class="name_list">
                   <span class="name">张三你</span>
               </div>
               <i class="ico-j"></i>
           </div>
       </div>
    </div>
    <div style="text-align: right;margin-top: 15px">
         <div class="aui-btn aui-btn-danger examine-red" onclick="openReject()">驳回</div>
         <div class="aui-btn aui-btn-success examine-success" onclick="openAdopt()">通过</div>
    </div>
  </div>
</body>

<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/doT.min.js"></script>
<script type="text/javascript" src="../../script/config.js"></script>
<script type="text/javascript">
   var toast = new auiToast()
    apiready = function(){
      var info = $api.getStorage('data');
      token = JSON.parse(info).data.access_token;
      getApplyDe(api.pageParam.id,token)
    };
    function getApplyDe(id,token) {
      var headers = {
          "Authorization": "Bearer " + token
      };
      $http.fnReuestData(UrlRouter.getApplyD+id,headers,'get','',function (ret,err) {
        toast.hide();
        console.log(JSON.stringify(ret));
      })
    }
    // 通过
    function openAdopt() {
      api.openFrame({
          name: 'adopt',
          bounces: false,
          url: 'adopt.html',
          bgColor:'rgba(0,0,0,.6)',
          rect: {
              x: 0,
              y: 0,
              w: api.winWidth,
              h: 'auto',
          },
          // pageParam: {
          //     username: name,
          //     mobile:phone,
          //     avatar:img,
          //     delp:del
          // }
      });
    }
    // 驳回
    function openReject() {
      api.openFrame({
          name: 'reject',
          bounces: false,
          url: 'reject.html',
          bgColor:'rgba(0,0,0,.6)',
          rect: {
              x: 0,
              y: 0,
              w: api.winWidth,
              h: 'auto',
          },
          // pageParam: {
          //     username: name,
          //     mobile:phone,
          //     avatar:img,
          //     delp:del
          // }
      });
    }
</script>
</html>