dever-product
/
churen


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342
							<!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">
<link rel="stylesheet" type="text/css" href="../script/lib/datetime/jquery.datetimepicker.css">


<link rel="stylesheet" type="text/css" href="../script/lib/color/colpick.css">
<link rel="stylesheet" type="text/css" href="../script/lib/kindeditor/themes/default/default.css?v1" />
<link rel="stylesheet" type="text/css" href="../script/lib/valid/validationEngine.jquery.css">
<link rel="stylesheet" type="text/css" href="../script/lib/highlight/highlight.min.css">
<link rel="stylesheet" type="text/css" href="../script/lib/ui/ui.min.css">
<link rel="stylesheet" href="../script/lib/layui/admin/modules/plugin/formselects/formselects.css" media="all" />
<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/datetime/jquery.datetimepicker.min.js?v2"></script>
<script type="text/javascript" src="../script/lib/clipboard/clipboard.js?v11"></script>
<script type="text/javascript" src="../script/lib/highlight/highlight.min.js"></script>
<script type="text/javascript" src="../script/lib/fancybox/jquery.fancybox.js"></script>
<script src="../script/lib/manage/main.js?v82"></script>


<script type="text/javascript" src="../script/lib/pic/webp.js"></script>


<script type="text/javascript" src="../script/lib/color/colpick.js"></script>

<script type="text/javascript" src="../script/lib/kindeditor/kindeditor-all-min.js?v9"></script>
<script type="text/javascript" src="../script/lib/kindeditor/lang/zh-CN.js?v7"></script>

<script type="text/javascript" src="../script/lib/ui/ui.min.js"></script>


<script type="text/javascript" src="../script/lib/qiniu/upload/plupload.full.min.js"></script>

<script type="text/javascript" src="../script/lib/qiniu/qiniu.upload.js"></script>
<script type="text/javascript" src="../script/lib/oss/aliyun-oss-sdk-6.11.2.min.js"></script>
<script type="text/javascript" src="../script/lib/tool/md5.js"></script>

<script type="text/javascript" src="../script/lib/layui/upload.js?v226"></script>
<script type="text/javascript" src="../script/lib/layui/layui.js"></script>

<script type="text/javascript" src="../script/lib/clipboard/clipboard.js"></script>

<script type="text/javascript" src="../script/lib/pic/holder.js"></script>

<script type="text/javascript" src="../script/lib/excel/xlsx.min.js"></script>
<script type="text/javascript" src="../script/lib/excel/excel.js?v16"></script>
<style>

body{
    background:white;
	/*padding-left: 10px;*/
	height:100%;
}
.layout{
    width: 100%;

    height: 100%;

    display: flex;
    justify-content : space-around;
    font-size:14px;

}
.layuiadmin-btn-list {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.aside{

    flex:1;
    height: 100%;
    background: white;
    margin-top:20px;
    margin-left: 40px;
}
.article{
    width:230px;
    height: 100%;
    background: white;
}
.xiansuo{
    margin-top:20px;
    /*margin-bottom:-23px;*/
    /*margin-left:12px;*/
    /*font-size:14px;*/
  }

.onebor{
    /*width: 700px;*/
    padding-left: 25px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    /*border-left: 1px solid grey;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;*/
    margin-top: 15px;
    margin-bottom: 40px;
    box-shadow: 3px 10px 7px -15px;
    border-radius: 15px;
}
.bianhao{
	margin-bottom: 10px;
}
.chuang{
	margin-bottom: 10px;
}
.desc{
	margin-top: 10px;
	margin-bottom:5px;
    margin-right: 10px;
}

.gengzong{
    /*width: 700px;*/
    padding-left: 25px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    /*border-left: 1px solid grey;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;*/
    margin-top: 15px;
    margin-bottom: 40px;
    box-shadow: 3px 10px 7px -15px;
    border-radius: 15px;
}
.tine{
	margin-top:25px;
	margin-bottom:20px;
}
.gou{
	margin-top:10px;
	margin-bottom:20px;
}
.dengji{
	margin: 0px auto;
    width: 146px;
    height: 38px;
    box-shadow: 2px 10px 7px -12px;
    border-radius: 160px;
    background: #efefef;
    margin-bottom:20px;
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.suo{
	margin: 0px auto;
    width: 146px;
    height: 38px;
    box-shadow: 2px 10px 7px -12px;
    border-radius: 160px;
    background: #efefef;
    margin-bottom:20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.jin{
	margin: 0px auto;
    width: 146px;
    height: 38px;
    box-shadow: 2px 10px 7px -12px;
    border-radius: 160px;
    background: #efefef;
    margin-bottom:20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.wei{
	margin: 0px auto;
    width: 146px;
    height: 38px;
    box-shadow: 2px 10px 7px -12px;
    border-radius: 160px;
    background: #efefef;
    margin-bottom:20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.xia{
	margin: 0px auto;
    width: 146px;
    height: 38px;
    box-shadow: 2px 10px 7px -12px;
    border-radius: 160px;
    background: #efefef;
    margin-bottom:20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ren{
	margin-bottom:20px;
	margin: 0px auto;
    width: 146px;
    height: 45px;
    box-shadow: 2px 10px 7px -12px;
    border-radius: 160px;
    background: #efefef;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    padding-bottom: 16px;
    padding-top: 17px;
}
</style>
</head>
<body>
	<div class="layout">
		<aside class="aside">
			<div>
			<button class="btn btn-default layui-btn layuiadmin-btn-list"  " type="button" style="vertical-align: middle;margin-bottom: 2px;" onclick="fastEdit($(this),'<{$xiu}>')">修改线索信息</button>
            <{if(isset($jichu) && $jichu):}>
			<button class="btn btn-default layui-btn layuiadmin-btn-list"  " type="button" style="vertical-align: middle;margin-bottom: 2px;" onclick="fastEdit($(this),'<{$jichu}>')">修改基础信息</button>
            <{endif}>
            <button class="btn btn-default layui-btn layuiadmin-btn-list" id="quxiao" style="vertical-align: middle;margin-bottom: 2px;" onclick="fastEdit($(this),'<{$ke}>')">客户等级调整</button>
            <{if($info['status_id']<5 || $info['status_id'] ==7):}>
			<button class="btn btn-default layui-btn layuiadmin-btn-list" id="quxiao" style="vertical-align: middle;margin-bottom: 2px;" onclick="fastEdit($(this),'<{$gen}>')">跟进线索</button>
		    <button class="btn btn-default layui-btn layuiadmin-btn-list" id="quxiao" style="vertical-align: middle;margin-bottom: 2px;" onclick="fastEdit($(this),'<{$pai}>')">转派跟进人</button>
             <button class="btn btn-default layui-btn layuiadmin-btn-list" id="huifu" style="vertical-align: middle;margin-bottom: 2px;" onclick="fastEdit($(this),'<{$status}>')">线索状态调整</button>
             <{endif}>
		    
			</div>
			<div class="xiansuo">
			<div class="bianhao">线索编号：<{$info['clue_num']}></div>
			<div class="chuang"><span style="margin-bottom: 10px;">创建人：<{$info['admin_name']}></span><span style=" margin-left: 30px; margin-bottom: 10px">创建时间：<{$info['cdate']}></span></div>
			</div>
			<div class="layui-row onebor">
			<div class="layui-col-bg layui-col-md12 ">
		      <div class="grid-demo grid-demo-bg desc">姓名：<{$info['name']}></div>
		    </div>
		    <div class="layui-col-bg layui-col-md12 ">
		      <div class="grid-demo grid-demo-bg desc">手机号：<{$info['mobile']}></div>
		    </div>
            <div class="layui-col-bg layui-col-md12 ">
              <div class="grid-demo grid-demo-bg desc">来源：<{$info['source_name']}></div>
            </div>
            <div class="layui-col-bg layui-col-md12 ">
              <div class="grid-demo grid-demo-bg desc">所在城市：<{$info['area_name']}></div>
            </div>
		    <div class="layui-col-bg layui-col-md12 ">
		      <div class="grid-demo grid-demo-bg desc">QQ：<{$info['qq']}></div>
		    </div>
		    <div class="layui-col-bg layui-col-md12 ">
		      <div class="grid-demo grid-demo-bg desc">微信：<{$info['wechat']}></div>
		    </div>
		    <div class="layui-col-bg layui-col-md12 ">
		      <div class="grid-demo grid-demo-bg desc">年龄：<{$info['age']}></div>
		    </div>
		    <div class="layui-col-bg layui-col-md12 ">
		      <div class="grid-demo grid-demo-bg desc">性别：<{$info['sex_name']}></div>
		    </div>
		    <div class="layui-col-bg layui-col-md12 ">
		      <div class="grid-demo grid-demo-bg desc">所属行业：<{$info['trade']}></div>
		    </div>
		    <div class="layui-col-bg layui-col-md12 ">
		      <div class="grid-demo grid-demo-bg desc">竞品了解：<{$info['desc']}></div>
		    </div>
		    <div class="layui-col-bg layui-col-md12 ">
		      <div class="grid-demo grid-demo-bg desc">结论备注：<{$info['status_desc']}></div>
		    </div>
			</div>
			<{if(isset($follow) && $follow):}>
			<{foreach($follow as $k => $v):}>
			<div class="layui-row gengzong">
				<div class="tine"><span>跟进时间：<{$v['cdate']}></span><span style="margin-left: 10px;">跟进人：<{$v['group_name']}></span><span style="margin-left: 10px;">跟进方式：<{$v['type_name']}></span><span style="margin-left: 10px;">下次跟进：<{$v['xdate']}></span></div>
				<div class="gou">沟通结果：<{$v['desc']}></div>
                <{if($v['pic']):}>
				<div id="layer-photos_log-<{$v['id']}>" class="layer-photos-demo layui-col-xs12" id="tk">
      
		      
		      <{foreach($v['pic'] as $k1 => $v1):}>
		          <img src='<{$v1}>' class="fd show" height='100px'>
		        <{endforeach}>
		       
		      </div>
               <{endif}>
			</div>
			<{endforeach}>
			<{endif}>
		</aside>
		<article class="article" >
			<div class="dengji" align="center"><{$info['userset_name']}><br/>客户等级</div>
			<div class="suo" align="center"><{$info['status_name']}><br/>线索状态</div>
			<div class="jin" align="center"><{$info['cishu']}><br/>跟进次数</div>
			<div class="wei" align="center"><{$info['day']}><br/>未跟进时间</div>
			<div class="xia" align="center"><{$info['xdate']}><br/>计划下次跟进</div>
			<div class="ren" align="center"><{$info['people']}><br/>跟进人</div>
		</article>
	</div>

<script>
var form;
var layer;
layui.config({
    base: '../script/lib/layui/admin/' //静态资源所在路径
    ,version:true
  }).extend({
    index: 'lib/index', //主入口模块
    formSelects: 'plugin/formselects/formselects',
   
  }).use([ 'form', 'layer'], function(){
    form = layui.form; 
    // var formSelects = layui.formSelects;
    layer = layui.layer;
    $('.layer-photos-demo').each(function() {
      layer.photos({
        photos: '#' + $(this).attr('id')
        ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
      }); 
  })
});

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