dever-product
/
churen


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441
							<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>工单列表详情页</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black"> 
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="../script/lib/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="../script/lib/valid/validationEngine.jquery.css">
<link rel="stylesheet" type="text/css" href="../script/lib/layui/admin/style/admin.css?v9" media="all">
<link rel="stylesheet" type="text/css" href="../script/lib/fancybox/jquery.fancybox.css">
<script src="../script/lib/jquery/jquery.min.js"></script>
<script src="../script/lib/layui/layui.js"></script>
<script src="../script/lib/echarts/echarts.common.min.js"></script>
<script src="../script/lib/miniui/miniui.js"></script>
<script><{Dever::script()}></script>
<script src="../script/dever/core.js"></script>
<script type="text/javascript" src="../script/lib/valid/jquery.validationEngine.min.js?v3"></script>
<script type="text/javascript" src="../script/lib/layui/upload.js?v226"></script>

<script type="text/javascript" src="../script/lib/fancybox/jquery.fancybox.js"></script>
<script src="../script/lib/manage/main.js"></script>
<style>

body{
  /*overflow: hidden;*/
    background:white;
  padding-left: 20px;
  height:100%;
}
.layui-col-space15 {
    margin: 9.5px;
}
  .layui-col-xs4{
    font-size: 15px;
  }
  .layui-col-xs6{
    margin-top: 15px;
    font-size: 14px;
    /*margin-left:10px;*/
  }
  .onebor{
    width: 750px;
    padding-left: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    /*border-left: 1px solid grey;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;*/
    margin-top: -8px;
  }
  .desc{
    margin-top:10px;
    margin-bottom: 15px;
    width: 728px;
  }
  .chu{
    margin-top:10px;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .bian{
    margin-bottom:15px;
    font-size: 14px;
  }
  .gongdan{
    margin-top:20px;
    font-size:14px;
  }
  .layout{
    width: 100%;

    height: 100%;

    display: flex;
    justify-content : space-around;

}
.aside{

    flex:1;
    height: 100%;
    /*overflow-y: auto;*/
    background: white;
}
.article{
    /*flex:1;*/
    width:230px;
    height: 100%;
    /*overflow-y: auto;/*/
    background: white;
}


  .row1{
    margin-left:10px;
    margin-top:20px;
  }
  .row2{
    margin-left:15px;
    margin-top:80px;
    /*margin-bottom: 15px;*/
  }
  .row3{
    margin-left:15px;
    margin-bottom:10px;
  }
  .layui-btn-primary {
    border: 0px solid #C9C9C9;
    background-color: #dedede;
    color: #555;
    font-size: 5px;
    width: 90px;
    height: 36px;
}
.time {
    border: 0px solid #C9C9C9;
    background-color: #ededed;
    color: #555;
    font-size: 5px;
    width: 130px;
    height: 36px;
}
.layui-icon-praise{
    margin-left: -30px;
    margin-right: 10px;
    /*margin-top: 100px;*/
}
/*.top {
    border: 1px solid #C9C9C9;
    background-color: #1d953f

;
    color: #555;
    font-size: 10px;
    width: 100px;
    height: 36px;
}*/
.layui-col-md4{
    margin-top: 10px;
    /*margin-bottom:10px;*/
}
.you{
    /*margin-left:90px;*/
    position: relative;
    top: -45px;
    left: 180px;

}
.role{
    margin-left:-80px;
}
.content{
    margin-top:20px;
    margin-bottom: 10px;
}
.list{
    margin-top: 20px;
    margin-bottom: 10px;
}

.show{
  margin-left: 20px;
}
.video{
  margin-bottom: 10px;
}
</style>

</head>
<body>
<div class="layout">
    <aside class='aside'>
  <{if($info['status']<3):}>
    <div class="layui-row row1">
    <div class="layui-col-xs2">
      <div class="grid-demo"> 
      <button class="layui-btn layui-btn-radius  " type="button" style="vertical-align: middle;margin-bottom: 2px;" onclick="finish()">完成关闭</button>
      </div>
    </div>
    <div class="layui-col-xs2">
      <div class="grid-demo grid-demo-bg1"><button class="layui-btn layui-btn-radius  " id="quxiao" style="vertical-align: middle;margin-bottom: 2px;" onclick="quxiao();">取消关闭</button></div>
    </div>
    <div class="layui-col-xs2">
      <div class="grid-demo"><button class="layui-btn layui-btn-radius  " id="huifu" style="vertical-align: middle;margin-bottom: 2px;" onclick="fastEdit($(this),'<{$hui}>')">回复/指派</button></div>
    </div>
  </div>
  <{endif}>
        <div class="layui-row">
    <div class="layui-col-bg">
      <div class="grid-demo grid-demo-bg1 gongdan">工单号：<{$info['work_num']}></div>
    </div>
  </div>
  <div class="layui-row">
    <div class="layui-col-md4">
      <div class="grid-demo">创建时间：<{$info['cdate']}></div>
    </div>
    <div class="layui-col-md4">
      <div class="grid-demo">创建人：<{$info['admin']}></div>
    </div>
    
  </div>
  
  <div class="layui-row bian">
    <div class="layui-col-md4 ">
      <div class="grid-demo">工单来源：<{$info['source_name']}></div>
    </div>
    <div class="layui-col-md4">
      <div class="grid-demo">相关系统产品：<{$info['product_name']}></div>
    </div>
    <!-- <div class="layui-col-md4 you"> -->
      <div class="you"><button class="layui-btn layui-btn-radius layui-btn-primary" style="font-size: 15px; color: <{$info['color']}>;background: #f6f5ec; margin-left: 450px;margin-bottom: -19px;width: 120px;"><{$info['priority_name']}></button></div>
    <!-- </div> -->
  </div>


  <div class="layui-row onebor">
    <div class="layui-col-xs6">
      <div class="grid-demo">姓名：<{$info['user_name']}></div>
    </div>
    <div class="layui-col-xs6 role">
      <div class="grid-demo">代理商角色：<{$info['role_name']}></div>
    </div>
    <div class="layui-col-xs6 ">
      <div class="grid-demo">手机号：<{$info['mobile']}></div>
    </div>
    <div class="layui-col-xs6 role">
      <div class="grid-demo">身份证号：<{$info['idcard']}></div>
    </div>
    <div class="layui-col-xs6 ">
      <div class="grid-demo">类别：<{$info['cate_name']}></div>
    </div>
  <div class="layui-col-bg layui-col-md8 ">
      <div class="grid-demo grid-demo-bg desc">描述：<{$info['desc']}></div>
    </div>
    <div class="layui-row">
    <{if(isset($info['video']) && $info['video']):}>
    <div class="grid-demo layui-col-xs1">
        
      <video class="player "  height="100px" src="<{$info['video']}>" onclick="player($(this))">查看视频</video>
      
    </div>
    <{endif}>
    <{if(isset($info['pic']) && $info['pic']):}>
      <div id="layer-photos-<{$info['id']}>" class="grid-demo layui-col-xs5 layer-photos-demo " id="tk">
      <{foreach($info['pic'] as $k => $v):}>
          <img src='<{$v}>' id='show' class="fd show" height='100px'>
        <{endforeach}>
      </div>
      <{endif}>
    </div>    
  </div>
  <div class="layui-row content">
  <{if(isset($info_log)):}>
    <{foreach($info_log as $k => $v):}>
      <div class="layui-row list">
        <div class="layui-col-xs4 chu">
          <div class="grid-demo">处理时间：<{$v['cdate']}></div>
        </div>
        <div class="layui-col-xs4 chu">
          <div class="grid-demo">处理人：<{$v['appoint_admin']}></div>
        </div>
        <div class="layui-col-xs4 chu">
          <div class="grid-demo">指派：<{$v['admin_group']}></div>
        </div>
      </div>
      <div class="layui-row onebor">
      <div class="layui-col-bg layui-col-md8 ">
        <div class="grid-demo grid-demo-bg desc">描述：<{$v['desc']}></div>
      </div>
      <div class="layui-row ">
      <{if(isset($v['video'])):}>
      <div class="grid-demo layui-col-xs1">
      
      <video class="player " height="100px" src="<{$v['video']}>" onclick="player($(this))">查看视频</video>
      </div>
       <{endif}>
      <div id="layer-photos_log-<{$v['id']}>" class="layer-photos-demo layui-col-xs5" id="tk">
      
      <{if(isset($v['pic'])):}>
      <{foreach($v['pic'] as $k1 => $v1):}>
          <img src='<{$v1}>' class="fd show" height='100px'>
        <{endforeach}>
        <{endif}>
      </div>
        <!-- <div class="grid-demo"><{$v['pic']}></div> -->
      </div>
      </div>
    <{endforeach}>
  <{endif}>
  </div>
    </aside>
    <article class="article">
    <div class="layui-row  row2">
      <div class="layui-col-lg  row3">
      
        <div class="grid-demo "><i class="layui-icon layui-icon-praise" style="font-size: 20px; color: #1E9FFF;"></i><{$info['cdate']}></div>
      </div>
      <div class="layui-col-lg row3">
        <div class="grid-demo"><{$info['admin']}></div>
      </div>
      <div class="layui-col-lg row3">
        <div class="grid-demo">
            <button class="layui-btn layui-btn-radius layui-btn-primary">创建工单</button>
        </div>
      </div>
        <{if(isset($zhi)):}>
    <{foreach($zhi as $k => $v):}>
      <div class="layui-col-lg row3">
        <div class="grid-demo"><i class="layui-icon layui-icon-praise" style="font-size: 20px; color: #1E9FFF;"></i><{$v['cdate']}></div>
      </div>
      <div class="layui-col-lg row3">
        <div class="grid-demo"><{$v['admin']}></div>
      </div>
      <{if($v['time']):}>
      <div class="layui-col-lg row3">
        <div class="grid-demo"><button class="layui-btn layui-btn-radius layui-btn-primary time"><{$v['time']}></button></div>
      </div>
      <{endif}>
      <{if($v['finish']):}>
      <div class="layui-col-lg row3">
        <div class="grid-demo">
        <!-- <button type="button" class="layui-btn"> -->
          <button class="layui-btn layui-btn-radius layui-btn-primary"><{$v['finish']}></button>
        <!-- </button> -->
        </div>
      </div>
      <{endif}>
      <{endforeach}>
  <{endif}>
  </div>
    </article>
</div>

	</div>
</div>
</div>

<!-- <input id="id" name="id" value="<{$info['id']}>" type='hidden'/> -->
</div>
<script>
var layer;
layui.use(['layer', 'form'], function(){
  layer = layui.layer;

  $('.layer-photos-demo').each(function() {
      layer.photos({
        photos: '#' + $(this).attr('id')
        ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
      }); 
  })
  
});
function player(e){
  vUrl = e.attr('src');
  // '<{$info['video']}>';  //获取到播放的url
        var loadstr = '<video width="100%" height="100%"  controls="controls" autobuffer="autobuffer"  autoplay="autoplay" loop="loop">' +
                '<source src='+vUrl+' type="video/mp4"></source></video>';
        layer.open({
            type: 1,
            title: false,
            area: ['730px', '500px'],
            shade: [0.8, 'rgb(14, 16, 22)'],
            skin: 'demo-class',
            content: loadstr
        });
}

function finish()
    {
        var id = '<{$info['id']}>';
        if (!id) {
            layui.layer.alert('工单id不存在');
            return;
        };
        // alert(111);
        layer.confirm('确定完成关闭吗', function() {
          $.ajax({
              type: "GET",
              url: config.host + "lib/manage.setInfoStatus",
              data: {
                  id: id,
                  // json : 1,
              },
              dataType: "json",

              success: function (data) {
              // var index = config.host + "lib/manage.code&id=<{$active_id}>";
                layer.alert(data.msg, function(){
                  location.href = config.host + "lib/manage.setInfoStatus&id=" + id;
                  
              });

             },
          });
          layui.layer.closeAll();
          location.reload();
        });
    }
    function quxiao()
    {
        var id = '<{$info['id']}>';
        if (!id) {
            layui.layer.alert('工单id不存在');
            return;
        };
        // alert(111);
        layer.confirm('确定取消关闭吗', function() {
          $.ajax({
              type: "GET",
              url: config.host + "lib/manage.setInfoStatus",
              data: {
                  id: id,
                  type: '1',
                  // json : 1,
              },
              dataType: "json",

              success: function (data) {
                layer.alert(data.msg, function(){
                  location.href = config.host + "lib/manage.setInfoStatus&type=" + type +"&id=" + id;
              });
             },
          });
          layui.layer.closeAll();
          location.reload();
        });
    }
    // var function fastEdit 
    // function huifu()
    // {
        
    // }

</script>
</body>
</html>