|
@@ -0,0 +1,228 @@
|
|
|
|
+<!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"/>
|
|
|
|
+<#include "/base/add_base.ftl">
|
|
|
|
+
|
|
|
|
+ <style>
|
|
|
|
+ .tit{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
|
|
|
|
+ .tit:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
|
|
|
|
+ .tit-2{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
|
|
|
|
+ .tit-2:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
|
|
|
|
+ #province select{margin-right:10px; width:100px;height: 31px;-webkit-appearance:none !important;appearance:none;background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;padding-left:3px;padding-right: 25px;}
|
|
|
|
+ .ac_results li a {white-space: nowrap;text-decoration:none;display:block;color:#05a;padding:1px 3px}
|
|
|
|
+ .ac_results li {border:1px solid #fff}
|
|
|
|
+ .ac_results li a span {float:right}
|
|
|
|
+ .select-box{background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;}
|
|
|
|
+ .select-box select{-webkit-appearance:none !important;background-color: transparent; appearance:none;padding-right: 25px;}
|
|
|
|
+ .dalog-ask{position: absolute;left:60%;top:0;-webkit-transform: translateY(-30%);transform: translateY(-30%);display: none;background-color: #fff;z-index: 10;}
|
|
|
|
+ .tag{ width:300px; min-height:300px; border:1px solid #32a3d8; position:relative;background-color: #fff;line-height: 1.5;padding: 10px 12px;}
|
|
|
|
+ .tag em{display:block; border-width:15px; position:absolute; top:30%; left:-30px;border-style:solid dashed dashed; border-color:transparent #32a3d8 transparent transparent;font-size:0; line-height:0;}
|
|
|
|
+ .time-line-list{list-style: none;width: 100%;margin-left: -20px;}
|
|
|
|
+ .time-line-list>li{position: relative;float: left; text-align: center;width: 100px;overflow: hidden;white-space: nowrap;word-break: break-all;padding: 2px 0;}
|
|
|
|
+ .time-line-list .number{display: inline-block; padding: 2px; background: #32a3d8;border: 2px solid #fff;box-shadow:0 0 0 1px #32a3d8;width: 20px;height: 20px;color: #fff;line-height: 20px;border-radius: 50%;}
|
|
|
|
+ .time-line-list>li:before{content:'';position: absolute;height: 1px;width: 30%;right:0;top: 15px; background-color: #32a3d8;}
|
|
|
|
+ .time-line-list>li:after{content: '';position: absolute;height: 1px;width: 30%;left: 0;top: 15px;background:#32a3d8;}
|
|
|
|
+ .time-line-list>li:first-child:after,.time-line-list>li:last-child:before{display: none;}
|
|
|
|
+ .time-line-list .arrow{border-width:7px; position:absolute; left:25%; top:9px;border-style:solid dashed dashed; border-color:transparent transparent transparent #32a3d8;font-size:0; line-height:0;}
|
|
|
|
+ .time-line-list>li:first-child .arrow{display: none;}
|
|
|
|
+ .table-bg th{background-color: #e2f6ff;}
|
|
|
|
+ .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
|
|
|
|
+ .msg-phone{height: 35px;line-height: 35px;}
|
|
|
|
+ .col-sm-1{width: 150px;}
|
|
|
|
+
|
|
|
|
+ .all_down{text-decoration: underline;color: #00c;}
|
|
|
|
+ </style>
|
|
|
|
+ <title>添加产品 - 产品管理 - RST</title>
|
|
|
|
+</head>
|
|
|
|
+<body>
|
|
|
|
+<nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页
|
|
|
|
+ <span class="c-gray en">></span> 产品管理
|
|
|
|
+ <span class="c-gray en">></span> 添加产品
|
|
|
|
+ <a class="btn radius r"
|
|
|
|
+ style="line-height:1.6em;margin-top:3px;background: #32a3d8;color: #fff;border:1px solid #32a3d8;"
|
|
|
|
+ href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont"></i></a>
|
|
|
|
+ <a class="btn radius r"
|
|
|
|
+ style="line-height:1.6em;margin-top:3px;margin-right: 5px;background: #32a3d8;color: #fff;border:1px solid #32a3d8;"
|
|
|
|
+ href="javascript:history.back(-1);" title="后退"><i class="Hui-iconfont"></i></a>
|
|
|
|
+</nav>
|
|
|
|
+<article class="page-container" style="padding: 10px;">
|
|
|
|
+ <div class="pd-20 cl">
|
|
|
|
+ <form action="${path}/admin/product/add_product" method="post" class="form form-horizontal" id="form-order-add" onkeydown="if(event.keyCode==13)return false;">
|
|
|
|
+
|
|
|
|
+ <div class="row cl">
|
|
|
|
+ <label class="form-label col-3">
|
|
|
|
+ <div class="tit-2">产品基本信息</div>
|
|
|
|
+ </label>
|
|
|
|
+ <div class="formControls col-9">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <div class="row cl">
|
|
|
|
+ <label class="form-label col-1 col-sm-1">类型:</label>
|
|
|
|
+ <div class="formControls col-2 col-sm-2" style="">
|
|
|
|
+ <span class="select-box">
|
|
|
|
+ <select class="select" id="salesBatchId" name="salesBatchId" >
|
|
|
|
+ <option value="1" >新增批次</option>
|
|
|
|
+ <#--<#list orderBatchs as orderBatch>-->
|
|
|
|
+ <#--<option value="${orderBatch.batchId}" >${orderBatch.batchId}</option>-->
|
|
|
|
+ <#--</#list>-->
|
|
|
|
+ </select>
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="row cl" id="" style="">
|
|
|
|
+ <label class="form-label col-1 col-sm-1">产品名称:</label>
|
|
|
|
+ <div class="formControls col-2 col-sm-2">
|
|
|
|
+ <input type="text" class="input-text" value="" placeholder="填写产品名称" id="productName" name="productName" datatype="*1-32" errormsg="产品名称格式不正确!" >
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="row cl" id="" style="">
|
|
|
|
+ <label class="form-label col-1 col-sm-1">产品简称:</label>
|
|
|
|
+ <div class="formControls col-2 col-sm-2">
|
|
|
|
+ <input type="text" class="input-text" value="" placeholder="填写产品简称" id="productAbbreviation" name="productAbbreviation" datatype="*1-15" errormsg="产品简称格式不正确!">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <div class="row cl" id="recipientAddressText" style="">
|
|
|
|
+ <label class="form-label col-1 col-sm-1"></label>
|
|
|
|
+ <div class="formControls col-6 col-sm-6">
|
|
|
|
+ <textarea name="addressDesc" style="height: 50px;" id="addressDesc" cols="" rows="2" datatype="*" errormsg="收货地址不正确!" class="textarea" placeholder="请填写详细地址,最多支持50字符" onKeyUp="$.Huitextarealength(this,50)"></textarea>
|
|
|
|
+ <span id="addrssMsg"></span>
|
|
|
|
+ </div>
|
|
|
|
+ <input type="hidden" name="salesAddressInfo" id="salesAddressInfo" value="">
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <div class="row cl" id="" style="">
|
|
|
|
+ <label class="form-label col-1 col-sm-1">支付时间:</label>
|
|
|
|
+ <div class="formControls col-2 col-sm-2">
|
|
|
|
+ <input type="text" placeholder="购买日期" id="salesPayTime" name="salesPayTime" datatype="*" class="input-text Wdate" onclick="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate: '%y-%M-%d'})" readonly="readonly">
|
|
|
|
+ </div>
|
|
|
|
+ <label class="form-label col-2 col-sm-2">支付方式:</label>
|
|
|
|
+ <div class="formControls col-2 col-sm-2" style="">
|
|
|
|
+ <span class="select-box">
|
|
|
|
+ <select class="select" id="salesPayType" name="salesPayType">
|
|
|
|
+ <#--1:微信支付 2:现金支付3:已支付定金¥99 4:刷卡支付 5:支付宝支付-->
|
|
|
|
+ <option value="1">微信支付</option>
|
|
|
|
+ <option value="2">现金支付</option>
|
|
|
|
+ <option value="4">刷卡支付</option>
|
|
|
|
+ <option value="5">支付宝支付</option>
|
|
|
|
+ </select>
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <div class="row cl">
|
|
|
|
+ <label class="form-label col-3">
|
|
|
|
+ <div class="tit-2">商品信息</div>
|
|
|
|
+ </label>
|
|
|
|
+ <div class="formControls col-9">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="row cl" id="" style="">
|
|
|
|
+ <label class="form-label col-1 col-sm-1">商品信息:</label>
|
|
|
|
+ <div class="formControls col-8 col-sm-8">
|
|
|
|
+ <input type="button" class="btn btn-primary add-order-button" onclick="add_product()" value="添加商品" >
|
|
|
|
+ <table class="table table-border table-bg table-bordered" style="margin-top: 10px;display: none" id="all_add_product">
|
|
|
|
+ <thead>
|
|
|
|
+ <tr class="text-c" id="table1">
|
|
|
|
+ <th style="text-align: center;" width="30" >产品名称</th>
|
|
|
|
+ <th style="text-align: center;" width="25" >产品颜色</th>
|
|
|
|
+ <th style="text-align: center;" width="10">售价</th>
|
|
|
|
+ <th style="text-align: center;" width="10">产品编码</th>
|
|
|
|
+ <th style="text-align: center;" width="10">数量</th>
|
|
|
|
+ <th style="text-align: center;" width="10">操作</th>
|
|
|
|
+ </tr>
|
|
|
|
+ </thead>
|
|
|
|
+ <tbody id="add_product">
|
|
|
|
+ </tbody>
|
|
|
|
+ </table>
|
|
|
|
+ <input type="hidden" id="orderItemString" name="orderItemString" value="" >
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="row cl" id="" style="">
|
|
|
|
+ <label class="form-label col-1 col-sm-1">总金额:</label>
|
|
|
|
+ <div class="formControls col-2 col-sm-2">
|
|
|
|
+ <input type="text" class="input-text" value="" placeholder="总金额" datatype="*" errormsg="必须要输入总金额!" id="salesAmount" name="salesAmount" >
|
|
|
|
+ </div>
|
|
|
|
+ <label class="form-label col-2 col-sm-2">实付金额:</label>
|
|
|
|
+ <div class="formControls col-2 col-sm-2">
|
|
|
|
+ <input type="text" class="input-text" value="0" placeholder="实付金额" datatype="*" errormsg="必须要输入总金额!" id="salesPayMoney" name="salesPayMoney" >
|
|
|
|
+ </div>
|
|
|
|
+ <div class="formControls col-2 col-sm-2" style="display: none">
|
|
|
|
+ <input type="text" class="input-text" value="0" placeholder="优惠金额" datatype="*" errormsg="必须要输入总金额!" id="salesDiscountMoney" name="salesDiscountMoney" >
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="formControls col-2 col-sm-2">
|
|
|
|
+ <input type="button" style="width: 100%;" class="btn btn-primary add-order-button" onclick="calculatePrice()" value="计算商品总价" >
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <input type="hidden" class="input-text" value="0" placeholder="待付金额" id="salesWaitMoney" name="salesWaitMoney" >
|
|
|
|
+ <input type="hidden" class="input-text" value="0" placeholder="本次支付金额" id="salesLastMoney" name="salesLastMoney" >
|
|
|
|
+ <input type="hidden" class="input-text" value="0" placeholder="邮费" id="salesShippingFee" name="salesShippingFee" >
|
|
|
|
+
|
|
|
|
+ <div class="row cl">
|
|
|
|
+ <label class="form-label col-3">
|
|
|
|
+ <div class="tit-2">备注信息</div>
|
|
|
|
+ </label>
|
|
|
|
+ <div class="formControls col-9">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="row cl" id="" style="">
|
|
|
|
+ <label class="form-label col-1 col-sm-1">用户备注:</label>
|
|
|
|
+ <div class="formControls col-6 col-sm-6">
|
|
|
|
+ <textarea name="salesUserRemark" id="salesUserRemark" cols="" rows="2" class="textarea" placeholder="请填写用户备注,最多支持100字符" onKeyUp="$.Huitextarealength(this,100)"></textarea>
|
|
|
|
+ <#--<span id="addrssMsg"></span>-->
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="row cl" id="" style="">
|
|
|
|
+ <label class="form-label col-1 col-sm-1">后台备注:</label>
|
|
|
|
+ <div class="formControls col-6 col-sm-6">
|
|
|
|
+ <textarea name="salesAdminRemark" id="salesAdminRemark" cols="" rows="2" class="textarea" placeholder="请填写后台备注,最多支持100字符" onKeyUp="$.Huitextarealength(this,100)"></textarea>
|
|
|
|
+ <#--<span id="addrssMsg"></span>-->
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="row cl">
|
|
|
|
+ <div class="col-2 col-sm-2 col-offset-3">
|
|
|
|
+ <button class="btn btn-block btn-primary size-XL" type="submit">确认录入</button>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </form>
|
|
|
|
+ </div>
|
|
|
|
+</article>
|
|
|
|
+
|
|
|
|
+<script type="text/javascript">
|
|
|
|
+ var url_path = "${path}";
|
|
|
|
+</script>
|
|
|
|
+<#--时间控件-->
|
|
|
|
+<script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
|
|
|
|
+
|
|
|
|
+<script type="text/javascript">
|
|
|
|
+ $('.skin-minimal input').iCheck({
|
|
|
|
+ checkboxClass: 'icheckbox-blue',
|
|
|
|
+ radioClass: 'iradio-blue',
|
|
|
|
+ increaseArea: '20%'
|
|
|
|
+ });
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<script type="text/javascript" charset="utf-8" src="${path}/common/js/product/product.js"></script>
|
|
|
|
+
|
|
|
|
+</body>
|
|
|
|
+</html>
|