You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1012 lines
42 KiB
1012 lines
42 KiB
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport"
|
|
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
|
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
|
|
|
{php}include BASE_PATH."/modules/assets/templates/top.tpl";{/php}
|
|
|
|
{literal}
|
|
<style type="text/css">
|
|
form[name=form1] input{
|
|
margin: 0px;
|
|
}
|
|
.inputC+label{
|
|
width: 50px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
border: none;
|
|
}
|
|
.inputC:checked +label::before{
|
|
display: inline-block;
|
|
}
|
|
|
|
</style>
|
|
<script type="text/javascript">
|
|
function check(f) {
|
|
|
|
if (Trim(f.product_title.value) == "") {
|
|
alert("商品名称不能为空！");
|
|
f.product_title.value = '';
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
</script>
|
|
{/literal}
|
|
|
|
{literal}
|
|
<style type="text/css">
|
|
.input-text, .scinput_s{
|
|
width: 300px;
|
|
}
|
|
.wrap {
|
|
width:60px;
|
|
height:30px;
|
|
background-color:#ccc;
|
|
border-radius:16px;
|
|
position:relative;
|
|
transition:0.3s;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.wrap_box{
|
|
display: none;
|
|
}
|
|
.ra1{
|
|
position: relative;
|
|
width: 70px;
|
|
margin-right: 20px;
|
|
border: 1px solid #eee;
|
|
border-radius: 5px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
float: left;
|
|
}
|
|
.ra1 label{
|
|
height: 30px;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
margin: 0 auto;
|
|
width: 90%;
|
|
left: 6px;
|
|
background: none;
|
|
}
|
|
.ra1 input{
|
|
float: left;
|
|
position: absolute;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
.inputC:checked +label::before{
|
|
top: 8px;
|
|
}
|
|
.formListSD {
|
|
color: #414658;
|
|
}
|
|
|
|
.formContentSD {
|
|
padding: 0;
|
|
padding-top: 10px;
|
|
position: relative;
|
|
}
|
|
|
|
.formTextSD {
|
|
margin-right: 8px;
|
|
width: 11%!important;
|
|
}
|
|
|
|
.formInputSD input,
|
|
.formInputSD select {
|
|
width: 287px;
|
|
}
|
|
|
|
.formInputSD input[type='number'] {
|
|
padding-left: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.formInputSD select,
|
|
.formInputSD select {
|
|
padding-left: 8px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.inputC:checked+label::before {
|
|
top: 8px;
|
|
}
|
|
.switch{
|
|
appearance: none;
|
|
-moz-appearance:button;
|
|
-webkit-appearance: none;
|
|
}
|
|
.switch {
|
|
position: relative;
|
|
margin: 0;
|
|
width: 40PX;
|
|
height: 24PX;
|
|
border: 1PX solid #EBEBF9;
|
|
outline: 0;
|
|
border-radius: 16PX;
|
|
box-sizing: border-box;
|
|
background-color: #EBEBF9;
|
|
-webkit-transition: background-color 0.1s, border 0.1s;
|
|
transition: background-color 0.1s, border 0.1s;
|
|
visibility: inherit !important;
|
|
}
|
|
|
|
.switch:before {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 38PX;
|
|
height: 22PX;
|
|
border-radius: 19PX;
|
|
background-color: #EBEBF9;
|
|
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
|
|
transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
|
|
transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
|
|
}
|
|
|
|
.switch:after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 1px;
|
|
width: 22PX;
|
|
height: 22PX;
|
|
border-radius: 15PX;
|
|
background-color: #FFFFFF;
|
|
/*box-shadow: 0 1PX 3PX rgba(0, 0, 0, 0.4);*/
|
|
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
|
transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
|
transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
|
}
|
|
|
|
.switch:checked{
|
|
background: #00D287;
|
|
border: solid 1px #00D287;
|
|
}
|
|
|
|
.switch:checked:before{
|
|
transform: scale(0);
|
|
}
|
|
|
|
.switch:checked:after{
|
|
transform: translateX(15PX);
|
|
}
|
|
|
|
.blg{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.blg span {
|
|
padding-left: 5px;
|
|
}
|
|
#masks {
|
|
width: 100%;
|
|
height: 100vh;
|
|
position: absolute;
|
|
z-index: 10002;
|
|
background-color: #FFF;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
#masks img {
|
|
width: 50px;
|
|
}
|
|
</style>
|
|
{/literal}
|
|
|
|
<title>添加商品</title>
|
|
</head>
|
|
<body>
|
|
<div id="masks">
|
|
<img src="images/icon1/loads.gif">
|
|
</div>
|
|
|
|
<nav class="breadcrumb">
|
|
商品管理 <span class="c-gray en">></span>
|
|
<a href="index.php?module=product">商品列表</a> <span class="c-gray en">></span>
|
|
发布商品 <span class="c-gray en">></span>
|
|
<a href="javascript:history.go(-1)">返回</a>
|
|
</nav>
|
|
|
|
|
|
<div class="pd-20" id="page">
|
|
<form id="form1" name="form1" action="" class="form form-horizontal" method="post" enctype="multipart/form-data" onsubmit="return check(this);">
|
|
<input type="hidden" name="attribute" class="attribute" id="attribute" value='{$attribute}'/>
|
|
<input type="hidden" name="uploadImg" value="{$uploadImg}"/>
|
|
<input type="hidden" name="attribute_num" class="attribute_num" id="attribute_num" value='{$attribute_num}'/>
|
|
|
|
<div class="row cl">
|
|
<label class="form-label col-2"><span class="c-red">*</span>商品标题：</label>
|
|
<div class="formControls col-4" style="width: 16.8%;">
|
|
<input type="text" class="input-text" value="{$product_title}" placeholder="" id="product_titleId" name="product_title">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row cl">
|
|
<label class="form-label col-2"><span class="c-red"></span>副标题：</label>
|
|
<div class="formControls" style="display: inline-block;">
|
|
<input type="text" class="input-text" value="{$subtitle}" placeholder="" id="subtitleId" name="subtitle">
|
|
|
|
</div>
|
|
<text style="line-height:30px;position: relative;">*简洁表达商品，用来显示在首页商品，避免截取时不能表达是什么商品。</text>
|
|
</div>
|
|
|
|
<div class="row cl">
|
|
<label class="form-label col-2"><span class="c-red">*</span>商品类别：</label>
|
|
<div class="formControls col-2">
|
|
<select name="product_class" id="product_classId" class="select">
|
|
<option selected="selected" value="0">请选择类别</option>
|
|
{$ctype}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row cl">
|
|
<label class="form-label col-2"><span class="c-red">*</span>商品品牌：</label>
|
|
<div class="formControls col-2">
|
|
<select name="brand_class" id="brand_classId" class="select">
|
|
<option selected="selected" value="0">请选择品牌</option>
|
|
{$brand}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row cl">
|
|
<label class="form-label col-2"><span class="c-red">*</span>商品主图：</label>
|
|
<div class="formControls col-xs-8 col-sm-10">
|
|
|
|
{if $image}
|
|
<img id="thumb_url" src='{$image}' style="height:160px;width:160px">
|
|
<input type="hidden" name="oldpic" value="{$image}">
|
|
{else}
|
|
<img id="thumb_url" src='../LKT/images/nopic.jpg' style="height:160px;width:160px">
|
|
<input type="hidden" name="oldpic" value="">
|
|
{/if}
|
|
|
|
<input type="hidden" id="picurl" value="{$image}" name="image" datatype="*" nullmsg="请选择图片"/>
|
|
<button class="btn btn-success" id="image" type="button">选择图片</button>
|
|
|
|
（建议上传160px*160px）
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row cl">
|
|
<label class="form-label col-2">商品展示图：</label>
|
|
|
|
<div class="formControls col-10" style="width: 40%;">
|
|
|
|
<div class="uploader-thum-container">
|
|
<input name="imgurls[]" id="imgurls" multiple='multiple' type="file" style="width:210px;" accept="upload_image/x-png,image/gif,image/jpeg"/>注:最多五张
|
|
</div>
|
|
（建议上传375px*375px）
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row cl" style="display:none">
|
|
<label class="form-label col-2"><span class="c-red">*</span>重量：</label>
|
|
<div class="formControls col-4" style="width: 16.8%;">
|
|
<input type="text" class="input-text" value="{$weight}" placeholder="请填入数字" id="weightId" name="weight">
|
|
</div>
|
|
<text style="line-height:30px;">克</text>
|
|
</div>
|
|
|
|
<div class="formDivSD">
|
|
<div class="formContentSD">
|
|
<div class="formListSD">
|
|
<div class="formTextSD"><span class="must">*</span><span>成本价：</span></div>
|
|
<div class="formInputSD">
|
|
<input type="number" name="initial[cbj]" onkeypress="return noNumbers(event)" min="0" step="0.01" onblur="set_cbj(this);" value="{$initial->cbj}" placeholder="请设置商品的默认成本价" >
|
|
</div>
|
|
</div>
|
|
<div class="formListSD">
|
|
<div class="formTextSD"><span class="must">*</span><span>原价：</span></div>
|
|
<div class="formInputSD"><input type="number" name="initial[yj]" onkeypress="return noNumbers(event)" min="0" step="0.01" onblur="set_yj(this);" value="{$initial->yj}" placeholder="请设置商品的默认原价" ></div>
|
|
</div>
|
|
<div class="formListSD">
|
|
<div class="formTextSD"><span class="must">*</span><span>售价：</span></div>
|
|
<div class="formInputSD"><input type="number" name="initial[sj]" onkeypress="return noNumbers(event)" min="0" step="0.01" onblur="set_sj(this);" value="{$initial->sj}" placeholder="请设置商品的默认售价" ></div>
|
|
</div>
|
|
<div class="formListSD">
|
|
<div class="formTextSD"><span class="must">*</span><span>单位：</span></div>
|
|
|
|
<div class="formInputSD">
|
|
<select name="initial[unit]" class="select " style="width: 300px;" id="unit">
|
|
|
|
{if $initial->unit != ''}
|
|
<option selected="selected" value="{$initial->unit}">{$initial->unit}</option>
|
|
{else}
|
|
<option value="">请选择单位</option>
|
|
<option value="盒">盒</option>
|
|
<option value="篓">篓</option>
|
|
<option value="箱">箱</option>
|
|
<option value="个">个</option>
|
|
<option value="套">套</option>
|
|
<option value="包">包</option>
|
|
<option value="支">支</option>
|
|
<option value="条">条</option>
|
|
<option value="根">根</option>
|
|
<option value="本">本</option>
|
|
<option value="瓶">瓶</option>
|
|
<option value="块">块</option>
|
|
<option value="片">片</option>
|
|
<option value="把">把</option>
|
|
<option value="组">组</option>
|
|
<option value="双">双</option>
|
|
<option value="台">台</option>
|
|
<option value="件">件</option>
|
|
<option value="斤">斤</option>
|
|
{/if}
|
|
|
|
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="formListSD">
|
|
<div class="formTextSD"><span class="must">*</span><span>库存：</span></div>
|
|
<div class="formInputSD">
|
|
<input type="number" name="initial[kucun]" oninput="value=value.replace(/[^\d]/g,'')" min="0" step="1" onblur="set_kucun(this);" value="{$initial->kucun}" placeholder="请设置商品的默认库存" >
|
|
</div>
|
|
</div>
|
|
{literal}
|
|
<!-- 有规格 -->
|
|
<div>
|
|
<div class="arrt_block">
|
|
<div class="formTextSD">属性名称SKU：</div>
|
|
<div class="formInputSD">
|
|
<div class="arrt_flex">
|
|
<div class="arrt_froup">
|
|
<input type="text" class="add-attr-group-input" placeholder="请输入属性名称">
|
|
<a class="add-attr-group-btn arrt_add" href="javascript:" style="display: none;"><span>添加属性</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="arrt_block arrt_two">
|
|
<div class="arrt_width">
|
|
<div v-for="(attr_group,i) in attr_group_list" class="attr-group">
|
|
<div class="attr-list">
|
|
<div class="attr-input-group">
|
|
<div class="attr_input_group" >
|
|
<span class="formTextSD" style="margin: 0px;" >{{attr_group.attr_group_name}}：</span>
|
|
<input type="text" class="add-attr-input add_input formInputSD" ref="input_value" placeholder="请输入属性值" style="margin-left: 8px;padding-left: 10px">
|
|
<a v-bind:index="i" class="add-attr-btn adds_ntn " href="javascript:"><span>添加属性值</span></a>
|
|
<a v-bind:index="i" href="javascript:" class="attr-group-delete dels_btn"><span>删除属性</span></a>
|
|
</div>
|
|
<div class="arrt_bgcolor" style="margin-left: 11%;margin-top:10px">
|
|
<div v-for="(attr,j) in attr_group.attr_list" class="attr_input_group arrt_clear arrt_zi">
|
|
<span>属性值：</span>
|
|
<input class="add-attr-input" :value="attr.attr_name" readonly="readonly" style="margin-left: 8px;padding-left: 10px;background-color: #F8F8F8 !important;">
|
|
<a v-bind:group-index="i" v-bind:index="j" class="attr-delete" href="javascript:">
|
|
<img src="images/iIcon/jh.png" class="form_plus_u" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="arrt_bgcolor arrt_fiv" style="margin-left: 11%;">
|
|
<div v-if="attr_group_list && attr_group_list.length>0">
|
|
<table class="attr-table attr_table">
|
|
<thead>
|
|
<tr>
|
|
<th v-for="(attr_group,i) in attr_group_list" v-if="attr_group.attr_list && attr_group.attr_list.length>0">
|
|
{{attr_group.attr_group_name}}
|
|
</th>
|
|
<th>成本价</th>
|
|
<th>原价</th>
|
|
<th>售价</th>
|
|
<th>库存</th>
|
|
<th>单位</th>
|
|
<th>上传图片</th>
|
|
</tr>
|
|
</thead>
|
|
<tr v-for="(item,index) in checked_attr_list" class="arrt_tr">
|
|
<td v-for="(attr,attr_index) in item.attr_list">
|
|
<input type="hidden" v-bind:name="'attr['+index+'][attr_list]['+attr_index+'][attr_id]'" v-bind:value="attr.attr_id">
|
|
|
|
<input type="hidden" v-bind:name="'attr['+index+'][attr_list]['+attr_index+'][attr_name]'" v-bind:value="attr.attr_name">
|
|
|
|
<input type="hidden" v-bind:name="'attr['+index+'][attr_list]['+attr_index+'][attr_group_name]'" v-bind:value="attr.attr_group_name">
|
|
<span>{{attr.attr_name}}</span>
|
|
</td>
|
|
<td>
|
|
<input class="form-control form-control-sm" type="number" onkeypress="return noNumbers(event)" min="0" step="0.01" v-bind:name="'attr['+index+'][costprice]'" :value="cbj">
|
|
</td>
|
|
<td>
|
|
<input class="form-control form-control-sm" type="number" onkeypress="return noNumbers(event)" min="0" step="0.01" v-bind:name="'attr['+index+'][yprice]'" :value="yj">
|
|
</td>
|
|
<td>
|
|
<input class="form-control form-control-sm" type="number" onkeypress="return noNumbers(event)" min="0" step="0.01" v-bind:name="'attr['+index+'][price]'" :value="sj">
|
|
</td>
|
|
<td>
|
|
<input class="form-control form-control-sm" oninput="value=value.replace(/[^\d]/g,'')" v-bind:name="'attr['+index+'][num]'" :value="kucun" onkeypress="return noNumbers(event)" min="0" step="1">
|
|
</td>
|
|
<td>
|
|
<input class="unit" v-bind:name="'attr['+index+'][unit]'" :value="unit" style="border: 0px;background-color: transparent;" readOnly="readOnly">
|
|
|
|
</td>
|
|
<td>
|
|
<div class="upload-group form_group form_flex">
|
|
<div class="form_attr_img " style="border: 1px solid;
|
|
background-color: black;">
|
|
<input type="hidden" :id="'picurl2'+index" v-bind:name="'attr['+index+'][img]'" datatype="*" nullmsg="请选择图片"/>
|
|
<img src="images/icon1/add_g_t.png" :id="'pic2'+index" class="upload-preview-img form_att select-file" @click="handleImageClick(item,index)" onclick="setTimeoutClick() ">
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/literal}
|
|
</div>
|
|
</div>
|
|
<div class="row cl">
|
|
<label class="form-label col-xs-4 col-sm-2">显示类型：</label>
|
|
<div class="formControls col-xs-8 col-sm-8 skin-minimal">
|
|
|
|
<div class="ra1">
|
|
<input name="s_type[]" type="checkbox" id="sex-1" class="inputC" value="1" {if in_array(1,$s_type)}checked="checked"{/if}>
|
|
<label for="sex-1">新品</label>
|
|
</div>
|
|
|
|
<div class="ra1">
|
|
<input type="checkbox" id="sex-2" name="s_type[]" class="inputC" value="2" {if in_array(2,$s_type)}checked="checked"{/if}>
|
|
<label for="sex-2">热销</label>
|
|
</div>
|
|
|
|
<div class="ra1">
|
|
<input type="checkbox" id="sex-3" name="s_type[]" class="inputC" value="3" {if in_array(3,$s_type)}checked="checked"{/if}>
|
|
<label for="sex-3">推荐</label>
|
|
</div>
|
|
|
|
<div class="ra1" style="width:100px;">
|
|
<input type="checkbox" id="sex-4" name="s_type[]" class="inputC" value="4" {if in_array(3,$s_type)}checked="checked"{/if}>
|
|
<label for="sex-4">首页推荐</label>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row cl">
|
|
<label class="form-label col-2">拟定销量：</label>
|
|
<div class="formControls col-2">
|
|
<input type="number" class="input-text" value="{$volume}" id="volumeId" name="volume">
|
|
</div>
|
|
</div>
|
|
<div class="row cl">
|
|
<label class="form-label col-2"><span class="c-red"></span>运费设置：</label>
|
|
<div class="formControls col-2"> <!-- <span class="select-box"> -->
|
|
<select name="freight" id="freightId" class="select">
|
|
{foreach from=$freight item=item1 name=f2}
|
|
<option value="{$item1->id}">{$item1->name}</option>
|
|
{/foreach}
|
|
</select>
|
|
<!-- </span> -->
|
|
</div>
|
|
</div>
|
|
<div class="row cl">
|
|
<label class="form-label col-xs-4 col-sm-2">详细内容：</label>
|
|
<div class="formControls col-xs-8 col-sm-10">
|
|
<script id="editor" type="text/plain" name="content" style="width:100%;height:400px;">{$content}</script>
|
|
</div>
|
|
</div>
|
|
<div style="height: 20px;"></div>
|
|
<div class="row cl page_bort_bottom">
|
|
<label class="form-label col-2"></label>
|
|
<div class="formControls col-2">
|
|
<input type="submit" name="Submit" value="提 交" class="btn btn-primary radius btn-right" >
|
|
<input type="button" name="reset" value="返 回" onclick="javascript:history.back(-1);" class="btn btn-primary radius btn-left" >
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="style/js/jquery.js"></script>
|
|
<script type="text/javascript" src="style/lib/ueditor/1.4.3/ueditor.config.js"></script>
|
|
<script type="text/javascript" src="style/lib/ueditor/1.4.3/ueditor.all.min.js"></script>
|
|
<script type="text/javascript" src="style/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
|
|
<link rel="stylesheet" href="style/kindeditor/themes/default/default.css"/>
|
|
<script src="style/kindeditor/kindeditor-min.js"></script>
|
|
<script src="style/kindeditor/lang/zh_CN.js"></script>
|
|
<script language="javascript" src="style/js/check.js"> </script>
|
|
<script src="style/js/vue.min.js"></script>
|
|
|
|
{literal}
|
|
<script>
|
|
$(document.body).css({
|
|
"overflow-y": "hidden"
|
|
});
|
|
$(function() {
|
|
$("#imgurls").change(function() {
|
|
var files = this.files;
|
|
if (files && files.length > 5) {
|
|
alert("超过5张");
|
|
this.value = "" //删除选择
|
|
// $(this).focus(); //打开选择窗口
|
|
}
|
|
})
|
|
})
|
|
|
|
$(function(){
|
|
UE.getEditor('editor');
|
|
});
|
|
|
|
KindEditor.ready(function (K) {
|
|
var editor = K.editor({
|
|
allowFileManager: true,
|
|
uploadJson: "index.php?module=system&action=uploadImg", //上传功能
|
|
fileManagerJson: 'style/kindeditor/php/file_manager_json.php', //网络空间
|
|
});
|
|
//上传背景图片
|
|
K('#image').click(function () {
|
|
editor.loadPlugin('image', function () {
|
|
editor.plugin.imageDialog({
|
|
showRemote : true, //网络图片不开启
|
|
imageUrl: K('#picurl').val(),
|
|
clickFn: function (url, title, width, height, border, align) {
|
|
K('#picurl').val(url);
|
|
$('#thumb_url').attr("src", url);
|
|
editor.hideDialog();
|
|
}
|
|
});
|
|
});
|
|
});
|
|
|
|
|
|
});
|
|
|
|
//控制价格显示小数点2位
|
|
function noNumbers(e) {
|
|
var keynum
|
|
var keychar
|
|
var numcheck
|
|
if(window.event) // IE
|
|
{
|
|
keynum = e.keyCode
|
|
} else if(e.which) // Netscape/Firefox/Opera
|
|
{
|
|
keynum = e.which
|
|
}
|
|
keychar = String.fromCharCode(keynum);
|
|
//判断是数字,且小数点后面只保留两位小数
|
|
if(!isNaN(keychar)) {
|
|
var index = e.currentTarget.value.indexOf(".");
|
|
if(index >= 0 && e.currentTarget.value.length - index > 2) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
//如果是小数点 但不能出现多个 且第一位不能是小数点
|
|
if("." == keychar) {
|
|
if(e.currentTarget.value == "") {
|
|
return false;
|
|
}
|
|
if(e.currentTarget.value.indexOf(".") >= 0) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
//设置成本价等
|
|
function set_cbj(obj) {
|
|
page.cbj = $(obj).val();
|
|
}
|
|
// 设置原价
|
|
function set_yj(obj) {
|
|
page.yj = $(obj).val();
|
|
}
|
|
// 设置现价
|
|
function set_sj(obj) {
|
|
page.sj = $(obj).val();
|
|
}
|
|
// 设置总库存
|
|
function set_kucun(obj) {
|
|
page.kucun = $(obj).val();
|
|
}
|
|
$('#unit').live('click', function() {
|
|
var unit = $("#unit").val();
|
|
console.log(unit)
|
|
page.unit = $("#unit").val();
|
|
$(".unit").val(unit);
|
|
});
|
|
var map = new Map();
|
|
var leve1 = "{/literal}{$data.leve1}{literal}"
|
|
var leve2 = "{/literal}{$data.leve2}{literal}"
|
|
var leve3 = "{/literal}{$data.leve3}{literal}"
|
|
var listA = [
|
|
{title:'一级佣金比例：',num:leve1?leve1:0,lev:1,name:'leve1'},
|
|
{title:'二级佣金比例：',num:leve2?leve2:0,lev:2,name:'leve2'},
|
|
{title:'三级佣金比例：',num:leve3?leve3:0,lev:3,name:'leve3'}
|
|
]
|
|
var is1 = "{/literal}{$data.leve}{literal}"
|
|
var page = new Vue({
|
|
el: "#page",
|
|
data: {
|
|
values:is1?is1:0,
|
|
listval:[],
|
|
sub_cat_list: [],
|
|
attr_group_list: JSON.parse('[]', true), //可选规格数据
|
|
attr_group_count: JSON.parse('[]', true).length,
|
|
checked_attr_list: JSON.parse('[]', true), //已选规格数据
|
|
old_checked_attr_list: [],
|
|
goods_card_list: [],
|
|
card_list: [],
|
|
goods_cat_list: [{
|
|
"cat_id": null,
|
|
"cat_name": null
|
|
}],
|
|
select_i: '',
|
|
cbj: '',
|
|
yj: '',
|
|
sj: '',
|
|
kucun: '',
|
|
unit: '',
|
|
imageClickInfo:'',
|
|
imageClickInfoIndex:0
|
|
},
|
|
watch:{
|
|
values:function(l){
|
|
this.setlist(l)
|
|
}
|
|
},
|
|
created:function(){
|
|
this.$nextTick(function () {
|
|
$('#masks').hide()
|
|
$(document.body).css({
|
|
"overflow-y": "auto"
|
|
})
|
|
})
|
|
|
|
},
|
|
methods: {
|
|
change: function(item, index) {
|
|
this.checked_attr_list[index] = item;
|
|
},
|
|
handleImageClick(data,index){
|
|
this.imageClickInfo = data;
|
|
this.imageClickInfoIndex = index
|
|
},
|
|
setlist(l){
|
|
if(l > 0 && l<6){
|
|
this.listval = []
|
|
for(var i = 0;i < l;i++){
|
|
this.listval.push(listA[i])
|
|
}
|
|
return
|
|
}
|
|
this.listval = []
|
|
}
|
|
}
|
|
});
|
|
page.setlist({/literal}{$data.leve}{literal})
|
|
// 点击属性框，显示添加属性按钮
|
|
$(".add-attr-group-input").click(function() {
|
|
$(".add-attr-group-btn").css("display", "");
|
|
});
|
|
|
|
$(".add-attr-group-input").focus(function() {
|
|
$(".add-attr-group-btn").css("display", "");
|
|
});
|
|
|
|
// 属性框离开事件，延迟500毫秒隐藏隐藏添加属性按钮
|
|
$(".add-attr-group-input").blur(function() {
|
|
setTimeout('$(".add-attr-group-btn").css("display", "none")', 500);
|
|
});
|
|
// 添加属性
|
|
$(".add-attr-group-btn").click(function() {
|
|
var name = $(".add-attr-group-input").val();
|
|
name = $.trim(name);
|
|
if(name == "") {
|
|
alert("属性名不能为空！");
|
|
return;
|
|
}
|
|
for(var i in page.attr_group_list) {
|
|
if(page.attr_group_list[i].attr_group_name == name) {
|
|
alert("属性名称重复！");
|
|
return;
|
|
}
|
|
}
|
|
page.attr_group_list.push({
|
|
attr_group_name: name,
|
|
attr_list: [],
|
|
});
|
|
$(".add-attr-group-input").val("");
|
|
page.checked_attr_list = getAttrList();
|
|
});
|
|
// 添加属性值
|
|
|
|
$(".add-attr-btn").live("click", function() {
|
|
|
|
var name = $(this).parents(".attr-input-group").find(".add-attr-input").val();
|
|
var index = $(this).attr("index");
|
|
name = $.trim(name);
|
|
if(name == "") {
|
|
alert("属性值不能为空！");
|
|
return;
|
|
}
|
|
|
|
|
|
|
|
/**筛选重复*/
|
|
var ck_list = page.checked_attr_list;
|
|
if(ck_list.length > 0) {
|
|
for(var pi in ck_list) {
|
|
if(ck_list[pi].attr_list[index]) {
|
|
if(name == ck_list[pi].attr_list[index].attr_name) {
|
|
alert("属性值重复！");
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/**筛选重复*/
|
|
// 数组中添加新元素：
|
|
page.attr_group_list[index].attr_list.push({
|
|
attr_name: name,
|
|
});
|
|
|
|
// 如果是单规格的，添加新规格时不清空原先的数据
|
|
page.old_checked_attr_list = page.checked_attr_list;
|
|
var attrList = getAttrList();
|
|
|
|
if(page.attr_group_list.length === 1) { // 一个属性
|
|
for(var i in attrList) {
|
|
if(i > page.old_checked_attr_list.length - 1) {
|
|
page.old_checked_attr_list.push(attrList[i])
|
|
}
|
|
}
|
|
var newCheckedAttrList = page.old_checked_attr_list;
|
|
} else if(page.attr_group_list.length === page.attr_group_count) {
|
|
for(var pi in attrList) {
|
|
var pAttrName = '';
|
|
for(var pj in attrList[pi].attr_list) {
|
|
pAttrName += attrList[pi].attr_list[pj].attr_name
|
|
}
|
|
for(var ci in page.old_checked_attr_list) {
|
|
var cAttrName = '';
|
|
for(var cj in page.old_checked_attr_list[ci].attr_list) {
|
|
cAttrName += page.old_checked_attr_list[ci].attr_list[cj].attr_name;
|
|
}
|
|
if(pAttrName === cAttrName) {
|
|
attrList[pi] = page.old_checked_attr_list[ci];
|
|
}
|
|
}
|
|
}
|
|
var newCheckedAttrList = attrList;
|
|
} else {
|
|
var newCheckedAttrList = attrList;
|
|
}
|
|
|
|
$(this).parents(".attr-input-group").find(".add-attr-input").val("");
|
|
page.checked_attr_list = newCheckedAttrList;
|
|
});
|
|
// 删除属性
|
|
$(".attr-group-delete").live("click", function() {
|
|
var index = $(this).attr("index");
|
|
page.attr_group_list.splice(index, 1);
|
|
page.checked_attr_list = getAttrList();
|
|
});
|
|
// 删除属性值
|
|
$(".attr-delete").live("click", function() {
|
|
var index = $(this).attr("index");
|
|
var group_index = $(this).attr("group-index");
|
|
page.attr_group_list[group_index].attr_list.splice(index, 1);
|
|
// 如果是单规格的，删除规格时不清空原先的数据
|
|
page.old_checked_attr_list = page.checked_attr_list;
|
|
var attrList = getAttrList();
|
|
if(page.attr_group_list.length === 1) {
|
|
var newCheckedAttrList = [];
|
|
for(var i in page.attr_group_list[0].attr_list) {
|
|
var attrName = page.attr_group_list[0].attr_list[i].attr_name;
|
|
for(j in page.old_checked_attr_list) {
|
|
var oldAttrName = page.old_checked_attr_list[j].attr_list[0].attr_name;
|
|
if(attrName === oldAttrName) {
|
|
newCheckedAttrList.push(page.old_checked_attr_list[j]);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
} else if(page.attr_group_list.length === page.attr_group_count) {
|
|
for(var pi in attrList) {
|
|
var pAttrName = '';
|
|
for(var pj in attrList[pi].attr_list) {
|
|
pAttrName += attrList[pi].attr_list[pj].attr_name
|
|
}
|
|
for(var ci in page.old_checked_attr_list) {
|
|
var cAttrName = '';
|
|
for(var cj in page.old_checked_attr_list[ci].attr_list) {
|
|
cAttrName += page.old_checked_attr_list[ci].attr_list[cj].attr_name;
|
|
}
|
|
if(pAttrName === cAttrName) {
|
|
attrList[pi] = page.old_checked_attr_list[ci];
|
|
}
|
|
}
|
|
}
|
|
var newCheckedAttrList = attrList;
|
|
} else {
|
|
var newCheckedAttrList = attrList;
|
|
}
|
|
|
|
page.checked_attr_list = newCheckedAttrList;
|
|
});
|
|
|
|
function getAttrList() {
|
|
var array = [];
|
|
for(var i in page.attr_group_list) {
|
|
for(var j in page.attr_group_list[i].attr_list) {
|
|
var object = {
|
|
attr_group_name: page.attr_group_list[i].attr_group_name,
|
|
attr_id: null,
|
|
attr_name: page.attr_group_list[i].attr_list[j].attr_name,
|
|
};
|
|
if(!array[i])
|
|
array[i] = [];
|
|
array[i].push(object);
|
|
}
|
|
}
|
|
var len = array.length;
|
|
var results = [];
|
|
var indexs = {};
|
|
|
|
function specialSort(start) {
|
|
start++;
|
|
if(start > len - 1) {
|
|
return;
|
|
}
|
|
if(!indexs[start]) {
|
|
indexs[start] = 0;
|
|
}
|
|
if(!(array[start] instanceof Array)) {
|
|
array[start] = [array[start]];
|
|
}
|
|
for(indexs[start] = 0; indexs[start] < array[start].length; indexs[start]++) {
|
|
specialSort(start);
|
|
if(start == len - 1) {
|
|
var temp = [];
|
|
for(var i = len - 1; i >= 0; i--) {
|
|
if(!(array[start - i] instanceof Array)) {
|
|
array[start - i] = [array[start - i]];
|
|
}
|
|
if(array[start - i][indexs[start - i]]) {
|
|
temp.push(array[start - i][indexs[start - i]]);
|
|
}
|
|
}
|
|
var key = [];
|
|
for(var i in temp) {
|
|
key.push(temp[i].attr_id);
|
|
}
|
|
var oldVal = map.get(key.sort().toString());
|
|
console.log(oldVal);
|
|
if(oldVal) {
|
|
results.push({
|
|
num: oldVal.num,
|
|
price: oldVal.price,
|
|
no: oldVal.no,
|
|
pic: oldVal.pic,
|
|
attr_list: temp
|
|
});
|
|
} else {
|
|
var img = $(".upload-preview-list").children(":first").children('.upload-preview-img').attr('src');
|
|
console.log(img);
|
|
results.push({
|
|
num: 0,
|
|
price: 0,
|
|
no: '',
|
|
pic: '',
|
|
attr_list: temp,
|
|
img: img
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
specialSort(-1);
|
|
return results;
|
|
}
|
|
|
|
function setTimeoutClick(){
|
|
console.log('timeout')
|
|
setTimeout(image_click, 100);
|
|
}
|
|
// 属性值上传商品图片
|
|
function image_click() {
|
|
console.log('image click')
|
|
var id = page.imageClickInfoIndex
|
|
console.log(page.imageClickInfoIndex)
|
|
KindEditor.ready(function (K) {
|
|
var editor = K.editor({
|
|
allowFileManager: true,
|
|
uploadJson: "index.php?module=system&action=uploadImg", //上传功能
|
|
fileManagerJson: 'style/kindeditor/php/file_manager_json.php', //网络空间
|
|
});
|
|
editor.loadPlugin('image', function () {
|
|
editor.plugin.imageDialog({
|
|
showRemote: true, //网络图片不开启
|
|
//showLocal : false, //不开启本地图片上传
|
|
imageUrl: K("#picurl2"+id).val(),
|
|
clickFn: function (url, title, width, height, border, align) {
|
|
K('#picurl2'+id).val(url);
|
|
$('#pic2'+id).attr("src", url);
|
|
editor.hideDialog();
|
|
}
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
|
|
// 表单验证
|
|
function verificationForm(){
|
|
|
|
var res = $('#form1').serializeArray()
|
|
var s_type = 0
|
|
|
|
for(var i = 0; i < res.length; i++){
|
|
|
|
if(res[i].name === 'product_title' && res[i].value === ''){
|
|
alert('请输入商品标题!')
|
|
return false
|
|
} else if(res[i].name === 'product_class' && res[i].value === '0'){
|
|
alert('请选择商品类别!')
|
|
return false
|
|
} else if(res[i].name === 'brand_class' && res[i].value === '0'){
|
|
alert('请选择品牌!')
|
|
return false
|
|
} else if(res[i].name === 'image' && res[i].value === ''){
|
|
alert('请设置商品主图!')
|
|
return false
|
|
} else if(res[i].name === 'initial[cbj]' && res[i].value === ''){
|
|
alert('请设置商品成本价!')
|
|
return false
|
|
} else if(res[i].name === 'initial[yj]' && res[i].value === ''){
|
|
alert('请设置商品原价!')
|
|
return false
|
|
} else if(res[i].name === 'initial[sj]' && res[i].value === ''){
|
|
alert('请设置商品售价!')
|
|
return false
|
|
} else if(res[i].name === 'initial[unit]' && res[i].value === ''){
|
|
alert('请选择商品单位!')
|
|
return false
|
|
} else if(res[i].name === 'initial[kucun]' && res[i].value === ''){
|
|
alert('请设置商品库存!')
|
|
return false
|
|
} else if(res[i].name === 's_type[]') {
|
|
s_type = 1
|
|
}
|
|
}
|
|
|
|
|
|
|
|
return true
|
|
}
|
|
|
|
var t_check = true;
|
|
function check() {
|
|
return verificationForm()
|
|
}
|
|
|
|
|
|
</script>
|
|
{/literal}
|
|
</body>
|
|
</html>
|