Files
orico-official-website-old/app/admin/view/product/add_sku.html
2024-10-29 14:04:59 +08:00

129 lines
8.8 KiB
HTML
Executable File

<!-- Select2 -->
<link rel="stylesheet" href="__PUBLIC__/adminlte/bower_components/select2/dist/css/select2.min.css">
<style>
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #d2d6de;
border-radius: 0;
}
.select2-container .select2-selection--single{height:34px;}
ul, li{list-style: none;}
</style>
<!-- Select2 -->
<script src="__PUBLIC__/adminlte/bower_components/select2/dist/js/select2.full.min.js"></script>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
编辑sku
</h1>
<ol class="breadcrumb">
<li><a href="<?php echo url('/admin');?>"><i class="fa fa-dashboard"></i> 首页</a></li>
<li><a href="<?php echo url('/admin/product/lists');?>"> 产品列表</a></li>
<li class="active"> 产品</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-md-10">
<form class="form-horizontal" action="<?php echo url('/admin/product/update_sku');?>" method="post" name="productform">
<div class="nav-tabs-custom">
<div class="tab-content" style="overflow: hidden;">
<?php if (!empty($sku_list)): ?>
<div>
<div class="col-sm-12 table">
<ul class="col-sm-12" style="text-align: center; font-size: 12px; font-weight: 600">
<li class="col-sm-2">SKU</li>
<li class="col-sm-2">功能/版本</li>
<li class="col-sm-2">接口</li>
<li class="col-sm-1">颜色</li>
<li class="col-sm-1">长度</li>
<li class="col-sm-2">安规</li>
<li class="col-sm-1">包装</li>
<li class="col-sm-1"></li>
</ul>
<?php foreach($sku_list as $key => $value): ?>
<ul class="form-group col-sm-12">
<li class="col-sm-2" style="padding-right: 5px"><input type="text" class="form-control" name="sku[]" value="<?php echo $value['sku']; ?>"></li>
<li class="col-sm-2" style="padding-right: 5px"><input type="text" class="form-control" name="version[]" value="<?php echo $value['version']; ?>"></li>
<li class="col-sm-2" style="padding-right: 5px"><input type="text" class="form-control" name="interface[]" value="<?php echo $value['interface']; ?>"></li>
<li class="col-sm-1" style="padding-right: 5px"><input type="text" class="form-control" name="color[]" value="<?php echo $value['color']; ?>"></li>
<li class="col-sm-1" style="padding-right: 5px"><input type="text" class="form-control" name="length[]" value="<?php echo $value['length']; ?>"></li>
<li class="col-sm-2" style="padding-right: 5px"><input type="text" class="form-control" name="regulatory[]" value="<?php echo $value['regulatory']; ?>"></li>
<li class="col-sm-1" style="padding-right: 5px"><input type="text" class="form-control" name="package[]" value="<?php echo $value['package']; ?>"></li>
<?php if ($key == 0): ?>
<li class="col-sm-1" ><input type="button" class="add_item" value="+" style="background-color: #00B2EE;width: 30px;"></li>
<?php else: ?>
<li class="col-sm-1" ><input type="button" class="del_item" value="-" style="background-color: #EE0000;width: 30px;"></li>
<?php endif; ?>
</ul>
<?php endforeach; ?>
</div>
</div>
<?php else: ?>
<div>
<div class="col-sm-12 table">
<ul class="col-sm-12" style="text-align: center; font-size: 12px; font-weight: 600">
<li class="col-sm-2">SKU</li>
<li class="col-sm-2">功能/版本</li>
<li class="col-sm-2">接口</li>
<li class="col-sm-1">颜色</li>
<li class="col-sm-1">长度</li>
<li class="col-sm-2">安规</li>
<li class="col-sm-1">包装</li>
<li class="col-sm-1"></li>
</ul>
<ul class="form-group col-sm-12">
<li class="col-sm-2" style="padding-right: 5px"><input type="text" class="form-control" name="sku[]"></li>
<li class="col-sm-2" style="padding-right: 5px"><input type="text" class="form-control" name="version[]"></li>
<li class="col-sm-2" style="padding-right: 5px"><input type="text" class="form-control" name="interface[]"></li>
<li class="col-sm-1" style="padding-right: 5px"><input type="text" class="form-control" name="color[]"></li>
<li class="col-sm-1" style="padding-right: 5px"><input type="text" class="form-control" name="length[]"></li>
<li class="col-sm-2" style="padding-right: 5px"><input type="text" class="form-control" name="regulatory[]"></li>
<li class="col-sm-1" style="padding-right: 5px"><input type="text" class="form-control" name="package[]"></li>
<li class="col-sm-1" ><input type="button" class="add_item" value="+" style="background-color: #00B2EE;width: 30px;"></li>
</ul>
</div>
</div>
<?php endif; ?>
</div>
</div>
<!-- /.tab-content -->
<div class="nav-footer row">
<input name="id" value="<?php echo $product_id;?>" type="hidden">
<div class="col-sm-2 col-sm-offset-2">
<p><button id="reset-btn" type="button" class="btn btn-warning btn-block">重置</button></p>
</div>
<div class="col-sm-2">
<p><button id="submit-btn" type="submit" class="btn btn-danger btn-block">提交</button></p>
</div>
<!-- /. row -->
</div>
</form>
</div>
<!-- /.nav-tabs-custom -->
</div>
</div>
</section>
<!-- /.content -->
</div>
<script type="text/javascript">
$(document).on('click', '.add_item', function () {
/* var html = '<div class="active tab-pane"><label class="col-sm-2 control-label"></label><div class="form-group" ><div class="col-sm-3" style="display: flex;"><input type="text" class="form-control" name="sku[]" class="sku"><input type="button" class="del_item" value="-" style="background-color: #EE0000;width: 30px;"></div></div></div>';*/
var html = '<ul class="form-group col-sm-12 tab-pane"><li class="col-sm-2" style="padding-right: 5px"><input type="text" class="form-control" name="sku[]"></li><li class="col-sm-2" style="padding-right: 5px"><input type="text" class="form-control" name="version[]"></li><li class="col-sm-2" style="padding-right: 5px"><input type="text" class="form-control" name="interface[]"></li><li class="col-sm-1" style="padding-right: 5px"><input type="text" class="form-control" name="color[]"></li><li class="col-sm-1" style="padding-right: 5px"><input type="text" class="form-control" name="length[]"></li><li class="col-sm-2" style="padding-right: 5px"><input type="text" class="form-control" name="regulatory[]"></li><li class="col-sm-1" style="padding-right: 5px"><input type="text" class="form-control" name="package[]"></li><li class="col-sm-1" ><input type="button" class="del_item" value="-" style="background-color: #EE0000;width: 30px;"></li></ul>';
$(".table").append(html);
});
$(document).on('click', '.del_item', function () {
$(this).parents('ul').remove();
});
</script>