lyimg/liuyan.js"></script>








<script src="https://s0.gyxmad.com/js/layer/layer.js" type="text/javascript"></script>
<style>
  .jubao {
    background: #fff;
    padding: 10px;
    display: inline-block;
  }
  ul.tancontinq {
    display: inline-block;
    color: #666;
  }
  ul.tancontinq li {
    padding: 5px 0;
    line-height: 30px;
    display: inline-block;
    width: 620px;
    text-align: left;
  }
  .inp {width:275px;height:28px;padding:0 3px;text-indent: 5px;background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.inselect {
    height: 30px;
    padding: 6px 0px 6px 4px;
    font-size: 12px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
  ul.tancontinq li .label {
    width: 85px;
    float: left;
    text-align: right;
    line-height: 32px;
    padding-right: 16px;
  }
  ul.tancontinq li .label font, ul.tancontinq li font{
    color: #F00;
  }
  .tarecf {width:360px;border:1px solid #ccc;height:78px;color:#666;line-height:26px;font-size:14px;font-family:'Hiragino Sans GB','Microsoft YaHei','黑体',sans-serif;padding:0 5px;}
  .get-confirm {
    background-color: #F9F9F9;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    color: #888888;
    cursor: pointer;
    float: right;
    height: 30px;
    line-height: 30px;
    margin-right: 30px;
    text-align: center;
    width: 120px;
  }
  .xun {
    border-bottom: 2px solid #eee;
    height: 40px;
    line-height: 40px;
  }
  .xun .one {
    border-bottom: 2px solid #ff6600;
    color: #ff6600;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 18px;
    padding: 0px 8px;
  }
  .butscf {width:180px;background:#ff6600;color:#fff;height:40px;line-height:40px;border:none;margin:20px 0px 0px 120px;font-size:16px;border-radius:3px;cursor:pointer;font-family:'Hiragino Sans GB','Microsoft YaHei','黑体',sans-serif;}
</style>
<div class="jubao" id="xpdiv" style=" display: none;">
  <form method="post" id="jubao">
  <div class="xun"><div class="one">广告咨询</div></div>
  <ul class="tancontinq">
    <li><span class="label">广告形式：</span>
      <span class="zhuti"><label><input class="checkbox" type="radio" name="ztinq" value="喷绘挂布广告" id="ztinq1" onclick="getdesinq();" checked="">喷绘挂布广告</span></label>
      <span class="zhuti"><label><input class="checkbox" type="radio" name="ztinq" value="围墙刷墙广告" id="ztinq2" onclick="getdesinq();">围墙刷墙广告</span></label>
      <span class="zhuti"><label><input class="checkbox" type="radio" name="ztinq" value="高墙刷墙广告" id="ztinq3" onclick="getdesinq();">高墙刷墙广告</span></label>
      <span class="zhuti"><label><input class="checkbox" type="radio" name="ztinq" value="门头店招广告" id="ztinq4" onclick="getdesinq();">门头店招广告</span></label>
      <span class="zhuti"><label><input class="checkbox" type="radio" name="ztinq" value="墙体彩绘" id="ztinq5" onclick="getdesinq();">墙体彩绘</span></label>
    </li>
    <li><span class="label"><font>*</font>发布面积：</span><input type="text" name="fbmj" class="inp" id="fbmj" value="" autocomplete="off">&nbsp;&nbsp;平方米&nbsp;&nbsp;<select onchange="Dd('fbmj').value=this.value;" class="inselect">
<option value="">快捷选择</option>
<option value="1000">1000</option>
<option value="3000">3000</option>
<option value="5000">5000</option>
<option value="10000">10000</option>
<option value="100000">100000</option>
</select></li>
    <li><span class="label"><font>*</font>投放地区：</span>
      <p data-toggle="distpicker" class="selectbox ny-flex" style="width:283px;margin-bottom:0;">
          <select class="form-control" id="dprovince1"></select>
          <select class="form-control ml8" id="dcity1"></select>
      </p></li>
    <li><span class="label"><font>*</font>联系人：</span><input class="inp" id="inqtruename" value=""></li>
    <li><span class="label"><font>*</font>手机号码：</span><input class="inp" id="inqmobile" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d]/g,'')"></li>
    <input type="hidden" id="inqitemid" value="">
    <input type="hidden" id="inqusername" value="">
    <input type="hidden" id="inqtitle" value="">
    <input type="hidden" value="" id="inqzhuti"/>
    <li><input class="butscf msbuts" type="button" id="send" value="确认发送" onclick="javascript:inqmsgcheck();">
    </li>
    <li style="line-height: 10px; height:10px;padding:0;font-size: 13px; color: #bbb;"><span class="label">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span>确认发送即代表同意更多商家联系我</li>
  </ul>
  </form>
</div>
<!--询价 end-->
<script type="text/javascript">
var inqtitle = inqusername = '';
var itemid = '333815',username = '',title = '广西防城港市打击传销整治工作取得新成效';
function Dd(i) {return document.getElementById(i);}
function Ds(i) {Dd(i).style.display = '';}
function Dh(i) {Dd(i).style.display = 'none';}
function Dsh(i) {Dd(i).style.display = Dd(i).style.display == 'none' ? '' : 'none';}
function Df(i) {Dd(i).focus();}
function _$(id) {
    return document.getElementById(id);
}
$('.showWechat,.lkyy,.zxlx').on("click",function(e) {
    inqtitle = title;
  //console.log(inqtitle)
    inqusername = username;
    var itemid = itemid;
    //$('#desinq').val('我想咨询'+title+'的方面的价格问题，请尽快和我联系！');
    $('#inqitemid').val(itemid);
    $('#inqusername').val(inqusername);
   // getdesinq();
    setTimeout(function () {
        openInquery();
    }, 150);
    
});
 function openInquery(e)
  {
    //$("#xpdiv").show();
    
    var index1 = layer.open({
      type:1,
      closeBtn:true,
      content:$("#xpdiv"),
      shadeClose: false, //开启遮罩关闭

        end: function() {
            // 强制销毁弹窗实例
            layer.closeAll();
            // 清理残留iframe（可选）
            //$('.layui-layer-iframe').remove();
        },


        success: function(layero) {
            // 监听关闭按钮事件
            layero.find('.layui-layer-close').on('click', function(e) {
                e.preventDefault();
                layer.close(layero.data('index'));
            });
        },

      title:false,
      area: ['650px', '508px'], //设置宽高
      //btn: ['关闭'],
      btn1:function(index, layero){
        // 按钮1的逻辑
          layer.close(index1);
          console.log('btn1');
      },
      btn2:function(index, layero){
        // 按钮2的逻辑
          console.log('btn2');
          layer.close(index1);
      },
      cancel: function(){
          //layer.closeAll();
          parent.layer.closeAll();
          //return true;
        //return false;
          //layer.close(index1); // 手动关闭
          // return false; // 必须返回false，阻止自动关闭
          // console.log('cancel');
        // 右上角关闭事件的逻辑
      }
    })
  }
  function checkPhoneNumber(phoneNumber) {
    var regex = /^1[3-9][0-9]{9}$/;
    return regex.test(phoneNumber);
  }

  // 无第一项
  var odesinq = '';
  function getdesinq() {

  }

  _$('desinq').value = '';

  function inqmsgcheck() {
    var l;
    var f;
    //console.log($('#dprovince1').val());
    f = 'fbmj';
    l = Dd(f).value.length;
    if (l < 2 || l > 10) {
      alert('请填写发布面积');
      Dd(f).focus();
      return false;
    }
    var diqu = $('#dprovince1').val();
    if (diqu=='') {
      alert('请选择投放地区');
      return false;
    }
    f = 'inqtruename';
    l = Dd(f).value.length;
    if (l < 2) {
      alert('请填写联系人');
      Dd(f).focus();
      return false;
    }
    f = 'inqmobile';
    l = Dd(f).value.length;
    if (l < 7) {
      alert('请填写联系电话');
      Dd(f).focus();
      return false;
    }

    if(!checkPhoneNumber($("#inqmobile").val()))
    {
      alert('请填写正确的电话');
      Dd(f).focus();
      return false;
    }
    var ggxs = $("input[name='ztinq']:checked").val();
    var fbmj = $("#fbmj").val();
    var content = '广告形式：'+ggxs+',广告发布面积：'+fbmj+',投放地区：'+$('#dprovince1').val()+$('#dcity1').val();
    $.ajax({
      type: "get",
      url: "https://www.gyxmad.com/api/sellinquery.php?itemid=333815&_="+Math.random(),
      dataType: 'jsonp',
      data: {
        truename : $("#inqtruename").val(),
        telephone : $("#inqmobile").val(),
        ggxs : ggxs,
        fbmj : fbmj,
        dprovince : $("#dprovince1").val(),
        dcity : $("#dcity1").val(),
        company:'',
        email:'',
        qq:$("#inqqq").val(),
        wx:'',
        ali:'',
        //captcha:$("#captcha").val(),
        username : inqusername,
        subject:inqtitle,
        gitemid : $("#inqitemid").val(),
        title:$("#inqzhuti").val()
      },
      jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
      jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
      success: function(rs) {
        console.log(rs);
        if(rs && rs.status==200) {
          //$("#dform").reset();
          $("#inqtruename").val('');
          $("#inqmobile").val('');
          $("#inqqq").val('');
          layer.closeAll();
          layer.alert(rs.msg);
        }
        else
        {
          layer.alert(rs.msg);
        }
      }
    });
  }

</script>
</body>

</html>