crm/app/empcrm/view/community/pollcus_detail.html

{extend name="public/layout"}
{block name="body"}
<link rel="stylesheet" href="__LAYUI__/layui/css/layui.css" media="all">
<link rel="stylesheet" " href=" /static/css/common.css">
<script src="/static/js/jquery.min.js"></script>
<style>
  body {
    font-size: 12px;
    padding-bottom: 60px;
    background-color: #F3F3F3;
  }

  .topbox {
    display: block;
    border-bottom: 1px solid #F0F0F0;
    background: #FCFCFC;
    width: 100%;
    height: 42px;
    line-height: 35px;
    font-size: 14px;
    text-indent: 5px;
    font-family: Arial;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .topbox a {
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-right: 15px;
    color: #0000FF;
  }

  .topbox a:hover {
    color: #FF0000
  }
  .phonebox{
    display: block;
    background-color: #F2F3F7;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    line-height: 25px;
    padding: 5px;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 1px;
    color: #333;
  }
  .phonebox span{
    padding-right: 3px;
    cursor: pointer;
    text-decoration: underline;
  }
  .ore_div {
    width: 100%;
    padding: 10px;
    border: 1px solid #f5f5f5;
    margin: 6px auto 0px;
    text-align: left;
    letter-spacing: 1px;
    background-color: #f8f8f8;
  }
  .oinfocon {
    padding: 0 10px;
    text-align: left;
  }
  .oinfocon h3 {
    margin: 15px 0 10px 0;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding-bottom: 5px;
    font-size: 14px;
    letter-spacing: 1px;
  }
  .oinfocon p {
    line-height: 25px;
    padding-left: 10px;
  }
  .red {
    color: #FF0000;
  }
  .recordbox {
    display: block;
    table-layout: fixed;
    _width: 100%;
    width: 100%;
    border: 1px solid #DFDFDF;
    border-collapse: separate !important;
    background-color: #FFF;
    border-right: 0;
    border-bottom: 2px solid #DFDFDF;
    margin-top: 6px;
  }
  .maintable {
    width: 100%;
  }

  .maintable th {
    background-color: #F2F3F7;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    line-height: 25px;
    padding: 5px;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 1px;
    color: #333
  }

  .maintable td {
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #EAEAEC;
    padding: 7px;
    line-height: 25px;
    font-size: 13px;
    position: relative;
  }
  .maintable h2 {
    border-bottom: 1px solid #999;
    margin: 0;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 5px;
    text-indent: 3px;
    font-family: Arial;
    letter-spacing: 1px;
  }

  .maintable td label {
    cursor: pointer
  }
  #showphone {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
  }

  .sortnum {
    display: block;
    width: 25px;
    height: 18px;
    background-color: #eee
      /*#d3ccd6*/
    ;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 18px;
    border-radius: 0 6px 0 0;
    text-align: center;
  }

  .logmsgbox {
    padding: 7px;
  }

  .logmsgbox span {
    display: block;
    color: #009900;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
  }

  .footimebox {
    display: block;
    background-color: #f5f5f5;
    color: #999;
    width: 100%;
    padding: 3px 11px 3px 3px;
    height: 20px;
    line-height: 20px;
    position: relative;
    top: 7px;
    left: -7px;
    box-sizing: content-box;
  }

  .hfstate {
    position: absolute;
    right: 5px;
  }

  .linebox {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #f5f5f5;
    margin: 6px auto 0px;
    text-align: left;
    letter-spacing: 1px;
    background-color: #f8f8f8;
  }

  .leftcheckbox {
    display: block;
    position: absolute;
    display: block;
    width: 78px;
    height: 27px;
    top: 0;
    left: 0;
    padding-top: 12px;
    background-color: #FFCC00;
    text-align: center;
    box-sizing: content-box;
  }
</style>

<body>
  <div class="addlogbox">
    <div class="clearfix topbox">
      <div class="left" style="color: #FF0000;">回访记录：</div>
      <a class="right closediv" href="javascript:void(0)" title="关闭该窗口">关闭该窗口</a>
    </div>
  </div>
  <div class="phonebox clearfix">
    <div class="right">{$data.name|default='未知'}：<span id="showphone">{$data.phone}</span></div>
  </div>
  <div class="ore_div oinfocon">
    <h3>&nbsp;客户详情</h3>
    <p>
      客户姓名：{$data.name|default='未知'}&nbsp;性别：{if $data.sex == 1}男{elseif $data.sex == 2 /}女{/if}&nbsp;&nbsp;备用电话: {$data.phone1}
    </p>
    <p>客户来源: {$data.source.source|default='无'}&nbsp;{if $data.subjection_plan}→{/if}&nbsp;{$data.subjection_plan}</p>
    <h3>&nbsp;小区信息</h3>
    <p>
      小区名称: {$data.community_name}&nbsp;&nbsp;房屋状态: {$data.jiaofang}<span class="red"></span>&nbsp;&nbsp;面积: {$data.square}
    </p>
    <p>
      意向产品: {$data.package_name}&nbsp;&nbsp;意向风格: {$data.deco_style_name}&nbsp;&nbsp;户型: {$data.housetype}
    </p>
    <p>
      装修预算: {$data.budget}&nbsp;&nbsp;楼栋楼号: {$data.unit_number}&nbsp;&nbsp;交房时间: {$data.house_delivery_time}
    </p>
    <h3>&nbsp;必填信息</h3>
    <p>重要级别: {$data.level}&nbsp;&nbsp;报名时间: {$data.sign_time|default='无'}</p>
    <p>录入时间: {$data.addtime}</p>
    <p>家装顾问: {$data.employee.name|default='无'}&nbsp;&nbsp;设计师: {$data.designer.name|default='无'}</p>
    <p>信息录入: {$data.lrname}&nbsp;&nbsp;公司: {$data.company_name}</p>
    
    <br>
  </div>

  <div class="recordbox">
    <table class="maintable">
      <tbody>
        <tr>
          <td width="55">记录人</td>
          <td>
            <span class="left">记录内容</span>
            <div class="right">{if $data.name==''}未知{else/}{$data.name}{/if}：<span id="showphone" title="双击查看完整号码" style="letter-spacing:1px;"></span>
            </div>
          </td>
        </tr>
        {volist name="data.visitLog" id="vo" key="k"}
        <tr>
          <td class="relative">{$vo.empname}<span class="sortnum">{php} echo count($data['visitLog'])-$k+1; {/php}</span>
          </td>
          <td class="relative">
            <div class="logmsgbox">
              <div class="clearfix">
                <span class="left" {if $vo.save_portrait_field neq null}style="display:none;"{/if}>
                  {if $vo.type == 1}电话:
                  {elseif $vo.type == 2 /}短信:
                  {elseif $vo.type == 3 /}微信:
                  {elseif $vo.type == 4 /}见面:
                  {/if}
                </span>
                <div class="right" {if $vo.wisdom_url eq null}style="display: none;"{/if}>
                  <audio src="{$vo.wisdom_url}" controls="controls" style="display: none;" id="audioEle{$vo.id}"></audio>
                  <img data-audio="audioEle{$vo.id}" class="aduioimg playaduio" width="17px" src="__STATIC__/img/nosound.png"  />
                  <img data-audio="audioEle{$vo.id}" class="aduioimg pausebtn" width="17px" style="display:none;" src="__STATIC__/img/sourceicon.png" />
                </div>
              </div>
              
              <div data-html="{$vo.remark}" class="remarkbox"></div>
              {if $vo.img neq ''}
              {volist name="vo.img" id="v"}
              <img class="nowimgbox" src="{$v}" str="1" img="{$v}" width="150px"/>
              {/volist}
              {/if}
              {if $vo.img1 neq ''}
              {volist name="vo.img1" id="v"}
              <img  class="nowimgbox" src="{$v}" str="1" img="{$v}" width="150px"/>
              {/volist}
              {/if}
              {if $vo.sign_img neq ''}
              {volist name="vo.sign_img" id="v"}
              <img  class="nowimgbox" src="{$v}" str="1" img="{$v}" width="150px"/>
              {/volist}
              {/if}
              {if $vo.delivery_img neq ''}
              {volist name="vo.delivery_img" id="v"}
              <img  class="nowimgbox" src="{$v}" str="1" img="{$v}" width="150px"/>
              {/volist}
              {/if}
              {if $vo.save_portrait_field neq ''}
              {volist name="vo.save_portrait_field" id="v"}
              {if $v.type neq 6}
              <span style="color:#000;">{$v.name}:{$v.valname}</span>
              {else/}
              <p>
                <span style="color:#000;">{$v.name}:</span>
                {volist name="v.valname" id="p"}
                <img  class="nowimgbox" src="{$p}" str="1" img="{$p}" width="150px"/>
                {/volist}
              </p>
              {/if}
              {/volist}
              {/if}
            </div>
            <div class="footimebox">
              <span>上次:{$vo.addtime}</span>
              <span style="margin-left: 10px;">下次:{$vo.next_contact_date}</span>
              {if $vo.isyes == 0}
              <span class="hfstate" title="已回访">Yes</span>
              {/if}
              {if $vo.isyes == 1}
              <span class="hfstate" title="还没有回访">No</span>
              {/if}
            </div>
          </td>
        </tr>
        {/volist}
      </tbody>
    </table>
  </div>
</body>
<script src="__LAYUI__/layui/layui.js"></script>

{/block}{block name="js"}
<script type="text/javascript">
  layui.config({
    base: '__LAYUI__/',
    urlbase: '/sys'
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['table','laydate'], function () {
    var table = layui.table,
      $ = layui.$;
 
      for(let i=0;i< $('.remarkbox').length;i++){
        $($('.remarkbox')[i]).html($($('.remarkbox')[i]).data('html'));
      }
      for(let j=0;j<$('.playaduio').length;j++){
        $('.playaduio')[j].index=j;
        $($('.playaduio')[j]).click(function() {
          let index=this.index;
          for (let j = 0; j < $('.playaduio').length; j++) {
            let aid1 = $($('.playaduio')[j]).data('audio');
            $('#'+aid1)[0].pause();
            $($('.playaduio')[j]).show();
            $($('.pausebtn')[j]).hide();
          }

          $($('.playaduio')[index]).hide();
          $($('.pausebtn')[index]).show();
          let aid = $($('.playaduio')[index]).data('audio');
          $('#' + aid)[0].play();
        })
        $('.pausebtn')[j].index = j;
        $('.pausebtn').click(function() {
          let index = this.index;
          let aid = $($('.pausebtn')[index]).data('audio');
          $('#' + aid)[0].pause();

          $($('.playaduio')[index]).show();
          $($('.pausebtn')[index]).hide();
        })
      }
      let phone="{$data.phone}";
      
      if(phone){
        let parr= phone.split('');

        $('#showphone').html(parr[0]+''+ parr[1]+'******'+ parr[parr.length-3]+ parr[parr.length - 2]+ parr[parr.length - 1]);
      }
      $('#showphone').dblclick(function () {
        $('#showphone').html(phone);
      })
      $('.closebtn').click(function(){
        $('.addlogbox').show();
        $('.setinvalidbox').hide();
      })

      $('.closediv').click(function(){

        window.parent.removealog();
      })
  })
  function GetRequest() {
      var url = location.search; //获取url中"?"符后的字串
      var theRequest = new Object();
      if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for (var i = 0; i < strs.length; i++) {
          theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
        }
      }
      return theRequest;
  }
</script>
{/block}