erp_yzx/app/admin/view/product/edit.html

{include file='common/_js_css'}

<div class="container-fluid p-t-15">
  <div class="row">
    <div class="col-lg-12">
      <div class="card">
        <ul class="nav nav-tabs page-tabs">
          <li class="active"> <a href="{:url('admin/product/edit')}?id={$product.id}">{:lang("Base")}</a> </li>
          <li> <a href="#">{:lang("Rest")}</a> </li>
          <div class="tab-content">
            <div class="tab-pane active">
              <form class="layui-form">
                  <input name="id" value="{$product.id}" hidden>
                  <div class="layui-form-item">
                    <label class="layui-form-label">{:lang("Bar code")}</label>
                    <div class="layui-input-block">
                      <input type="text" name="bar_code" value="{$product.bar_code}" lay-verify="required" lay-reqtext="{:lang('Please fill in')}" autocomplete="off" class="layui-input">
                    </div>
                  </div>

                  <div class="layui-form-item">
                    <label class="layui-form-label">{:lang("Name")}</label>
                    <div class="layui-input-block">
                      <input type="text" name="name" value="{$product.name}" lay-verify="required" lay-reqtext="{:lang('Please fill in')}" autocomplete="off" class="layui-input">
                    </div>
                  </div>
                  <div class="layui-form-item">
                    <label class="layui-form-label">{:lang("Image")}</label>
                    <div class="layui-input-block">
                      <button type="button" class="layui-btn" id="upload_img">
                        <i class="layui-icon">&#xe67c;</i>{:lang("Upload")}
                      </button>
                      <div style="margin-top: 5px">
                        <input class="image_input" name="image" value="{$product.image}" hidden>
                        <img class="img_view" src={$product.image} style="height: 200px;width: 250px"  {if !:is_null($product.image)} hidden {/if}>
                      </div>
                    </div>
                  </div>

                  <div class="layui-form-item">
                    <label class="layui-form-label">{:lang("Is Serve")}</label>
                    <div class="layui-input-block">
                      <input type="radio" name="is_serve" value="0" title="{:lang('Product')}" {if $product.is_serve == 0} checked {/if} >
                      <div class="layui-unselect layui-form-radio layui-form-radioed">
                        <i class="layui-anim layui-icon"></i>
                      </div>
                      <input type="radio" name="is_serve" value="1" title={:lang('Serve')} {if $product.is_serve == 1} checked {/if} >
                      <div class="layui-unselect layui-form-radio">
                        <i class="layui-anim layui-icon"></i>
                      </div>
                    </div>
                  </div>

                  <div class="layui-form-item">
                    <label class="layui-form-label">{:lang('Category')}</label>
                    <div class="layui-input-block">
                      <select name="category_id" lay-filter="required">
                        {volist name="all_category" id='item'}
                        <option value="{$item.id}" {if $product.category_id == $item.id} selected {/if} >{$item.name}</option>
                        {volist name='$item.children' id='tree_vo'}
                        <option value="{$tree_vo.id}" {if $product.category_id == $tree_vo.id} selected {/if} >&nbsp;&nbsp;| --&nbsp;{$tree_vo.name}</option>
                        {volist name='$tree_vo.children' id='tree_one_vo'}
                        <option value="{$tree_one_vo.id}" {if $product.category_id == tree_one_vo.id} selected {/if} >&nbsp;&nbsp;| --&nbsp;&nbsp;| --&nbsp;{$tree_one_vo.name}</option>
                        {/volist}
                        {/volist}
                        {/volist}
                      </select>
                    </div>
                  </div>

                  <div class="layui-form-item">
                    <label class="layui-form-label">{:lang("Purchase price")}</label>
                    <div class="layui-input-block">
                      <input type="number" name="purchase_price" value="{$product.purchase_price ?? 0}" lay-verify="required" lay-reqtext="{:lang('Please fill in')}" autocomplete="off" class="layui-input">
                    </div>
                  </div>

                  <div class="layui-form-item">
                    <label class="layui-form-label">{:lang("Selling price")}</label>
                    <div class="layui-input-block">
                      <input type="number" name="selling_price" value="{$product.selling_price ?? 0}" lay-verify="required" lay-reqtext="{:lang('Please fill in')}" autocomplete="off" class="layui-input">
                    </div>
                  </div>

                  <div class="layui-form-item">
                    <label class="layui-form-label">{:lang("Now total stock")}</label>
                    <div class="layui-input-block">
                      <input type="number" disabled value="{$product.now_total_stock ?? 0}" class="layui-input">
                    </div>
                  </div>

                  <div class="layui-form-item">
                    <div class="layui-input-block">
                      <button type="submit" class="layui-btn" lay-submit="" lay-filter="caviar_submit_btn">{:lang('Submit')}</button>
                      <button type="reset" class="layui-btn layui-btn-primary">{:lang("Reset")}</button>
                    </div>
                  </div>
                </form>
            </div>
          </div>
        </ul>
      </div>
    </div>
  </div>
</div>

<script>

  //当你在iframe页面关闭自身时
  // var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  // parent.layer.close(index); //再执行关闭
  layui.use(['laydate','form','upload'], () => {
    const laydate = layui.laydate;
    const form = layui.form;

    const upload = layui.upload;

    //执行实例
    upload.render({
      elem: '#upload_img' //绑定元素
      ,url: '/admin/product/upload'
      ,done: function(res){
        console.log(res);
        if(res.code === 200) {
          $(".image_input").attr("value", res.data);
          $(".img_view").attr('src', res.data)
          $('.img_view').css('display','block');
        } else {
          layer.message(res.message, {icon: 5});
        }
        return false;
      }
      ,error: function(){
        //请求异常回调
      }
    });

    form.on('submit(caviar_submit_btn)', (data) =>{
      console.log(data.field);
      const response = request('/admin/product/edit',data.field)
      response.then((res) => {
          res.code === 200 ? layer.msg("{:lang('Succeed')}", {icon: 1,time:500},() => {
            parent.location.reload();
          }) : layer.msg(res.message,{icon: 5})
      })
      return false;
    });


    laydate.render({
      elem: '#sun_calendar',
      type: 'datetime'
    });
    laydate.render({
      elem: '#lunar_calendar',
      type: 'datetime'
    });
  });
</script>