右侧滑动，选择插入数据

create.blade.php

<link rel="stylesheet" href="{
   { \Illuminate\Support\Facades\URL::asset('common/common.css') }}">
<link rel="stylesheet" href="{
   { \Illuminate\Support\Facades\URL::asset('vendor/right-huadong/css/style.css') }}">
<style>
    .exploit .form-group{
   
        margin-bottom: 0px;
    }
    .width081{
   
        width: 10.207% !important;
    }
    .width919{
   
        width: 89.7% !important;
    }
    .contactusdiyou{
   width: 330px;}
    .contactusdiyou .conter{
   width: 300px;margin-top: 200px;}
    .units_title_row div{
   border: 1px solid #eaeaea;padding: 5px 10px;font-weight: 700;min-height: 40px}
    .units_body_box .tr div{
   border: 1px solid #eaeaea;padding: 5px 10px;height: 50px}
    .thumbnail{
   margin-bottom: 0;max-height: 28px}
</style>
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{
   {
    $error }}</li>
            @endforeach
        </ul>

    </div>
@endif
<div class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="box box-info">
                <form action="/admin/units/units_compute_operate" method="post" accept-charset="UTF-8" class="form-horizontal" pjax-container>
                    <div class="box-body" style="padding-bottom: 0;">
                        <div class="fields-group">
                            <div class="col-md-10">
                                <div class="panel panel-default" style="margin-bottom: 10px">
                                    <div class="panel-heading">工序分科表</div>
                                    
                                    <input type="hidden" value="@if(isset($data)){!! $data->id !!}@endif" name="id">

                                    <div class="panel-body">
                                        <div class="form-group">
                                            <div class="col-md-3">
                                                <label for="supplier" class="col-sm-5 control-label asterisk">{
   {
    __('supplier') }}:</label>
                                                <div class="col-sm-7">
                                                    <select class="form-control supplier" id="supplier" name="supplier" required="1">
                                                        <option value="" >请选择</option>
                                                        @foreach(supplier_config() as $k => $v)
                                                            <option value="{!! $k !!}" @if(isset($data) && $data->supplier == $k ) selected @endif>{
   !! $v !!}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            {
   {
   --  unit_factory工厂 --}}
                                            <div class="col-md-3">
                                                <label for="unit_factory" class="col-sm-5 control-label asterisk">{
   {
    __('unit_factory') }}:</label>
                                                <div class="col-sm-7">
                                                    <select class="form-control unit_factory" id="unit_factory" name="unit_factory" required="1">
                                                        <option value="" >请选择</option>
                                                        @foreach(unit_config() as $k => $v)
                                                            <option value="{!! $k !!}" @if(isset($data) && $data->unit_factory == $k ) selected @endif>{
   !! $v !!}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            {
   {
   --  品类cate_id --}}
                                            <div class="col-md-3">
                                                <label for="cate_id" class="col-sm-5 asterisk control-label">{
   {
    __('cate_name') }}:</label>
                                                <div class="col-sm-7">
                                                    <select class="form-control cate_id" id="cate_id" name="cate_id" required="1" onchange="changeCate(this)">
                                                        <option value="" >请选择 品类</option>
                                                        @foreach($cate as $k => $v)
                                                            <option value="{!!   $k !!}" @if(isset($data) && $data->cate_id == $k ) selected @endif>{
   !! $v !!}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            {
   {
   --  品名place_id --}}
                                            <div class="col-md-3">
                                                <label for="place_id" class="col-sm-5 asterisk control-label">{
   {
    __('place_name') }}:</label>
                                                <div class="col-sm-7">
                                                    <select class="form-control place_id" id="place_id" name="place_id">
                                                        <option value="" >请选择 品名</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {
   {
   --  开发款号exploit_no --}}
                                            <div class="col-md-3">
                                                <label for="exploit_no" class="col-sm-5 control-label asterisk">{
   {
    __('exploit_no') }}:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->exploit_no !!}@endif" type="text" name="exploit_no" class="form-control" placeholder="输入 {
   { __('exploit_no') }}" required="1" />
                                                </div>
                                            </div>
                                            {
   {
   --  款名style_name --}}
                                            <div class="col-md-3">
                                                <label for="style_name" class="col-sm-5 control-label asterisk">{
   {
    __('style_name') }}:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->style_name !!}@endif" type="text" name="style_name" class="form-control" placeholder="输入 {
   { __('style_name') }}" required="1" />
                                                </div>
                                            </div>
                                            {
   {
   --  订单号order_no --}}
                                            <div class="col-md-3">
                                                <label for="order_no" class="col-sm-5 control-label asterisk">{
   {
    __('order_no') }}:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->order_no !!}@endif" type="text" name="order_no" class="form-control" placeholder="输入 {
   { __('order_no') }}" required="1" />
                                                </div>
                                            </div>
                                            {
   {
   -- 订单客户client_id --}}
                                            <div class="col-md-3">
                                                <label for="client_id" class="col-sm-5 control-label">{
   {
    __('client_name') }}:</label>
                                                <div class="col-sm-7">
                                                    <select class="form-control client_id" id="client_id" name="client_id">
                                                        <option value="" >请选择</option>
                                                        @foreach($client as $k => $v)
                                                            <option value="{!!   $k !!}" @if(isset($data) && $data->client_id == $k ) selected @endif>{
   !! $v !!}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {
   {
   --  班组日产量line_output --}}
                                            <div class="col-md-3">
                                                <label for="line_output" class="col-sm-5 control-label asterisk">{
   {
    __('line_output') }}:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->line_output !!}@endif" type="text" name="line_output"  class="form-control line_output" onkeyup="validationNumber(this,2,true)"  onchange="sewers_list()"  placeholder="输入 {
   { __('line_output') }}" required="1" />
                                                </div>
                                            </div>
                                            {
   {
   --  目标产量planed_tgt --}}
                                            <div class="col-md-3">
                                                <label for="planed_tgt" class="col-sm-5 control-label">{
   {
    __('planed_tgt') }}:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->planed_tgt !!}@endif" type="text" name="planed_tgt" class="form-control planed_tgt" readonly />
                                                </div>
                                            </div>
                                            {
   {
   --  生产效率planed_eff --}}
                                            <div class="col-md-3">
                                                <label for="planed_eff" class="col-sm-5 control-label">{
   {
    __('planed_eff') }}:</label>
                                                <div class="col-sm-7">
                                                    <div class="input-group">
                                                        <input onchange="sewers_list()" value="@if(isset($data)){!! $data->planed_eff !!}@endif" type="text" name="planed_eff" class="form-control planed_eff"  required="1" />
                                                        <span class="input-group-addon clearfix">%</span>
                                                    </div>
                                                </div>
                                            </div>
                                            {
   {
   --  台产psc_sewer --}}
                                            <div class="col-md-3">
                                                <label for="psc_sewer" class="col-sm-5 control-label">{
   {
    __('psc_sewer') }}:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->psc_sewer !!}@endif" type="text" name="psc_sewer" class="form-control psc_sewer" readonly />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {
   {
   --  班组车工人数sewers --}}
                                            <div class="col-md-3">
                                                <label for="sewers" class="col-sm-5 control-label asterisk">{
   {
    __('sewers') }}:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->sewers !!} @else 23 @endif" type="text" name="sewers" class="form-control sewers" onkeyup="validationNumber(this,0,true)"   onchange="sewers_list()" placeholder="输入 {
   { __('sewers') }}" required="1" value="0"/>
                                                </div>
                                            </div>
                                            {
   {
   -- 辅工人数helpers --}}
                                            <div class="col-md-3">
                                                <label for="helpers" class="col-sm-5 control-label asterisk">{
   {
    __('helpers') }}:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->helpers !!} @else 1 @endif"  type="text" name="helpers" class="form-control helpers" onkeyup="validationNumber(this,0,true)"   onchange="sewers_list()" placeholder="输入 {
   { __('helpers') }}" required="1" value="0"/>
                                                </div>
                                            </div>
                                            {
   {
   -- 烫工人数lroners --}}
                                            <div class="col-md-3">
                                                <label for="lroners" class="col-sm-5 control-label asterisk">{
   {
    __('lroners') }}:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->lroners !!} @else 1 @endif" type="text" name="lroners" class="form-control lroners" onkeyup="validationNumber(this,0,true)"   onchange="sewers_list()" placeholder="输入 {
   { __('lroners') }}" required="1" value="0"/>
                                                </div>
                                            </div>
                                            {
   {
   --班组总人数group_sum--}}
                                            <div class="col-md-3">
                                                <label for="total_people" class="col-sm-5 control-label asterisk">总人数:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->group_sum !!}@endif" type="text" name="group_sum" class="form-control total_people" readonly />
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {
   {
   --  国家地区country_id --}}
                                            <div class="col-md-3">
                                                <label for="country_id" class="col-sm-5 control-label asterisk">{
   {
    __('country_name') }}:</label>
                                                <div class="col-sm-7">
                                                    <select class="form-control country" id="country" name="country_id" onchange="sewers_list()" required="1">
                                                        <option value="" >请选择 国家</option>
                                                        @foreach(ob_country() as $k => $v)
                                                            <option value="{!!   $k !!}" @if(isset($data) && $data->country_id == $k ) selected @endif>{
   !! $v !!}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            {
   {
   --  工作小时workn_hr --}}
                                            <div class="col-md-3">
                                                <label for="workn_hr" class="col-sm-5 control-label">{
   {
    __('workn_hr') }}:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->workn_hr !!}@endif" type="text" name="workn_hr" class="form-control workn_hr" readonly />
                                                </div>
                                            </div>
                                            {
   {
   --标准工时sewing_sam--}}
                                            <div class="col-md-3">
                                                <label for="sewing_sam" class="col-sm-5 control-label">标准工时:</label>
                                                <div class="col-sm-7">
                                                    <div class="input-group">
                                                        <input value="@if(isset($data)){!! $data->sewing_sam !!}@endif" type="text" name="sewing_sam" class="form-control sewing_sam" readonly />
                                                        <span class="input-group-addon clearfix">分</span>
                                                    </div>
                                                </div>
                                            </div>
                                            {
   {
   --面料类型 0-针织 1-梭织fabric_type--}}
                                            <div class="col-md-3">
                                                <label for="fabric_type" class="col-sm-5 control-label asterisk">{
   {
    __('fabric_type') }}:</label>
                                                <div class="col-sm-7">
                                                    <select class="form-control fabric_type" id="fabric_type" name="fabric_type" required="1">
                                                        <option value="" >请选择</option>
                                                        @foreach(fabric_type() as $k => $v)
                                                            <option value="{!!   $k !!}" @if(isset($data) && $data->fabric_type == $k ) selected @endif>{
   !! $v !!}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {
   {
   --  订单数量quantity --}}
                                            <div class="col-md-3">
                                                <label for="quantity" class="col-sm-5 control-label asterisk">{
   {
    __('quantity') }}:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->quantity !!}@endif" type="text" name="quantity" class="form-control quantity" required="1" onkeyup="validationNumber(this,0,true)"  value="0"/>
                                                </div>
                                            </div>
                                            {
   {
   --  类型flag --}}
                                            <!-- <div class="col-md-3">
                                                <label for="flag" class="col-sm-5 control-label asterisk">{
   {
    __('flag') }}:</label>
                                                <div class="col-sm-7">
                                                    <select class="form-control flag" id="flag" name="flag" required="1">
                                                        <option value="" >请选择 类型</option>
                                                        @foreach(units_type() as $k => $v)
                                                            <option value="{!!   $k !!}" @if(isset($data) && $data->flag == $k ) selected @endif>{
   !! $v !!}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div> -->
                                            {
   {
   -- 关键词keyword --}}
                                            <div class="col-md-3">
                                                <label for="keyword" class="col-sm-5 control-label">关键字:</label>
                                                <div class="col-sm-7">
                                                    <input type="text" name="keyword" class="form-control" placeholder="输入 {
   { __('关键词') }}" value="@if(isset($data)){!! $data->keyword !!}@endif" />
                                                </div>
                                            </div>
                                            {
   {
   -- 大货款号large_no --}}
                                            <div class="col-md-3">
                                                <label for="large_no" class="col-sm-5 control-label">大货款号:</label>
                                                <div class="col-sm-7">
                                                    <input type="text" name="large_no" class="form-control" placeholder="输入 {
   { __('大货款号') }}" value="@if(isset($data)){!! $data->large_no !!}@endif" />
                                                </div>
                                            </div>
                                            {
   {
   -- 色组名称color_name --}}
                                            <div class="col-md-3">
                                                <label for="color_name" class="col-sm-5 control-label asterisk">色组名称:</label>
                                                <div class="col-sm-7">
                                                    <input type="text" name="color_name" class="form-control" placeholder="输入 {
   { __('色组名称') }}" value="@if(isset($data)){!! $data->color_name !!}@endif" required="1" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {
   {
   --  版本号version_no --}}
                                            <div class="col-md-3">
                                                <label for="version_no" class="col-sm-5 control-label asterisk">版本号:</label>
                                                <div class="col-sm-7">
                                                    <input value="@if(isset($data)){!! $data->version_no !!} @else A @endif" type="text" name="version_no" class="form-control version_no" required="1"/>
                                                </div>
                                            </div>
                                        </div>
                                        {
   {
   -- 缝制备注sewing_remark --}}
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                <label for="sewing_remark" class="control-label col-sm-4 width081" >{
   {
    __('sewing_remark') }}:</label>
                                                <div class="col-sm-9 width919">
                                                    <textarea name="sewing_remark" class="form-control" rows="2"  placeholder="{
   { __('sewing_remark') }}">@if(isset($data)){
   !! $data->sewing_remark !!}@endif</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- 款式图 -->
                            <div class="col-md-2">
                                <div class="panel panel-default">
                                    <div class="panel-heading">款式图</div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <img src="@if(isset($data)){!! $data->pictures !!}@else /default.png @endif" alt="" class="img picture_box img-thumbnail">
                                                <div class="col-md-6">
                                                    <div id="txtContentf" contenteditable="true" class="upload-preview  btn btn btn-primary form-control" title="右键点击粘帖" style="margin-bottom: 15px">右键粘帖</div>
                                                    <input type="hidden" value="@if(isset($data)){!! $data->pictures !!}@else /default.png @endif" name="pictures"  class="pictures">
                                                </div>
                                                <div class="col-md-6">
                                                    <a href="javascript:;" id="uploadImgF" class="upload-preview btn btn btn-primary form-control" >选择文件
                                                        <input type="file" name="pictures_file" id="uploadImgFFile" style="position: absolute;right: 0;top: 0;opacity: 0;width: 100%;">
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {
   {
   -- 部件工序明细 Strat --}}
                    <div class="box-body" style="padding-top: 0;background: #fff;">
                        <div class="col-md-12">
                            <div id="has-many-extra" style="overflow:auto;width:100%">
                                <table class="table table-has-many has-many-extra"  style="overflow:auto;width:100%">
                                    <thead>
                                        <tr>
                                            <th>部件</th>
                                            <th>工序明细</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody class="has-many-extra-forms units_body_box">
                                    </tbody>
                                    {
   {
   -- 部件模板 --}}
                                    <template class="extra-units_header">
                                        <tr class="init_units_bj___UNITS_KEYS">
                                            
                                            <input type="hidden" class="form-control units_id___UNITS_KEYS" name="extra[units___UNITS_KEYS][id]">

                                            <td colspan="1" class="init_units_rows___UNITS_KEYS" style="line-height: 50px;">
                                                <input type="text" class="form-control units_header_name___UNITS_KEYS" name="extra[units___UNITS_KEYS][units_name]" required="1">
                                                <input type="button" class="form-control units_button___UNITS_KEYS btn btn-sm btn-primary" name="extra[units___UNITS_KEYS][button]" onclick="addPubUnits(__UNITS_KEYS)" value="新增部件" style="width:30%;" required="1">
                                            </td>
                                            <td style="padding: 0">
                                                <table class="table table-has-many has-many-extra init_units_bj___UNITS_KEYS" style="margin: 0">
                                                    <tbody class="has-many-extra-forms units_rows___UNITS_KEYS_list">
                                                    </tbody>
                                                </table>
                                            </td>

                                            <td>
                                                <a href="javascript:void(0);"  onclick="unitsRowDelete(__UNITS_KEYS)" title="删除部件">
                                                    <i class="fa fa-trash"></i>
                                                </a>
                                                <a href="javascript:void(0);"  onclick="unitsRowAdd(__UNITS_KEYS)" title="新增工序">
                                                    <i class="fa fa-plus"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    </template>
                                    <template class="extra-tpl">
                                        <tr class="init_units_row___LA_KEY__ init_units_bj___UNITS_KEYS">
                                            <td class="col-md-6">
                                                <select class="form-control list_process___LA_KEY__"  style="width: 100%" name="extra[units___UNITS_KEYS][list][list___LA_KEY__][process]" required="1" onchange="processChange(this,__LA_KEY__,__UNITS_KEYS)">
                                                    <option value="">请选择2</option>
                                                    @foreach($process as $k => $v)
                                                        <option value="{
   { $v['id'] }}" type="{
   { $v['type']['name'] }}" sam="{
   { $v['sam'] }}">{
   {
    $v['name'] }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            {
   {
   -- 设备 --}}
                                            <td class="col-md-1">
                                                <span class="list_eqpt___LA_KEY__"></span>
                                            </td>

                                            {
   {
   -- 设备更新id --}}
                                                <input type="hidden" class="list_id___LA_KEY__" name="extra[units___UNITS_KEYS][list][list___LA_KEY__][id]"/>
                                            {
   {
   -- 标准工时 --}}
                                            <td class="col-md-1">
                                                <input type="text" class="form-control list_sam___LA_KEY__" name="extra[units___UNITS_KEYS][list][list___LA_KEY__][sam]" required="1" readonly>
                                            </td>
                                            {
   {
   -- 备注 --}}
                                            <td class="col-md-3">
                                                <textarea class="form-control" name="extra[units___UNITS_KEYS][list][list___LA_KEY__][remark]" id="" cols="50" rows="2"></textarea>
                                            </td>
                                            <td class="col-md-1">
                                                <a href="javascript:void(0);"  onclick="listDelete(__LA_KEY__,__UNITS_KEYS)" title="删除行">
                                                    <i class="fa fa-trash"></i>
                                                </a>
                                                <input type="hidden" class="list_video___LA_KEY__">
                                            </td>
                                        </tr>
                                    </template>
                                    <template class="extra-tpl-add">
                                        <tr class="init_units_row___LA_KEY__">
                                            <td class="col-md-6">
                                                <select class="form-control list_process___LA_KEY__"  style="width: 100%" name="extra[units___UNITS_KEYS][list][list___LA_KEY__][process]" required="1" onchange="processChange(this,__LA_KEY__)">
                                                    <option value="">请选择</option>
                                                    @foreach($process as $k => $v)
                                                        <option value="{
   { $v['id'] }}" type="{
   { $v['type'] }}" sam="{
   { $v['sam'] }}">{
   {
    $v['name'] }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td class="col-md-1"><span class="list_eqpt___LA_KEY__"></span></td>
                                            <td class="col-md-1">
                                                <input type="text" class="form-control list_sam___LA_KEY__" name="extra[units___UNITS_KEYS][list][list___LA_KEY__][sam]" required="1" readonly>
                                            </td>
                                            <td class="col-md-3"><textarea class="form-control" name="extra[units___UNITS_KEYS][list][list___LA_KEY__][remark]" id="" cols="50" rows="2"></textarea></td>
                                            <td class="col-md-1">
                                                <a href="javascript:void(0);"  onclick="listDelete(__LA_KEY__,__UNITS_KEYS)" title="删除行">
                                                    <i class="fa fa-trash"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    </template>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- /.box-body -->
                    <div class="box-footer">
                        <input type="hidden" name="_token" class="_token" value="{
   { csrf_token() }}">
                        <div class="col-md-2">
                            <input type="hidden" value="0" class="status" name="status">
                        </div>
                        <div class="col-md-8">
                            <div class="btn-group pull-left" style="margin-right: 10px">
                                <button type="submit" class="btn btn-primary submit" value="1" >提交</button>
                            </div>
                            <div class="btn-group pull-left"  style="margin-right: 10px">
                                <a href="javascript:history.go(-1)" class="btn btn-primary">返回</a>
                            </div>
                        </div>
                    </div>
                    <!-- /.box-footer -->
                </form>
            </div>
            <!-- TODO 右侧滑动  -->
             <div style="right: 0px;" class="contactusdiyou">
                <div class="hoverbtn quoteClass" style="margin-top:-200px;background: #78b5d8;">
                    <span>款</span>  
                    <span>式</span>
                    <span>引</span>
                    <span>用</span>
                </div>
                <div class="hoverbtn defaultClass">
                    <span>组</span>  
                    <span>件</span>
                    <span>部</span>
                    <span>件</span>
                </div> 
                <div class="conter">
                    <form class="form-horizontal" id="form">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="box-body">
                                    <div class="fields-group">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label"> 名称</label>
                                            <div class="col-sm-8">
                                                <div class="input-group input-group">
                                                    <input type="text" name="name" class="form-control se