@extends('layouts.father')
@section('style')
    <link href="/assets/lightbox/css/lightbox.css" rel="stylesheet">
    <style>
        html, body {
            height: 100%;
            width: 100%;
            background: #f2f2f2
        }

        * {
            margin: 0;
            padding: 0;
        }

        .clearfix {
            *zoom: 1;
        }

        .clearfix:after {
            content: "";
            display: block;
            clear: both;
        }

        .mask {
            width: 100%;
            height: 100%;
            background: #FFFFFF;
            opacity: 0.5;
            filter: alpha(opacity=0.5);
            z-index: 999;
            position: fixed;
            top: 0;
        }

        .infWrapBox {
            padding: 40px;
            border: #000 dashed 2px;
        }

        .infWrap {
        }

        .infWrap p {
            margin-bottom: 20px
        }

        .modelWrap {
            width: 431px;
            float: right;
        }

        .modelWrap img {
            width: 414px;
            float: left
        }

        .model {
            height: 736px;
            overflow: scroll
        }

        .selectWrap {
            width: 299px;
            height: 150px;
            background: #FFFFFF;
            z-index: 1000;
            position: fixed;
            left: 50%;
            top: 50%;
            margin-left: -150px;
            margin-top: -75px;
            border: 1px solid #333;
            border-radius: 10px
        }

        .selectWrap a {
            width: 149px;
            display: inline-block;
            text-align: center;
            left: 0;
            color: #333;
            text-decoration: none;
            border-top: 1px solid #333;
            position: absolute;
            bottom: 0;
            height: 100px;
            line-height: 100px;
            border-radius: 0 0 0 10px
        }

        .selectWrap a:last-child {
            left: 149px;
            border-left: 1px solid #333;
            border-radius: 0 0 10px 0
        }

        .selectWrap a:hover {
            background: #ccc
        }

        .layui-upload-more-img {
            width: 92px;
            height: 92px;
            margin: 0 10px 10px 0;
        }

        .norms_item{
            width:120px;
        }
        .norms_row,.order_row{
            margin-top:10px;
        }

        .detail-img {
            display: inline;
        }

        .detail-img-icon{
            position: absolute;
            margin-left: -13px;
            margin-top: -15px;
            cursor: pointer;
        }
        .detail-img-icon2{
            font-size: 23px!important;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

        input[type="number"] {
            -moz-appearance: textfield;}
        .dn{
            display: none;
        }
        /*关联产品*/
        .relation_wrap{
            margin-top: 61px;
            margin-left: 37px;
            margin-bottom: 20px;
            width: 420px;
        }
        .relation_wrap td{
            padding: 9px 37px!important;
        }
        .checkWrap{
            width: 100%;
            height: 60px;
        }
        .openWrap{
            width: 1000px;
            height: 40px;
            float: left;
        }
        .openWrap .layui-form-item,.chan .layui-form-item{
            float: left;
            width: 250px;
            clear: none!important;
        }
        .openWrap .layui-form-label,.chan .layui-form-label{
            width: 120px;
        }
        .openWrap .layui-input-block,.chan .layui-input-block{
            line-height: 35px;
        }
        #norms_table td{
            text-align: center;
        }
        /* 修改选中选项的背景颜色 */
        .layui-form-selected .layui-this {
            background-color: #409EFF !important; /* 你想要的颜色 */
        }
        /* 修改选项hover时的背景颜色 */
        .layui-form-selected dl dd:hover {
            background-color:  #409EFF; /* 你想要的颜色 */
        }
        /* 修改下拉列表背景颜色 */
        .layui-form-selected .layui-select-title {
            background-color: #409EFF; /* 你想要的颜色 */
        }
        .layui-input {
            border-radius: 5px; /* 这里可以调整圆角的大小 */

        }
        .layui-input:focus {
            outline: 1px solid rgba(64, 158, 255, 0.2);

        }
        .clor{
            background:#f3f3f3 !important;
        }
        thead tr {
            background-color:#f3f3f3 !important;
        }
        .layui-form-checked i {
            background-color:#409EFF !important;
            border-color:#409EFF !important;
            color:white !important ;
        }
        .layui-form-checked[lay-skin=primary] i {
            border-color:#409EFF !important;
        }
        .layui-form-checkbox[lay-skin=primary] i:hover {
            border-color:#409EFF !important;
        }
        .layui-form-checkbox i {
            border-left-style: solid;
            border-left-width: 1px;
            border-left-color: rgb(210, 210, 210);
        }
        .layui-form-onswitch {
            border-color: #409EFF;
            background-color: #409EFF;
            border-radius: 15px
        }
        .layui-btn-disabled {
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }

        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
        }
        .layui-form-onswitch {
            border-color: #409EFF !important;
            background-color: #409EFF !important;
            border-radius: 15px
        }
        .layui-btn-disabled {
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }
        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
        }
        .layui-form-radio>i:hover, .layui-form-radioed>i {
            color: #409EFF !important;
        }
        .layui-form-checked span, .layui-form-checked:hover span {
            background-color: #409EFF !important;
        }
        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
            border-radius: 5px !important;
        }
        .layui-input {
            border-radius: 5px !important; /* 这里可以调整圆角的大小 */

        }
    </style>
@endsection
@section('title')
    添加商品
@endsection
@section('body')


    <div class="x-body">
        <form class="layui-form" action="/admin/enterpriseAdd" onkeydown="if(event.keyCode==13)return false;">
            <div class="x-nav">
{{--      <span class="layui-breadcrumb">--}}
{{--        <a onclick="goindex()">首页</a>--}}
{{--        <a href="">产品管理</a>--}}
{{--        <a>--}}
{{--          <cite>商品修改</cite></a>--}}
{{--      </span>--}}
                <a class="layui-btn layui-btn-small" style="line-height:1.6em;float:right"
                   href="javascript:location.replace(location.href);" title="刷新">
                    <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
                <button class="layui-btn add x-right" lay-submit="" lay-filter="add"
                        style="position: fixed;right:120px;top:20px"
                        >
                    保存
                </button>
            </div>
            {{csrf_field()}}
            <div class="layui-form-item layui-card">
                <div class="layui-card-header"><span class="x-red">*</span> 所属分类</div>
                <div class="layui-input-inline layui-card-body">
                    <select lay-filter="" lay-verify="required" name="pid">
                        @foreach($categoryArr as $k=>$c)
                            <option value="{{$c['id']}}">{{$c['name']}}</option>
                        @endforeach
                    </select>
                </div>

            </div>

            <div class="layui-form-item layui-card" style="padding-bottom: 10px;">
                <div class="layui-card-header"><span class="x-red">*</span> 商品名称</div>
                <div class="layui-card-body">
                    <label for="client" class="layui-form-label">
                        商品名称
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="name" name="name"
                               autocomplete="off" class="layui-input ">
                    </div>
                    <label for="client" class="layui-form-label">
                        <span class="x-red">*</span>型号
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="xh" name="xh" required="" lay-verify="required"
                               autocomplete="off" class="layui-input ">
                    </div>
                </div>
            </div>
            <div class="layui-form-item layui-card">

                <div class="layui-card-header"><span class="x-red">*</span> 主图</div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;">无主图:</label>
                    <div class="">
                        <input type="checkbox" name="is_icon"   lay-skin="switch">
                    </div>
                </div>
                <div class="layui-card-body">
                    <div class="layui-upload">
                        <button type="button" class="layui-btn upload">
                            <i class="layui-icon">&#xe67c;</i>上传图片
                        </button>
                        <input type="hidden" name="master_pic">
                        <input type="hidden" name="master_pic150">
                        <input type="hidden" name="master_pic400">
                        <input type="hidden" name="master_pic800">

                        <div class="layui-upload-list dn">
                            <a href="#" data-title="主图"  data-lightbox="upload-img" >
                                <img class="layui-upload-img upload-img" style="height: 100px;">
                            </a>
                            <i class="layui-icon iconfont layui-icon detail-img-icon detail_i1 detail-img-icon2" onclick="removeImg('master_pic','master_pic150','master_pic400','master_pic800')" >&#x1007;</i>
                            <p id="test-upload-demoText"></p>
                        </div>
                    </div>
                </div>
            </div>


            <div class="layui-card more_pic">
                <div class="layui-card-header">上传多张副图</div>
                <div class="layui-card-body">
                    <div class="layui-form-item layui-upload">
                        <button type="button" class="layui-btn upload1 layui-btn-primary">
                            <i class="layui-icon">&#xe67c;</i>副图1
                        </button>
                        <input type="hidden" name="pic1">
                        <div class="layui-upload-list dn">
                            <a href="#" data-title="副图1" data-lightbox="upload-img1">
                                <img class="layui-upload-img layui-upload-more-img upload-img1 pic1" style="height: 100px">
                            </a>
                            <i class="layui-icon iconfont detail-img-icon detail_i1 detail-img-icon2" onclick="removeImg('pic1')" >&#x1007;</i>
                        </div>
                    </div>

                    <div class="layui-form-item layui-upload">

                        <button type="button" class="layui-btn upload2 layui-btn-primary upImg">
                            <i class="layui-icon">&#xe67c;</i>副图2
                        </button>
                        <input type="hidden" name="pic2">
                        <div class="layui-upload-list dn">
                            <a href="#" data-title="副图2"  data-lightbox="upload-img2" >
                                <img class="layui-upload-img upload-img2 pic2" style="height: 100px">
                            </a>
                            <i class="layui-icon iconfont detail-img-icon detail_i1 detail-img-icon2" onclick="removeImg('pic2')" >&#x1007;</i>

                        </div>
                    </div>

                    <div class="layui-form-item layui-upload">
                        <button type="button" class="layui-btn upload3 layui-btn-primary ">
                            <i class="layui-icon">&#xe67c;</i>副图3
                        </button>
                        <input type="hidden" name="pic3">
                        <div class="layui-upload-list dn">
                            <a href="#" data-title="副图3"  data-lightbox="upload-img3" >
                                <img class="layui-upload-img upload-img3 pic3" style="height: 100px">
                            </a>
                            <i class="layui-icon iconfont detail-img-icon detail_i1 detail-img-icon2" onclick="removeImg('pic3')" >&#x1007;</i>

                        </div>
                    </div>

                    <div class="layui-form-item layui-upload">
                        <button type="button" class="layui-btn upload4 layui-btn-primary">
                            <i class="layui-icon">&#xe67c;</i>副图4
                        </button>
                        <input type="hidden" name="pic4">
                        <div class="layui-upload-list dn">
                            <a href="#" data-title="副图4"  data-lightbox="upload-img4" >
                                <img class="layui-upload-img upload-img4 pic4" style="height: 100px">
                            </a>
                            <i class="layui-icon iconfont detail-img-icon detail_i1 detail-img-icon2" onclick="removeImg('pic4')" >&#x1007;</i>

                        </div>
                    </div>

                    <div class="layui-form-item layui-upload">
                        <button type="button" class="layui-btn upload5 layui-btn-primary">
                            <i class="layui-icon">&#xe67c;</i>副图5
                        </button>
                        <input type="hidden" name="pic5">
                        <div class="layui-upload-list dn">
                            <a href="#" data-title="副图5"  data-lightbox="upload-img5" >
                                <img class="layui-upload-img upload-img5 pic5" style="height: 100px">
                            </a>
                            <i class="layui-icon iconfont detail-img-icon detail_i1 detail-img-icon2" onclick="removeImg('pic5')" >&#x1007;</i>
                        </div>
                    </div>
                    <div class="layui-form-item layui-upload">

                        <button type="button" class="layui-btn upload_preview layui-btn-primary">
                            <i class="layui-icon">&#xe67c;</i>商品价格一览上传</button>
                        <input type="hidden" name="pic_preview">
                        <div class="layui-upload-list dn">
                            <a href="#" data-title="价格一览"  data-lightbox="upload-img-preview" >
                                <img class="layui-upload-img upload-img-preview pic_preview" style="height: 100px">
                            </a>
                            <i class="layui-icon iconfont detail-img-icon detail_i1 detail-img-icon2" onclick="removeImg('pic_preview')" >&#x1007;</i>
                        </div>
                    </div>
                    <div class="layui-form-item layui-upload">

                        <button type="button" class="layui-btn upload_pro layui-btn-primary">
                            <i class="layui-icon">&#xe67c;</i>存货工艺图上传</button>
                        <input type="hidden" name="pro_preview">
                        <div class="layui-upload-list dn">
                            <a href="#" data-title="存货工艺图"  data-lightbox="upload-pro-preview" >
                                <img class="layui-upload-img upload-pro-preview pro_preview" style="height: 100px">
                            </a>
                            <i class="layui-icon iconfont detail-img-icon detail_i1 detail-img-icon2" onclick="removeImg('pro_preview')" >&#x1007;</i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">上传前置详情图
                    </div>
                <div class="layui-card-body">
                    <div class="layui-upload">
                        <button type="button" class="layui-btn pre-upload-more">详情图上传</button>
                        <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                            预览图：
                            <div id="myHeader" class="layui-upload-list pre-upload-more-list">
                            </div>
                            {{--<div class="model" style="width: 431px;"></div>--}}
                        </blockquote>
                    </div>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">上传多张详情图
                    </div>
                <div class="layui-card-body">
                    <div class="layui-upload">
                        <button type="button" class="layui-btn upload-more">详情图上传</button>
                        <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                            预览图：
                            <div id="myHeader" class="layui-upload-list upload-more-list">
                            </div>
                            {{--<div class="model" style="width: 431px;"></div>--}}
                        </blockquote>
                    </div>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header" style="display: flex;justify-content: space-between">
                    <span>商品参数</span>
                    <a onclick="addParamTrData()" class="layui-btn">添加属性</a>
                </div>
                <div class="layui-card-body">
                    <table class="layui-table addShop-table">
                        <tbody id="addShop">
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header" style="display: flex;justify-content: space-between">
                    <span>商品工序</span>
                    <a onclick="addTechTrData()" class="layui-btn">添加工序</a>
                </div>
                <div class="layui-card-body">
                    <table class="layui-table addTech-table">
                        <tbody id="addTech">
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="layui-card" style="padding-bottom: 20px">
                <div class="layui-card-header">橱窗展示
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label">热销:</label>
                    <div class="">
                        <input type="radio"  name="hot" value="1" title="热销">
                        <input type="radio" checked name="hot" value="0" title="非热销">
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label">特价:</label>
                    <div class="">
                        <input type="radio"  name="offer" value="1" title="特价">
                        <input type="radio" checked name="offer" value="0" title="非特价">
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;">启用批次:</label>
                    <input type="checkbox" name="batch" lay-skin="switch">
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;">启用卷号:</label>
                    <div class="">
                        <input type="checkbox" name="reel" lay-skin="switch" lay-filter="show">
                        （保存后不可更改）
                    </div>
                    <div class="isShow">
                        <div class="layui-input-inline" style="margin-left: -110px;margin-top: 10px">
                            <label class="layui-form-label" style="padding-top: 0;line-height: 38px">定型温度:</label>
                            <input type="number" name="dx_temp" class="layui-input" style="width: 50%" >
                        </div>
                        <br>
                        <div class="layui-input-inline" style="margin-top: 10px">
                            <label class="layui-form-label" style="padding-top: 0;line-height: 38px">定型时间:</label>
                            <input type="number" name="dx_time" class="layui-input" style="width: 50%" >
                        </div>
                        <div class="layui-input-inline" style="margin-top: 10px">
                            <label class="layui-form-label" style="padding-top: 0;line-height: 38px">机参:</label>
                            <input type="text" name="jc" class="layui-input" style="width: 50%" >
                        </div>
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;">外采直运:</label>
                    <div class="">
                        <input type="checkbox" name="outpro" lay-skin="switch">
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;">自发采购:</label>
                    <div class="">
                        <input type="checkbox" name="pur" lay-skin="switch">
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;">虚拟商品:</label>
                    <div class="">
                        <input type="checkbox" name="virtual" lay-skin="switch">
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;">不分门店:</label>
                    <div class="">
                        <input type="checkbox" checked name="shoppro" lay-skin="switch">
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;">委外生产:</label>
                    <div class="">
                        <input type="checkbox" name="outsource" lay-skin="switch">
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;">物料简显:</label>
                    <div class="">
                        <input type="checkbox" name="wljx" lay-skin="switch">
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;">供应链互联:</label>
                    <div class="">
                        <input type="checkbox" name="gylhl" lay-skin="switch">
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="width: 81px;"><span class="x-red">*</span>销售单位:</label>
                    <div class=""  style="width: 280px;margin-left: 115px;">
                        <select name="sale_unit" lay-filter="aihao" style="width: 120px;" lay-verify="required">
                            <option value=""  selected=""></option>
                            @foreach($unit as $u)
                                <option value="{{$u}}">{{$u}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <p style="margin-bottom: 10px;margin-left: 32px;">以下栏目该存货创建后，不可修改:</p>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="width: 81px;"><span class="x-red">*</span>库存单位:</label>
                    <div class=""  style="width: 280px;margin-left: 115px;">
                        <select name="unit" lay-filter="aihao" style="width: 120px;" lay-verify="required">
                            <option value=""  selected=""></option>
                            @foreach($unit as $u)
                            <option value="{{$u}}">{{$u}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;">底胚面料:</label>
                    <div class=""  style="width: 280px;margin-left: 115px;">
                        <input type="text" name="ml" class="layui-input">
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;"><span class="x-red">*</span>底胚门幅:</label>
                    <div class=""  style="width: 280px;margin-left: 115px;">
                        <input type="text" name="dpmf" lay-verify="required" class="layui-input">
                        用于商城算价、裁剪方式推荐、吊挂线设备（吊挂系统），都没用填0即可。
                    </div>
                </div>
                <div class="layui-card-body">
                    <label class="layui-form-label" style="padding-top: 0;">标准克重:</label>
                    <div class=""  style="width: 280px;margin-left: 115px;">
                        <input type="text" name="weight" class="layui-input">
                    </div>
                </div>
            </div>

            <div class="layui-form-item layui-card" style="padding-bottom: 20px;margin-top: 10px">

                <div class="layui-card-header">提示语</div>
                <div class="layui-card-body">
                    <div class="">
                        <textarea class="layui-textarea" name="remark"></textarea>
                    </div>
                </div>
            </div>
            <div class="layui-form-item layui-card" style="padding-bottom: 20px;margin-top: 10px">

                <div class="layui-card-header">生产工艺</div>
                <div class="layui-card-body">
                    <div class="">
                        <textarea class="layui-textarea" name="technique"></textarea>
                    </div>
                </div>
            </div>

            <div class="layui-form-item layui-card" style="padding-bottom: 20px;margin-top: 10px">

                <label class="layui-form-label">关联产品：</label>
                <div class="layui-input-block">
                    <div class="layui-input-inline layui-card-body" style="overflow: auto;width: 500px;clear: both;margin-left: -109px;">
                        <label class="layui-form-label" for="relation_pro_name" style="display: inline-block">产品名称：</label>
                        <input type="text" id="" name="relation_pro_name" autocomplete="off" class="layui-input relation_pro_name" style="float: left;width: 200px" placeholder="请输入产品名称">
                        <div class="layui-btn relation_btn" style="float: left;margin-left: 10px;" onclick="relation_add(this)">插入关联</div>
                    </div>
                </div>
                <div class="relation_wrap" style="">
                    <table class="relation_form layui-table" style="display: block;" >
                        <thead>
                        <tr>
                            <td>产品ID</td>
                            <td>产品名称</td>
                            <td>操作</td>
                        </tr>
                        </thead>
                        <tbody class="tb_relation">
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="layui-form-item layui-card" style="padding-bottom: 20px;margin-top: 10px">
                <div class="layui-form-item">
                    <label class="layui-form-label">加盟体系:</label>
                    <div class="layui-input-block">
                        @foreach($join_system as $t)
                            <input lay-verify="required" type="checkbox" name="join_system[]" value="{{$t}}" title="{{$t}}" >
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="layui-form-item layui-card">

                <div class="layui-card-body orderadd" >
                    <div class="layui-row">
                        <label class="layui-form-label" >订单规格：</label>
                        <div class="layui-input-inline order_item">
                            <select class="order_add_select" {{-- lay-filter="norms_add"--}}lay-search>
                                <option value="">请选择规格</option>
                                @foreach($orderType as $vo)
                                    <option value="{{$vo->id}}">{{$vo->name}} -> {{$vo->remark}}</option>
                                @endforeach
                            </select>
                        </div>
                        <input type="text" class="layui-btn norms_item order_add" value="添加订单规格">
                    </div>
                </div>
            </div>

            <div class="layui-form-item layui-card">

                <div class="layui-card-body normsadd" >

                    <div class="layui-row">
                        <label class="layui-form-label" >货号规格：</label>
                        <div class="layui-input-inline norms_item">
                            <select class="norms_add_select" {{-- lay-filter="norms_add"--}}lay-search>
                                <option value="">请选择规格</option>
                                @foreach($normsType as $vo)
                                    <option value="{{$vo->id}}">{{$vo->name}} -> {{$vo->remark}}</option>
                                @endforeach
                            </select>
                        </div>
                        <input type="text" class="layui-btn norms_item norms_add" value="添加货号规格">
                    </div>

                    {{--<div class="layui-row norms_row">
                        <label class="layui-form-label">规格：</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="norms[8]" value="18" title="3.2M" checked="">
                            <div class="layui-unselect layui-form-checkbox layui-form-checked" lay-skin="">
                                <span>3.2M</span><i class="layui-icon"></i></div>
                            <input type="checkbox" name="norms[8]" value="17" title="2.4M" checked="">
                            <div class="layui-unselect layui-form-checkbox layui-form-checked" lay-skin="">
                                <span>2.4M</span><i class="layui-icon"></i></div>
                            <input type="button" class="layui-btn layui-btn-primary" onclick="norms_del(0)" value="删除">
                        </div>
                    </div>--}}
                </div>

            </div>

            <div class="layui-card hidden">
                <div class="layui-card-body hidden">
                    <table id="norms_table" class="tb tb-b c-t-center mergeTable layui-table layui-table"  lay-size="sm"></table>
                </div>
            </div>


            <div class="layui-form-item">
                <button class="layui-btn" lay-submit="" lay-filter="add">
                    保存
                </button>
                {{--<div class="layui-btn" onclick="autonumber()">
                    自动编号
                </div>--}}
            </div>

        </form>
    </div>
@endsection
@section('js')
    <script src="/assets/lightbox/js/lightbox.js"></script>
    <script>
      setTimeout(() => {
        if($('input[name=reel]').next().attr('class').includes('layui-form-onswitch')){
          $('.isShow').show()
        }else{
          $('.isShow').hide()
        }
      } ,200)
      // 单位
        var unit = ['<option value="">请选择</option>'];
        @foreach($unit as $u)
                unit += '<option>{{ $u }}</option>'
        @endforeach
        var form;
        var normsPid = []; // 记录norms pid
        var normsInfoList = []; // 记录norms值
        let set = "{{$set}}";
        layui.use(['laydate', 'element', 'laypage', 'layer', 'upload', 'form','table'], function () {
            $ = layui.jquery;//jquery
            laydate = layui.laydate;//日期插件
            upload = layui.upload;
            form = layui.form;
            table = layui.table;
            //以上模块根据需要引入

            layer.ready(function () { //为了layer.ext.js加载完毕再执行

                layer.photos({
                    photos: '#x-img',
                    //,shift: 5 //0-6的选择，指定弹出图片动画类型，默认随机
                });
            });

            var loadIndex = ''; //打开加载loading
            //执行实例
            var uploadInst = upload.render({
                elem: '.upload' //绑定元素
                ,size: 2048
                , url: '/admin/upload' //上传接口
                , data: {
                    '_token': $("input[name=_token]").val(),
                    'type': '',                              // 上传文件夹 默认上传地址enterprise
                    'thumb': 1                           // 1 ，开启缩略图，0, 不开启
                }
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                    obj.preview(function (index, file, result) {
                        $('.upload-img').attr('src', result); //图片链接（base64）
                        $('.upload-img').show();
                    });
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if (res.status == 1) {
                        $(".upload").addClass("x-disable");
                        $(".upload-img").parent().parent().removeClass('dn');
                        $(".upload-img").parent().attr("href","/"+res.data.filename);
                        layer.msg(res.msg, {icon: 6, time: 1000});
                        $("input[name=master_pic]").val(res.data.filename);
                        $("input[name=master_pic150]").val(res.data.filename150);
                        $("input[name=master_pic400]").val(res.data.filename400);
                        $("input[name=master_pic800]").val(res.data.filename800);

                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });


            /** 附图上传 **/
            uploadImage('.upload1', '.upload-img1', "input[name=pic1]");
            uploadImage('.upload2', '.upload-img2', "input[name=pic2]");
            uploadImage('.upload3', '.upload-img3', "input[name=pic3]");
            uploadImage('.upload4', '.upload-img4', "input[name=pic4]");
            uploadImage('.upload5', '.upload-img5', "input[name=pic5]");
            uploadImage('.upload_preview', '.upload-img-preview', "input[name=pic_preview]");
            uploadImage('.upload_pro', '.upload-pro-preview', "input[name=pro_preview]");

            var precnt = 0;
            /*** 前置详解图上传 **/
            upload.render({
                elem: '.pre-upload-more'
                ,size: 2048
                , url: '/admin/upload' //上传接口
                , multiple: true
                , data: {
                    '_token': $("input[name=_token]").val(),
                    'type': '',                              // 上传文件夹 默认上传地址enterprise
                    'thumb': 0                           // 1 ，开启缩略图，0, 不开启
                }
                , before: function (obj) {
                    loadIndex = layer.load(); //上传loading
                    //预读本地文件示例，不支持ie8
                    /*obj.preview(function (index, file, result) {
                        console.log(file);
                        cnt = index;
                        // console.log(cnt);
                        $('.upload-more-list').append(' <img src="' + result + '" alt="' + file.name + '" class="layui-upload-more-img detail_img'+cnt+'">\n' +
                        '<i class="iconfont layui-icon detail-img-icon detail_i'+cnt+'" onclick="detail_icon('+cnt+')"  style="font-size:23px;">ဇ</i>\n');
                        $('.model').append('<img src="' + result + '"  alt="' + file.name + '" >');
                    });*/
                }
                , done: function (res) {

                    precnt++;
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if (res.status == 1) {

                        $(".pre-upload-more-list").append('<input name="pre_detail[]" class="pre_detail_input'+precnt+'" type="hidden" value="' + res.data.filename + '">')
                        $('.pre-upload-more-list').append('<img src="{{env('OSS_HOST')}}'+ res.data.filename + '" class="layui-upload-more-img pre_detail_img'+precnt+'">\n' +
                            '<i class="iconfont layui-icon detail-img-icon pre_detail_i'+precnt+'" onclick="pre_detail_icon('+precnt+')"  style="font-size:23px;">ဇ</i>\n');
                        layer.msg(res.msg, {icon: 6, time: 1000});
                    }
                }
            });

            var cnt = 0;
            var dcnt = 0;
/*** 详解图上传 **/
            upload.render({
                elem: '.upload-more'
                ,size: 2048
                , url: '/admin/upload' //上传接口
                , multiple: true
                , data: {
                    '_token': $("input[name=_token]").val(),
                    'type': '',                              // 上传文件夹 默认上传地址enterprise
                    'thumb': 0                           // 1 ，开启缩略图，0, 不开启
                }
                , before: function (obj) {
                    loadIndex = layer.load(); //上传loading
                    //预读本地文件示例，不支持ie8
                    /*obj.preview(function (index, file, result) {
                        console.log(file);
                        cnt = index;
                        // console.log(cnt);
                        $('.upload-more-list').append(' <img src="' + result + '" alt="' + file.name + '" class="layui-upload-more-img detail_img'+cnt+'">\n' +
                        '<i class="iconfont layui-icon detail-img-icon detail_i'+cnt+'" onclick="detail_icon('+cnt+')"  style="font-size:23px;">ဇ</i>\n');
                        $('.model').append('<img src="' + result + '"  alt="' + file.name + '" >');
                    });*/
                }
                , done: function (res) {

                    cnt++;
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if (res.status == 1) {

                        $(".upload-more-list").append('<input name="detail[]" class="detail_input'+cnt+'" type="hidden" value="' + res.data.filename + '">')
                        $('.upload-more-list').append('<img src="{{env('OSS_HOST')}}'+ res.data.filename + '" class="layui-upload-more-img detail_img'+cnt+'">\n' +
                            '<i class="iconfont layui-icon detail-img-icon detail_i'+cnt+'" onclick="detail_icon('+cnt+')"  style="font-size:23px;">ဇ</i>\n');
                        layer.msg(res.msg, {icon: 6, time: 1000});
                    }
                }
            });


            //执行一个laydate实例
            laydate.render({
                elem: '.delay' //指定元素
            });

          form.on('switch(show)',function(data){
            let classList = data.othis.attr('class')
            if(classList.includes('layui-form-onswitch')){
              // 说明选中
              $('.isShow').show()
            }else{
              // 说明不选中
              $('.isShow').hide()
            }
          })

            //监听提交
            form.on('submit(add)', function (data) {

                let name = $('#name').val()
                let flag = [...$('.number')].some(item =>{
                  return $(item).val().includes(" ")
                })
                  let reg =/[\u4e00-\u9fa5]/;
                  let flags = Object.keys(data.field).filter(item => item.indexOf('number') !== -1).some(item => reg.test(data.field[item]));
                  // if(flags){
                  //   // 进来了 说明有中文了
                  //   layer.alert("货号不允许有中文",{icon:5})
                  //   return  false
                  // }
                if(name.includes(" ")){
                  layer.msg("产品名称有空格")
                  return false
                }
                if(flag){
                  layer.msg("货号有空格")
                  return false
                }


                /*if(!$("input[name=master_pic]").val()) {
                    $(".upload").focus();
                    layer.msg('还未上传主图', {icon: 5});
                    return false;
                }*/

                // var index = parent.layer.getFrameIndex(window.name);
                var loadIndex = layer.load(); //打开加载loading
                // console.log(data.field);
                //发异步，把数据提交给php
                console.log(data.field)
                $.post("/admin/enterpriseAdd", data.field, function (res) {
                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if (res.status == 1) {

                        // console.log(res);
                        layer.alert(res.msg, {icon: 6}, function () {
                            // 关闭当前frame
                            location.reload();
                            // parent.layer.close(index);
                        });

                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }

                }, "json");
                return false;
            });

            //监听select 提交
            form.on('select(enteradd)', function (data) {

                $.post(
                    "/admin/enterpid",
                    {
                        'pid': data.value,
                        '_token': $("input[name=_token]").val()
                    },
                    function (res) {

                        layer.close(loadIndex); //关闭加载loading
                        //发异步，把数据提交给php
                        if (res.status == 1) {

                            if (res.data) {
                                url = '';
                                select = res.data;
                                for (i = 0; i < res.data.length; i++) {
                                    url += '<option value="' + select[i]['id'] + '">' + select[i]['name'] + '</option>';
                                }
                            } else {
                                url = '';
                            }
                            $("#pid").html(url);
                            form.render('select');


                        } else {
                            layer.alert(res.msg, {icon: 5});
                        }

                    }, "json");
                return false;
            });



            // 添加货号规格
            $(".norms_add").click(function () {
                var pid = $(".norms_add_select").val();
                // 去除 normsPid  中已经存在的
                let afferent = arguments[0]
                if(afferent){
                    // 如果有值
                    let index = normsPid.indexOf(afferent)
                    let result = normsPid.splice(index ,1)
                }
                if(pid != '' && normsPid.indexOf(pid) < 0) {

                    normsPid.push(pid);
                    $.post(
                        "/admin/getNormsType",
                        {
                            'pid': pid,
                            '_token': $("input[name=_token]").val()
                        },
                        function (res) {

                            //发异步，把数据提交给php
                            if (res.status == 1 && res.data) {
                                normsInfoList.push(res.data);
                                cnt = normsInfoList.length - 1;

                                var url = '<div class="layui-row norms_row norms'+pid+'" data-pid="'+pid+'" data-name="'+res.data[0].name+'">\n' +
                                    '                        <label class="layui-form-label">' + res.data[0].name + '：</label>\n' +
                                    '                        <div class="layui-input-block">\n';

                                $.each(res.data,function (k,v) {
                                    v['checked'] = true;
                                    url += '<input type="checkbox" lay-filter="norms_item"  name="'+cnt+'-'+k+'"  value="'+v.id+'" title="'+v.value+'" checked>\n';
                                })
                                    url += '<input type="button" class="layui-btn layui-btn-primary deleteInput" onclick="norms_del('+res.data[0].pid+')" value="删除">'
                                        if(set==="面料企业"){
                                            url += `<input type="button" class="layui-btn" onclick="norms_add_use(this)" value="增加">`
                                        }
                                    url += '                        </div>\n' +
                                    '                    </div>';

                                $(".normsadd").append(url);

                                form.render('checkbox');  // 重铺checkbox
                                normsTable();

                            } else {
                                layer.alert(res.msg, {icon: 5});
                            }

                        }, "json");
                }
            });

            // 添加订单规格
            $(".order_add").click(function () {

                var pid = $(".order_add_select").val();
                if(pid != '' ) {

                    $.post(
                        "/admin/getNormsType",
                        {
                            'pid': pid,
                            '_token': $("input[name=_token]").val()
                        },
                        function (res) {

                            //发异步，把数据提交给php
                            if (res.status == 1 && res.data) {

                                var url = '<div class="layui-row order_row order'+pid+'" >\n' +
                                    '                        <label class="layui-form-label">' + res.data[0].name + '：</label>\n' +
                                    '                        <div class="layui-input-block">\n';

                                $.each(res.data,function (k,v) {
                                    v['checked'] = true;
                                    url += '<input type="checkbox" name="orderNorm[]" value="'+pid+'-'+v.id+'" title="'+v.value+'" checked>\n';
                                })
                                    url += '<input type="button" class="layui-btn layui-btn-primary" onclick="order_del('+res.data[0].pid+')" value="删除">' +
                                    '                        </div>\n' +
                                    '                    </div>';

                                $(".orderadd").append(url);

                                form.render('checkbox');  // 重铺checkbox

                            } else {
                                layer.alert(res.msg, {icon: 5});
                            }

                        }, "json");
                }
            });

            form.on('checkbox(norms_item)',function(data){

                arr = data.elem.name.split('-');
                if(data.elem.checked) {
                    normsInfoList[arr[0]][arr[1]]['checked'] = true;
                } else {
                    normsInfoList[arr[0]][arr[1]]['checked'] = false;
                }
                // getTable();
                normsTable();
                // 遍历整个checkbox 选择的项
            });

        });


        var paramOption = '';
        @foreach($enterprise_param as $vo)
            paramOption += '<option value="{{$vo}}">{{$vo}}</option>';
        @endforeach

        var paramValueOption = [];
        @foreach($enterprise_param_value as $key=>$item)
                var selectStr = '<select name="value[]" lay-verify="required"  lay-search>';
            @foreach ($item as $vo)
                selectStr += '<option value="{{$vo}}">{{$vo}}</option>';
            @endforeach
                selectStr += '</select>';
            paramValueOption["{{$key}}"] = selectStr;
        @endforeach


        //添加商品参数
        function addParamTrData() {

            var addShopTableUrl = '<tr>' +
                '<td>' +
                '<select name="param[]" lay-verify="required" lay-filter="param" >' +
                '<option value="">请选择</option>' + paramOption +
                '</select>' +
                '</td>' +
                '<td class="param_value"><input name="value[]" type="text" class="layui-input"></td>' +
                '<td><a onclick="deltr(this)" class="layui-btn">删除</a></td></tr>'
            $(".addShop-table tbody").append(addShopTableUrl);
            form.render("select");

            form.on('select(param)',function(data){

                var param_value = $(data.othis).parent().parent().find(".param_value");
                if(paramValueOption.hasOwnProperty(data.value)) {
                    // console.log(data.value);
                    param_value.html(paramValueOption[data.value]);
                    form.render("select");
                } else {
                    param_value.html('<input name="value[]" type="text" class="layui-input">');
                }

            });

        }


        var techOption = '';
        @foreach($enterprise_tech as $vo)
            techOption += '<option value="{{$vo}}">{{$vo}}</option>';
        @endforeach

        var techValueOption = [];
                @foreach($enterprise_tech_value as $key=>$item)
        var selectTechStr = '<select name="techvalue[]" lay-verify="required" >';
        @foreach ($item as $vo)
            selectTechStr += '<option value="{{$vo}}">{{$vo}}</option>';
        @endforeach
            selectTechStr += '</select>';
        techValueOption["{{$key}}"] = selectTechStr;
        @endforeach

        //添加商品参数
        function addTechTrData() {

            var addTechTableUrl = '<tr>' +
                '<td>' +
                '<select name="techparam[]" lay-verify="required" lay-filter="techparam" >' +
                '<option value="">请选择</option>' + techOption +
                '</select>' +
                '</td>' +
                '<td class="tech_value"><input name="techvalue[]" type="text" class="layui-input"></td>' +
                '<td><a onclick="deltr(this)" class="layui-btn">删除</a></td></tr>'
            $(".addTech-table tbody").append(addTechTableUrl);
            form.render("select");

            form.on('select(techparam)',function(data){

                var tech_value = $(data.othis).parent().parent().find(".tech_value");
                if(techValueOption.hasOwnProperty(data.value)) {
                    // console.log(data.value);
                    tech_value.html(techValueOption[data.value]);
                    form.render("select");
                } else {
                    tech_value.html('<input name="techvalue[]" type="text" class="layui-input">');
                }

            });

        }


        function deltr(e) {
            $(e).parent().parent().remove();
        }


        function norms_del(pid) {
            index = normsPid.indexOf(pid+"");
            $(".norms"+pid).remove();
            normsPid.splice(index,1);
            normsInfoList.splice(index,1);
            normsTable();
        }

      // 由用户添加货号规格
      function norms_add_use(e){
          let event = window.event || arguments.callee.caller.arguments[0];
          let result = prompt('请输入你需要添加的规格,注意可以多填由英文逗号隔开')
          $.get('/admin/saveNormsType' , {value:result} , res =>{
              $(e).parent().find('.deleteInput').triggerHandler('click')
              $('.norms_add').triggerHandler('click')
          })
          event.preventDefault()
      }

        function order_del(pid) {
            $(".order"+pid).remove();
        }

        var normsIDArr = [];
        var normsValArr = [];
        var normsTableValArr = [];
        function getNorms(n = 0, val = '',ids='' ) {

            if(n == normsInfoList.length) { // 规格遍历底层 即为所有可能性
//                console.log(s);
                val = val.substr(1, val.length);
                ids = ids.substr(1, ids.length);
                normsIDArr.push(ids.split('>'));
                normsValArr.push(val.split('>'));
                console.log(normsIDArr);
                console.log(normsValArr)
                return;
            }

            for (var i = 0; i < normsInfoList[n].length; i++) {

                if(normsInfoList[n][i]['checked'] == false)
                    continue;
                str = val + '>' + normsInfoList[n][i]['value'] ;
                id = ids + '>' + normsInfoList[n][i]['id'] ;
                getNorms(n + 1,str,id);

            }

        }

        function getTable() {
            normsTableValArr = [];
            $(".number").each(function (k) {
                normsTableValArr[k] = [];
                normsTableValArr[k]['number'] = $(this).val();
                // normsTableValArr[k]['purchaseprice'] = $(this).parent().parent().find(".purchaseprice").val();
                normsTableValArr[k]['tb_price'] = $(this).parent().parent().find(".tb_price").val();
                normsTableValArr[k]['price'] = $(this).parent().parent().find(".price").val();
                normsTableValArr[k]['saleprice'] = $(this).parent().parent().find(".saleprice").val();

            })
            // console.log(normsTableValArr);
        }

        function normsTable() {

            normsValArr = [];
            normsIDArr = [];

            getNorms();
            // console.log(normsInfoList);
            // console.log(normsValArr);
            // console.log(normsIDArr);
            if(normsInfoList.length > 0 ) {
                var table = '<thead><tr>';
                let sale_unit = $('select[name=sale_unit]').val()
                if(set == '面料企业'){
                    for (var i = 0; i < normsInfoList.length; i++) {
                        table += '<td>' + normsInfoList[i][0]["name"] + '</td>';
                    }
                    $.post(
                        '/admin/getNormsType',
                        { _token :$("input[name=_token]").val(),
                            pid:"3"
                        },
                        function(res){
                            console.log(res)
                        }
                    )


                    let table_td = [ '货号' , '出厂价' , '零售价']
                    for (const tableTdKey in table_td) {
                        table += `<td>${table_td[tableTdKey]}</td>`
                    }
                    table += `<tr/></thead>`

                    table += '<tbody class="info_tbody">';

                    for (var i =0; i < normsValArr.length; i++) {
                        var vals = normsValArr[i].join(',');
                        var ids = normsIDArr[i].join(',');

                        table += '<tr>';
                        for (var j=0; j < normsValArr[i].length; j++) {
                            table += `<td><input onblur="edit(this)" class="layui-input" value="${normsValArr[i][j]}"/></td>`
                        }

                        table += '<input type="hidden" name="normsVal[]" value="'+vals+'" >';
                        table += '<input type="hidden" name="normsID[]" value="'+ids+'" >';
                        table += `<input type="hidden" name="stock_up${i+1}" value="0">`
                        table += `<input type="hidden" name="up${i+1}" value="1">`
                        table += `<input type="hidden" name="prostop${i+1}" value="1">`
                        table += `<input type="hidden" name="dz[]" value="">`
                        table += `<input type="hidden" name="tp_price[]" value="0">`
                        table += `<input type="hidden" name="delay[]" value="">`
                        table += `<input type="hidden" name="period[]" value="">`
                        table += `<input type="hidden" name="freight[]" value="">`
                        table += `<input type="hidden" name="goods_unit[]" value="${sale_unit}">`
                        table += '<td><input type="text" name="number[]" autocomplete="off" class="layui-input number judge_repeat" ></td>';//2
                        // table += '<td><input type="number" name="purchaseprice[]"  autocomplete="off" class="layui-input purchaseprice"></td>';
                        table += '<td><input type="number" name="price[]"  value="0" autocomplete="off" class="layui-input price"></td>';//3
                        table += '<td><input type="number" name="saleprice[]" value="0" autocomplete="off" class="layui-input saleprice"></td>';//4

                    }

                }else{
                    for (var i = 0; i < normsInfoList.length; i++) {
                        table += `<td><input class="layui-input" value="${normsInfoList[i][0]["name"]}" /></td>`
                    }
                    table += '<td>货号</td>';//2
                    // table += '<td>采购价</td>';
                    table += '<td>贴牌价</td>';//3
                    table += '<td>出厂价</td>';//4
                    table += '<td>销售价</td>';//5
                    table += '<td>是否现货</td>';//6
                    table += '<td>上下架</td>';//7
                    table += '<td>停产</td>';//8
                    table += '<td>定制费</td>';//9
                    table += '<td>货期</td>';//10
                    table += '<td>发货周期</td>';//11
                    table += '<td>运费参数</td>';//12
                    table += '<td>销售单位</td>';//13
                    table += '</tr></thead>';
                    // console.log(table);

                    table += '<tbody class="info_tbody">';

                    for (var i =0; i < normsValArr.length; i++) {
                        var vals = normsValArr[i].join(',');
                        var ids = normsIDArr[i].join(',');
                        // console.log(vals);
                        // console.log(ids);

                        table += '<tr>';
                        for (var j=0; j < normsValArr[i].length; j++) {
                            table += '<td>'+normsValArr[i][j]+'</td>';//1
                        }

                        table += '<input type="hidden" name="normsVal[]" value="'+vals+'" >';
                        table += '<input type="hidden" name="normsID[]" value="'+ids+'" >';
                        table += '<td><input type="text" name="number[]" autocomplete="off" class="layui-input number judge_repeat" ></td>';//2
                        // table += '<td><input type="number" name="purchaseprice[]"  autocomplete="off" class="layui-input purchaseprice"></td>';
                        table += '<td><input type="tp_price" name="tp_price[]"   autocomplete="off" class="layui-input tp_price"></td>';//3
                        table += '<td><input type="number" name="price[]"  autocomplete="off" class="layui-input price"></td>';//4
                        table += '<td><input type="number" name="saleprice[]"  autocomplete="off" class="layui-input saleprice"></td>';//5
                        table += '<td>' +
                            '<input type="radio" name="stock_up'+(i+1)+'" value="0" lay-filter="stock_up'+i+'" checked title="0 t定制" >' +
                            '<input type="radio" name="stock_up'+(i+1)+'" value="1" lay-filter="stock_up'+i+'" title="1 t现货" >' +
                            '<input type="radio" name="stock_up'+(i+1)+'" value="2" lay-filter="stock_up'+i+'" title="2 z现货" >' +
                            '<input type="radio" name="stock_up'+(i+1)+'" value="3" lay-filter="stock_up'+i+'" title="3 q定制" >' +
                            '</td>';//6
                        table += '<td><input type="radio" name="up'+(i+1)+'" value="1" lay-filter="up'+i+'" checked title="上架" >' +
                            '<input type="radio" name="up'+(i+1)+'" value="0" lay-filter="up'+i+'" title="下架" >' +
                            '</td>';//7
                        table += '<td><input type="radio" name="prostop'+(i+1)+'" value="1" lay-filter="prostop'+i+'" checked title="不停产" >' +
                            '<input type="radio" name="prostop'+(i+1)+'" value="0" lay-filter="prostop'+i+'" title="停产" >' +
                            '</td>';//8
                        table += '<td><input type="number" name="dz[]" autocomplete="off" class="layui-input" value=""></td>';//9
                        table += '<td><input type="date" name="delay[]" class="layui-input delay" value=""></td>';//10
                        table += '<td><input type="number" name="period[]" class="layui-input" value=""></td>';//11
                        table += '<td><input type="number" name="freight[]" class="layui-input" value=""></td>';//12
                        table += '<td><select name="goods_unit[]">'+unit+'</select></td>';//13
                        table += '</tr>';

                    }
                }


                table += '</tbody>';

            } else {

                table = '';
            }

            $("#norms_table").html(table);
            $("#norms_table").parent().show();
            var normorLenth = $('.normsadd').find('.norms_row').length;//获取表格有几个tr
            var cols = [];
            //将数组里的填充进去
            for (var i=0;i<normorLenth; i++) {
                cols[i] = i;
            }
            //console.log(cols);
            $('.mergeTable').tablesMergeCell({
                cols: cols//动态添加数组从123开始
            });

            form.render('radio');
            form.render('select');

            //判重
            $('.judge_repeat').change(function () {
                //货号填了，价格必填
                var _val = $(this).val();

                var per = $(this).parent().parent();
                if(_val != ''){
                    per.find('.tp_price').attr('lay-verify','required');
                    per.find('.price').attr('lay-verify','required');
                    per.find('.saleprice').attr('lay-verify','required');
                    moveRepeat($(this));
                } else {
                    per.find('.tp_price').attr('lay-verify','required');
                    per.find('.price').attr('lay-verify','');
                    per.find('.saleprice').attr('lay-verify','');
                }
            });

        }




      function addTr(){
          $.post(
              "/admin/getNormsType",
              {
                  'pid': "3",
                  '_token': $("input[name=_token]").val()
              })
            let e = window.event || arguments.callee.caller.arguments[0];
            let table_html = $('#norms_table').html();
            if(table_html.length === 0 ){
                // 表格里面没数据
                let th_head = ['默认' , '货号' , '出厂价' ,'零售价']
                let table = "<thead><tr>"
                for (const thKey in th_head) {
                    table += `<th>${th_head[thKey]}</th>`
                }
                table += "</tr></thead>"
                table += `<tbody class="info_tbody">`
                table += `<tr>`
                table += `
                    <td><input type="text" onblur="edit(this)" class="layui-input"></td>
                    <input type="hidden" name="normsVal[]" value="坯布">
                    <input type="hidden" name="normsID[]" value="3">
                    <td><input type="text" name="number[]" class="layui-input number judge_repeat"></td>
                    <td><input type="number" name="tp_price[]" class="layui-input tp_price"></td>
                    <td><input type="number" name="price[]" class="layui-input price"></td>
                `
                table += `</tr>`
                table += `</tbdoy>`
                $("#norms_table").html(table)
                $("#norms_table").parent().show()
            }else{
                // 表格有数据
                let tbody = document.querySelector('.info_tbody')
                let tr = document.createElement('tr')
                tr.innerHTML = `
                    <td><input type="text" onblur="edit(this)" class="layui-input"></td>
                    <input type="hidden" name="normsVal[]" value="坯布">
                    <input type="hidden" name="normsID[]" value="3">
                    <td><input type="text" name="number[]" class="layui-input number judge_repeat"></td>
                    <td><input type="number" name="tp_price[]" class="layui-input tp_price"></td>
                    <td><input type="number" name="price[]" class="layui-input price"></td>
                `
                tbody.appendChild(tr)
            }
          $('.judge_repeat').change(function () {
              //货号填了，价格必填
              var _val = $(this).val();

              var per = $(this).parent().parent();
              if(_val != ''){
                  per.find('.tp_price').attr('lay-verify','required');
                  per.find('.price').attr('lay-verify','required');
                  per.find('.saleprice').attr('lay-verify','required');
                  moveRepeat($(this));
              } else {
                  per.find('.tp_price').attr('lay-verify','required');
                  per.find('.price').attr('lay-verify','');
                  per.find('.saleprice').attr('lay-verify','');
              }
          })
            e.preventDefault()
      }

      function edit (e){
            let value = e.value
            $.get('/admin/saveNormsType', {value} , res =>{
                console.log(res)
            })
        }


        //判断货号只输入数字或英文


        /** 附图上传 */
        function uploadImage(classname, classimg, classhidden) {


            var loadIndex = ''; //打开加载loading
            var uploadInst = upload.render({
                elem: classname //绑定元素
                , url: '/admin/upload' //上传接口
                ,size: 2048
                , data: {
                    '_token': $("input[name=_token]").val(),
                    'type': '',                              // 上传文件夹 默认上传地址enterprise
                    'icon': $(classhidden).val(),            // 上传的图片路径（重新上传时删除原图）
                    'thumb': 0                           // 1 ，开启缩略图，0, 不开启
                }
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                    obj.preview(function (index, file, result) {
                        $(classimg).attr('src', result); //图片链接（base64）
                        $(classimg).show();
                    });
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    // console.log(res);
                    $(classimg).next('.dn').show();//删除按钮出现
                    layer.close(loadIndex); //关闭加载loading
                    if (res.status == 1) {
                        $(classname).parent().children('.layui-upload-list').removeClass('dn');
                        $(classimg).parent().attr("href","/"+res.data.filename); //lightbox
                        layer.msg(res.msg, {icon: 6, time: 1000});
                        $(classhidden).val(res.data.filename);
                        $(classname).addClass("x-disable");
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });
            return uploadInst;
        }

        /*删除主图或者附图*/
        function removeImg(className, className150 = '', className400 = '', className800 = '') {
            var url = "/admin/picDelete?path="+$('input[name='+className+']').val();
            if(className150)
                url += "&thumb150="+$('input[name='+className150+']').val();
            if(className400)
                url += "&thumb400="+$('input[name='+className400+']').val();
            if(className800)
                url += "&thumb800="+$('input[name='+className800+']').val();

            layer.confirm('确认要删除吗？',function(index){ //删除服务器上的图片
                $.get(url, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        $('input[name='+className+']').val(""); // 删除input 图片路径

                        // 恢复选择图片按钮 可点击
                        var btn = $('input[name='+className+']').parent().children("button");
                        btn.removeClass("x-disable");

                        //视图移除图片
                        var pic =$('input[name='+className+']').parent().children('.layui-upload-list');
                        pic.addClass('dn');
                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000});

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }

        /*删除详解图*/
        function detail_icon(cnt) {
            var url = "/admin/picDelete?path="+$(".detail_input"+cnt).val();

            layer.confirm('确认要删除吗？',function(index){
                $.get(url, function (res) { //删除服务器上的图片
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //移除视图图片
                        $(".detail_img"+cnt).remove();
                        $(".detail_input"+cnt).remove();
                        $(".detail_i"+cnt).remove();

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000});

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }


        /*删除详解图*/
        function pre_detail_icon(cnt) {
            var url = "/admin/picDelete?path="+$(".pre_detail_input"+cnt).val();

            layer.confirm('确认要删除吗？',function(index){
                $.get(url, function (res) { //删除服务器上的图片
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //移除视图图片
                        $(".pre_detail_img"+cnt).remove();
                        $(".pre_detail_input"+cnt).remove();
                        $(".pre_detail_i"+cnt).remove();

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000});

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }


        //关联产品
        //input
        $('.relation_pro_name').change(function () {
            var text =$('input[name=relation_pro_name]').val();
                if(text != ''){
                    relation_add(text);
                    $('input[name=relation_pro_name]').attr('value','');
                }
        });
        function relation_add (){
            var id =$('input[name=relation_pro_name]').val();
            var lg = $('.tb_relation').find('tr').length;
            var nameArr = []; // 定义一个空数组
            var cargoVal = $('.tb_relation').find(".proName"); // 获取所有铺好的关联产品
            for (var i = 0; i < cargoVal.length; i++) {
                var _cargoVal = cargoVal.eq(i).text();
                nameArr.push(_cargoVal); // 将货号的值添加到数组中
            }
            //console.log(nameArr);
            // 关联产品判重
            if(lg >= 1){
                for(var i=0; i<nameArr.length; i++) {
                    if( id == nameArr[i]) {
                        layer.msg('关联产品重复');
                        $('input[name=relation_pro_name]').css('borderColor','red');
                        setTimeout(function(){
                            $('input[name=relation_pro_name]').css('borderColor','#e6e6e6');
                        },2000);
                        return;
                    }
                }
            }
            var gid = -1;
            layer.confirm('确认要插入吗？',function(index){
                $.get("/admin/related/"+id+"/"+gid, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            var id = $(".relation_pro_name").val();
                            //console.log(pro_id);
                            var html = "";
                            html +=  "<tr>"
                            html += "<td>"+res.data+"</td>"
                            html += "<td class='proName'>"+id+"</td>"
                            html += '<td><input type="button" class="layui-btn layui-btn-primary" onclick="relation_del(this)" value="删除"></td>'
                            html += '<input type="hidden" name="related_id[]" value='+res.data+'>'
                            html += "</tr>" ;
                            $(".tb_relation").append(html);
                            $('input[name=relation_pro_name]').attr('value','');
                        });

                    } else {
                        layer.alert(res.msg, {icon: 5});
                        $('input[name=relation_pro_name]').focus();
                    }
                });
            });
        };

        function relation_del (e) {
            layer.confirm('确认要删除吗？',function(index){
                //捉到所有被选中的，发异步进行删除
                layer.msg('删除成功', {icon: 1});
                $(e).parent('td').parent('tr').remove();
            });
        }

        // 自动编号
        function autonumber () {

            var pid = $("select[name=pid]").val();
            if(!pid) {
                layer.alert('需要选择类目', {icon: 5});
                $("select[name=pid]").focus();
                return;
            }
            var numbercnt = $("input[name='number[]']");
            var numberlen = numbercnt.length
            if(numberlen == 0) {
                layer.alert('需要选择货号规格', {icon: 5});
                $(".norms_add_select").focus();
                return;
            }

            var loadIndex = layer.load(); //上传loading
            $.post("/admin/autonumber", {

                '_token': $("input[name=_token]").val(),
                'pid': pid,
                'cnt': numberlen,

            }, function (res) {

                layer.close(loadIndex); //关闭加载loading
                //发异步，把数据提交给php
                if (res.status == 1) {

                    numbercnt.each(function (k) {
                        $(this).val(res.data[k])
                        // console.log(res.data[k]);
                    });

                } else {
                    layer.alert(res.msg, {icon: 5});
                }

            }, "json");
        }



    </script>
@endsection