layer弹出表单

<button class="am-btn am-btn-default am-btn-xs am-text-secondary"
                                                            type="button"
                                                            οnclick="wuliu({{$v['id']}})">
                                                        <span class="am-icon-pencil-square-o"></span> 物流编码
                                                    </button>

 

<div class="site-text" style="margin: 5%; display: none" id="wuliuedit"  target="test123">    
        <form class="layui-form" id="" method="" lay-filter="example">
          <div class="layui-form-item">
            <label class="layui-form-label">快递公司</label>
            <div class="layui-input-block">
                <select id='form_delivery_name' name="delivery_name">
                    <option value=""> 请选择</option>
                    @foreach($wuliu as $v)
                        <option value="{{$v->name}}" >{{$v->name}}</option>
                    @endforeach
                </select>
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">物流单号</label>
            <div class="layui-input-block">
              <input type="text" id="form_delivery_id" name="delivery_id" lay-verify="title" autocomplete="off" placeholder="物流单号" class="layui-input">
            </div>
          </div>
        </form>
    </div>

<script>

function wuliu(id) {
            //页面层
            layer.open({
               type: 1 //Page层类型
               ,skin: 'layui-layer-molv'
               ,area: ['380px', '270px']
               ,title: ['编辑物流信息','font-size:18px']
               ,btn: ['确定', '取消'] 
               ,shadeClose: true
               ,shade: 0 //遮罩透明度
               ,maxmin: true //允许全屏最小化
               ,content:$("#wuliuedit")
               ,success:function(){ 
               }
               ,yes:function(){
                   var delivery_name = $.trim($('#form_delivery_name').val());
                   var delivery_id = $.trim($('#form_delivery_id').val());
                   $.ajax({
                          type : "POST",
                          url : '{{route("client_goods_order_wuliu")}}',
                          data : {id:id,delivery_name:delivery_name,delivery_id:delivery_id},
                          async : true,
                          dataType : 'json',
                          error : function(data) {
                              layer.msg('请求失败', {
                                  icon : 5
                              });
                              return false;
                          },
                          success : function(data) {
                              if (data.code == 1) {
                                  layer.msg('操作成功', {
                                      icon : 6,
                                      time : 2000
                                  }, function() {
                                      window.location.href = '{{route("client_goods_order")}}';
                                  });
                              } else {
                                  layer.msg(data.msg, {
                                      icon : 5
                                  });
                              }
                          }
                      });
               }
           });
        }

</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梅坞茶坊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值