美文网首页
弹出窗--可提交表单

弹出窗--可提交表单

作者: 程序员的自我修养 | 来源:发表于2020-05-29 09:02 被阅读0次

<script>

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

       var o = $(this),

       n = o.attr('data-id');

       if(n == ''){

           alert('参数错误');

           return false;

       }

       var url = '/orderShopping/delivery' + '?order_sn='+n;

       //iframe窗

       //iframe层-多媒体

       layer.open({

           type: 2,

           title: false,

           area: ['660px', '420px'],

           shade: 0.8,

           closeBtn: 0,

           shadeClose: true,

           content: url

        });

   })

</script>

<html>

   <head>

      <meta charset="utf-8"></head>

      <title>发货</title>

      <link rel="stylesheet" href="<?php echo SITE_IMAGE_HOME_URL ?>/static/css/bootstrap.min.css">

   <script type="text/javascript" src="<?php echo SITE_IMAGE_HOME_URL ?>/static/js/jquery-2.1.4.min.js"></script>

      <style type="text/css">

         .*{font-family: 微软雅黑!important}

         body{background:#eff5ff;}

         .article_box{ max-width:850px;margin:0 auto;   margin-top: 0px; padding: 20px 30px; background-color: #fff; border-top: 4px solid #1F85C5;}

         .article_box .article_title{   margin-top: 10px; text-align: center; font-weight: 400; padding-bottom: 10px;}

         .article_box .article_time{   text-align: center; margin-top: 10px; color: #999;}

         .article_box .article_con{margin-top: 20px; color: #5b5b5b;}

         .article_title h4{ font-size: 30px; font-weight: bold;}

         .article_title{ border-bottom: 0px;}

     </style>

   <body>

      <div class="article_box">

         <div class="article_title">

            <h4>发货</h4>

         </div>

         <div class="form-group clearfix">

            <label class="col-xs-2 control-label required" >姓名</label>

            <div class="col-xs-8">

               <input class="bg-focus form-control" name="consignee" type="text" disabled value="<?php echo $orderInfo->consignee; ?>">

            </div>

         </div>

         <div class="form-group clearfix">

            <label class="col-xs-2 control-label required" >电话</label>

            <div class="col-xs-8">

               <input class="bg-focus form-control" name="mobile" type="text" disabled value="<?php echo $orderInfo->mobile; ?>">

            </div>

         </div>

         <div class="form-group clearfix">

            <label class="col-xs-2 control-label required" >地址</label>

            <div class="col-xs-8">

               <input class="bg-focus form-control" name="address" type="text" disabled value="<?php echo Area::model()->getAreaName($orderInfo->province_id).Area::model()->getAreaName($orderInfo->city_id).Area::model()->getAreaName($orderInfo->district_id).$orderInfo->address; ?>">

            </div>

         </div>

         <div class="form-group clearfix">

            <label class="col-xs-2 control-label required" for="Article_title">快递单号</label>

            <div class="col-xs-8">

               <input class="bg-focus form-control" id="express_sn" name="express_sn" type="text" value="">

            </div>

         </div>

         <div class="form-group clearfix">

            <label class="col-xs-2 control-label required" for="Article_title">快递公司</label>

            <div class="col-xs-8">

               <input class="bg-focus form-control" id="express"   name="express" type="text" value="第三方发货公司">

            </div>

         </div>

         <div class="form-group clearfix">

            <div class="col-lg-2">

               <input type="hidden" name="order_sn" id="order_sn" value="<?php echo $orderInfo->order_sn; ?>"/>

               <input type="button" value="确认发货" class="btn btn-success btn-block" id="sub_btn" />

            </div>

         </div>

      </div>

      <script>

         $("#sub_btn").click(function() {

           express = $("#express").val();

           express_sn = $("#express_sn").val();

           order_sn = $("#order_sn").val();

           if (!express || !express_sn || !order_sn) {

               alert('请确认信息是否填写!');

               return false;

           }

           $.ajax({

               type: "POST",

               url: "<?php echo Yii::app()->createUrl('orderShopping/subDelivery');?>",

               dataType: "json",

               data: {

                 'express': express,

                 'express_sn': express_sn,

                 'order_sn': order_sn

               },

               cache: false,

               success: function (data) {

                 if (data.error == '0') {

                     alert(data.msg);

                     window.close();

                 } else {

                     alert(data.msg);

                 }

               }

            });

         });

     </script>

   </body>

</html>

相关文章

网友评论

      本文标题:弹出窗--可提交表单

      本文链接:https://www.haomeiwen.com/subject/zbquohtx.html