Merge branch 'develop' of http://git.dev.yoho.cn/platform/yohobuy-portal-fe into develop

@@ -4,21 +4,71 @@
  */
 
 
-var $ = require('jquery');
-var edit = require('../common/edit');
+var $ = require('jquery'),
+    common=require('../common/common'),
+    edit = require('../common/edit');
 
 var uploadImg = new edit('#coverImgBox');
-
-//uploadImg.init();
+//
+uploadImg.init();
 
 exports.init = function () {
 
-    /*$('.add-pic-btn').click(function () {
+    $('body').on('click', '#textDialog', function() {
+        common.dialog.confirm("添加文本","nihao",function(){
+        });
+        return false;
+    });
+    $('body').on('click', '#picDialog', function() {
+        common.dialog.confirm("添加图片",common.util.__template($("#picDialogTemp").html(),{name:"图片"}),function(){
+
+            var imgStr = '<img src="http://img11.static.yhbimg.com/goodsimg/2015/07/07/08/01315b5bbfd72bc5b59fa2fda6c28b9ae6.jpg">';
+
+            $('.quota-img').html(imgStr);
+        });
+        return false;
+    });
+    $('body').on('click', '#videoDialog', function() {
+        common.dialog.confirm("添加视频",common.util.__template($("#picDialogTemp").html(),{name:"视频"}),function(){
+
+            var imgStr = '<img src="http://img11.static.yhbimg.com/goodsimg/2015/07/07/08/01315b5bbfd72bc5b59fa2fda6c28b9ae6.jpg">';
+
+            $('.quota-video').html(imgStr);
+        });
+        return false;
+    });
+
+
+    // 添加品类表单验证
+    var limitAddForm = new edit("#limit-add-form");
+
+    limitAddForm.init();
+    $('.limit-add-btn').click(function () {
+
+        var $this = $(this);
+
+        limitAddForm.submit('/limit/product/new', function(option,that) {
+            option.beforeSend = function () {
+                $this.attr('disabled', 'disabled');
+            };
+            option.success=function(res){
+
+                console.log(res);
+
+                if (res.data.code === 200) {
+
+                    limitAddForm.$tip('提交成功');
+                    $this.removeAttr('disabled');
 
-        console.log(111);
+                    setTimeout(function () {
+                        //window.location.href = '/erpproduct/sort/index';
+                    }, 1000);
+                }
+            };
+            option.error=function(res){
 
-        var str = '<img src="http://img11.static.yhbimg.com/goodsimg/2015/07/07/08/01315b5bbfd72bc5b59fa2fda6c28b9ae6.jpg"/>';
-        $('.quota-img').html(str);
-        $('#picDialog').modal('toggle');
-    });*/
+                console.log('error');
+            }
+        });
+    });
 };
\ No newline at end of file

@@ -90,4 +90,12 @@
     width: 100px;
     margin: 0 15px;
     float: left;
+}
+.quota-text,.quota-img,.quota-video {
+    width: 300px;
+    margin-bottom: 15px;
+
+    img {
+        width: 100%;
+    }
 }
\ No newline at end of file

-ul{margin-top:0}.admin-icon-yellow{color:#ffbe40}.admin-header{font-size:1.4rem;margin-bottom:0}.admin-header-list a:hover :after{content:none}.admin-main{background:#f3f3f3}.admin-menu{position:fixed;z-index:10;bottom:30px;right:20px}.admin-sidebar{width:260px;min-height:100%;float:left;border-right:1px solid #cecece}.admin-sidebar-list{margin-bottom:0}.admin-sidebar-list li a{color:#5c5c5c;padding-left:24px}.admin-sidebar-list li:first-child{border-top:none}.admin-sidebar-sub{margin-top:0;margin-bottom:0;box-shadow:0 16px 8px -15px #e2e2e2 inset;background:#ececec;padding-left:24px}.admin-sidebar-sub li:first-child{border-top:1px solid #dedede}.admin-sidebar-panel{margin:10px}.admin-content{width:auto;overflow:hidden;height:100%;background:#fff}.admin-content-list{border:1px solid #e9ecf1;margin-top:0}.admin-content-list li{border:1px solid #e9ecf1;border-width:0 1px;margin-left:-1px}.admin-content-list li:first-child{border-left:none}.admin-content-list li:last-child{border-right:none}.admin-content-table a{color:#535353}.admin-content-file{margin-bottom:0;color:#666}.admin-content-file p{margin:0 0 5px 0;font-size:1.4rem}.admin-content-file li{padding:10px 0}.admin-content-file li:first-child{border-top:none}.admin-content-file li:last-child{border-bottom:none}.admin-content-file li .am-progress{margin-bottom:4px}.admin-content-file li .am-progress-bar{line-height:14px}.admin-content-task{margin-bottom:0}.admin-content-task li{padding:5px 0;border-color:#eee}.admin-content-task li:first-child{border-top:none}.admin-content-task li:last-child{border-bottom:none}.admin-task-meta{font-size:1.2rem;color:#999}.admin-task-bd{font-size:1.4rem;margin-bottom:5px}.admin-content-comment{margin-bottom:0}.admin-content-comment .am-comment-bd{font-size:1.4rem}.admin-content-pagination{margin-bottom:0}.admin-content-pagination li a{padding:4px 8px}@media only screen and (min-width: 641px){.admin-sidebar{display:block;position:static;background:none}.admin-offcanvas-bar{position:static;width:auto;background:none;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.admin-offcanvas-bar:after{content:none}}@media only screen and (max-width: 640px){.admin-sidebar{width:inherit}.admin-offcanvas-bar{background:#f3f3f3}.admin-offcanvas-bar:after{background:#BABABA}.admin-sidebar-list a:hover,.admin-sidebar-list a:active{-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease;background:#E4E4E4}.admin-content-list li{padding:10px;border-width:1px 0;margin-top:-1px}.admin-content-list li:first-child{border-top:none}.admin-content-list li:last-child{border-bottom:none}.admin-form-text{text-align:left !important}}.user-info{margin-bottom:15px}.user-info .am-progress{margin-bottom:4px}.user-info p{margin:5px}.user-info-order{font-size:1.4rem}.error-log .am-pre-scrollable{max-height:40rem}.table-main{font-size:1.4rem;padding:.5rem}.table-main button{background:#fff}.table-check{width:30px}.table-id{width:50px}@media only screen and (max-width: 640px){.table-select{margin-top:10px;margin-left:5px}}.gallery-list li{padding:10px}.gallery-list a{color:#666}.gallery-list a:hover{color:#3bb4f2}.gallery-title{margin-top:6px;font-size:1.4rem}.gallery-desc{font-size:1.2rem;margin-top:4px}.page-404{background:#fff;border:none;width:200px;margin:0 auto}.fixed-layout,.fixed-layout body{height:100%;overflow:hidden}.fixed-layout .admin-header{position:fixed;top:0;left:0;right:0;z-index:1500}.fixed-layout .admin-main{position:relative;height:100%;padding-top:51px}.fixed-layout .admin-content,.fixed-layout .admin-sidebar{height:100%;overflow-x:hidden;overflow-y:scroll}.fixed-layout .admin-sidebar.am-active{z-index:1600}input[type=file]{display:block;opacity:0;height:60px;width:100px;position:absolute;z-index:99}.datepicker{display:none;position:absolute;padding:4px;margin-top:1px;direction:ltr}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,0.2);border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;color:#333;font-size:13px;line-height:18px}.datepicker.dropdown-menu th{padding:4px 5px}.datepicker.dropdown-menu td{padding:4px 5px}.datepicker table{border:0;margin:0;width:auto}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer}.datepicker td{text-align:center;width:20px;height:20px;border:0;font-size:12px;padding:4px 8px;background:#fff;cursor:pointer}.datepicker td.active.day,.datepicker td.active.year{background:#2ba6cb}.datepicker td.old,.datepicker td.new{color:#999}.datepicker td span.active{background:#2ba6cb}.datepicker td.day.disabled{color:#ccc}.datepicker th{text-align:center;width:20px;height:20px;border:0;font-size:12px;padding:4px 8px;background:#fff;cursor:pointer}.datepicker th.active.day,.datepicker th.active.year{background:#2ba6cb}.datepicker th.date-switch{width:145px}.datepicker th span.active{background:#2ba6cb}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.datepicker.days div.datepicker-days{display:block}.datepicker.months div.datepicker-months{display:block}.datepicker.years div.datepicker-years{display:block}.datepicker thead tr:first-child th{cursor:pointer}.datepicker thead tr:first-child th.cw{cursor:default;background-color:transparent}.datepicker tfoot tr:first-child th{cursor:pointer}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:1px solid rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.datepicker>div,.datepicker-dropdown::before,.datepicker-dropdown::after{display:none}.datepicker-close{position:absolute;top:-30px;right:0;width:15px;height:30px;padding:0;display:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.panel-default .panel-heading{border-top:1px solid #e7e7e7}.red{color:red;font-family:bold}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:0 !important}.show-grid{padding:10px}.brandBtn-group{width:150px;float:left;margin-right:8px}.brandBtn-group-lg{width:280px}.contentpanel td a{margin:0 3px}.mainwrapper .toggle-table tr{cursor:pointer}.mainwrapper .toggle-table tr.level1 td:nth-of-type(1){text-indent:2px}.mainwrapper .toggle-table tr.level2 td:nth-of-type(1){text-indent:15px}.mainwrapper .toggle-table tr.level3 td:nth-of-type(1){text-indent:30px}.pattrscroll{background:#F7F7F7}.pattrscroll ul{padding-left:0}.pattrscroll li{cursor:pointer}.mainwrapper .list-group-item.level1{text-indent:2px}.mainwrapper .list-group-item.level2{text-indent:15px}.mainwrapper .list-group-item.level3{text-indent:30px}.attr-item-active{background:#428bca;color:#fff}.pannel-scroll{height:500px;overflow-y:scroll;overflow-x:hidden}.attr-select{display:block;height:40px;line-height:40px;border:1px solid #ccc;border-radius:3px}#limit-table-box table{vertical-align:middle}#limit-table-box table th,#limit-table-box table td{text-align:center;vertical-align:middle}#limit-table-box table div.checkbox label{height:13px}#limit-table-box table .cover-img{width:100px}#limit-table-box table .width50{width:50px;text-align:center}.height40{height:40px;line-height:40px}.edit-cover-img{width:100px;margin:0 15px;float:left}.panel-input{display:inline-block;width:100%}.panel-col,.panel-col2{float:left;width:150px;margin:0 10px 0 0}.panel-col2{width:280px}
+@charset "UTF-8";
+ul {
+  margin-top: 0;
+}
+
+.admin-icon-yellow {
+  color: #ffbe40;
+}
+
+.admin-header {
+  font-size: 1.4rem;
+  margin-bottom: 0;
+}
+
+.admin-header-list a:hover :after {
+  content: none;
+}
+
+.admin-main {
+  background: #f3f3f3;
+}
+
+.admin-menu {
+  position: fixed;
+  z-index: 10;
+  bottom: 30px;
+  right: 20px;
+}
+
+.admin-sidebar {
+  width: 260px;
+  min-height: 100%;
+  float: left;
+  border-right: 1px solid #cecece;
+}
+
+.admin-sidebar-list {
+  margin-bottom: 0;
+}
+
+.admin-sidebar-list li a {
+  color: #5c5c5c;
+  padding-left: 24px;
+}
+
+.admin-sidebar-list li:first-child {
+  border-top: none;
+}
+
+.admin-sidebar-sub {
+  margin-top: 0;
+  margin-bottom: 0;
+  box-shadow: 0 16px 8px -15px #e2e2e2 inset;
+  background: #ececec;
+  padding-left: 24px;
+}
+
+.admin-sidebar-sub li:first-child {
+  border-top: 1px solid #dedede;
+}
+
+.admin-sidebar-panel {
+  margin: 10px;
+}
+
+.admin-content {
+  width: auto;
+  overflow: hidden;
+  height: 100%;
+  background: #fff;
+}
+
+.admin-content-list {
+  border: 1px solid #e9ecf1;
+  margin-top: 0;
+}
+
+.admin-content-list li {
+  border: 1px solid #e9ecf1;
+  border-width: 0 1px;
+  margin-left: -1px;
+}
+
+.admin-content-list li:first-child {
+  border-left: none;
+}
+
+.admin-content-list li:last-child {
+  border-right: none;
+}
+
+.admin-content-table a {
+  color: #535353;
+}
+
+.admin-content-file {
+  margin-bottom: 0;
+  color: #666;
+}
+
+.admin-content-file p {
+  margin: 0 0 5px 0;
+  font-size: 1.4rem;
+}
+
+.admin-content-file li {
+  padding: 10px 0;
+}
+
+.admin-content-file li:first-child {
+  border-top: none;
+}
+
+.admin-content-file li:last-child {
+  border-bottom: none;
+}
+
+.admin-content-file li .am-progress {
+  margin-bottom: 4px;
+}
+
+.admin-content-file li .am-progress-bar {
+  line-height: 14px;
+}
+
+.admin-content-task {
+  margin-bottom: 0;
+}
+
+.admin-content-task li {
+  padding: 5px 0;
+  border-color: #eee;
+}
+
+.admin-content-task li:first-child {
+  border-top: none;
+}
+
+.admin-content-task li:last-child {
+  border-bottom: none;
+}
+
+.admin-task-meta {
+  font-size: 1.2rem;
+  color: #999;
+}
+
+.admin-task-bd {
+  font-size: 1.4rem;
+  margin-bottom: 5px;
+}
+
+.admin-content-comment {
+  margin-bottom: 0;
+}
+
+.admin-content-comment .am-comment-bd {
+  font-size: 1.4rem;
+}
+
+.admin-content-pagination {
+  margin-bottom: 0;
+}
+
+.admin-content-pagination li a {
+  padding: 4px 8px;
+}
+
+@media only screen and (min-width: 641px) {
+  .admin-sidebar {
+    display: block;
+    position: static;
+    background: none;
+  }
+
+  .admin-offcanvas-bar {
+    position: static;
+    width: auto;
+    background: none;
+    -webkit-transform: translate3d(0, 0, 0);
+    -ms-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  .admin-offcanvas-bar:after {
+    content: none;
+  }
+}
+@media only screen and (max-width: 640px) {
+  .admin-sidebar {
+    width: inherit;
+  }
+
+  .admin-offcanvas-bar {
+    background: #f3f3f3;
+  }
+
+  .admin-offcanvas-bar:after {
+    background: #BABABA;
+  }
+
+  .admin-sidebar-list a:hover, .admin-sidebar-list a:active {
+    -webkit-transition: background-color .3s ease;
+    -moz-transition: background-color .3s ease;
+    -ms-transition: background-color .3s ease;
+    -o-transition: background-color .3s ease;
+    transition: background-color .3s ease;
+    background: #E4E4E4;
+  }
+
+  .admin-content-list li {
+    padding: 10px;
+    border-width: 1px 0;
+    margin-top: -1px;
+  }
+
+  .admin-content-list li:first-child {
+    border-top: none;
+  }
+
+  .admin-content-list li:last-child {
+    border-bottom: none;
+  }
+
+  .admin-form-text {
+    text-align: left !important;
+  }
+}
+/*
+* user.html css
+*/
+.user-info {
+  margin-bottom: 15px;
+}
+
+.user-info .am-progress {
+  margin-bottom: 4px;
+}
+
+.user-info p {
+  margin: 5px;
+}
+
+.user-info-order {
+  font-size: 1.4rem;
+}
+
+/*
+* errorLog.html css
+*/
+.error-log .am-pre-scrollable {
+  max-height: 40rem;
+}
+
+/*
+* table.html css
+*/
+.table-main {
+  font-size: 1.4rem;
+  padding: .5rem;
+}
+
+.table-main button {
+  background: #fff;
+}
+
+.table-check {
+  width: 30px;
+}
+
+.table-id {
+  width: 50px;
+}
+
+@media only screen and (max-width: 640px) {
+  .table-select {
+    margin-top: 10px;
+    margin-left: 5px;
+  }
+}
+/*
+gallery.html css
+*/
+.gallery-list li {
+  padding: 10px;
+}
+
+.gallery-list a {
+  color: #666;
+}
+
+.gallery-list a:hover {
+  color: #3bb4f2;
+}
+
+.gallery-title {
+  margin-top: 6px;
+  font-size: 1.4rem;
+}
+
+.gallery-desc {
+  font-size: 1.2rem;
+  margin-top: 4px;
+}
+
+/*
+ 404.html css
+*/
+.page-404 {
+  background: #fff;
+  border: none;
+  width: 200px;
+  margin: 0 auto;
+}
+
+/*
+ fixed-layout 鍥哄畾澶撮儴鍜岃竟鏍忓竷灞€
+*/
+.fixed-layout,
+.fixed-layout body {
+  height: 100%;
+  overflow: hidden;
+}
+
+.fixed-layout .admin-header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1500;
+}
+
+.fixed-layout .admin-main {
+  position: relative;
+  height: 100%;
+  padding-top: 51px;
+}
+
+.fixed-layout .admin-content,
+.fixed-layout .admin-sidebar {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+
+.fixed-layout .admin-sidebar.am-active {
+  z-index: 1600;
+}
+
+input[type=file] {
+  display: block;
+  opacity: 0;
+  height: 60px;
+  width: 100px;
+  position: absolute;
+  z-index: 99;
+}
+
+.datepicker {
+  display: none;
+  position: absolute;
+  padding: 4px;
+  margin-top: 1px;
+  direction: ltr;
+}
+
+.datepicker.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  float: left;
+  display: none;
+  min-width: 160px;
+  list-style: none;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
+  background-clip: padding-box;
+  *border-right-width: 2px;
+  *border-bottom-width: 2px;
+  color: #333;
+  font-size: 13px;
+  line-height: 18px;
+}
+
+.datepicker.dropdown-menu th {
+  padding: 4px 5px;
+}
+
+.datepicker.dropdown-menu td {
+  padding: 4px 5px;
+}
+
+.datepicker table {
+  border: 0;
+  margin: 0;
+  width: auto;
+}
+
+.datepicker table tr td span {
+  display: block;
+  width: 23%;
+  height: 54px;
+  line-height: 54px;
+  float: left;
+  margin: 1%;
+  cursor: pointer;
+}
+
+.datepicker td {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  border: 0;
+  font-size: 12px;
+  padding: 4px 8px;
+  background: #fff;
+  cursor: pointer;
+}
+
+.datepicker td.active.day, .datepicker td.active.year {
+  background: #2ba6cb;
+}
+
+.datepicker td.old, .datepicker td.new {
+  color: #999;
+}
+
+.datepicker td span.active {
+  background: #2ba6cb;
+}
+
+.datepicker td.day.disabled {
+  color: #ccc;
+}
+
+.datepicker th {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  border: 0;
+  font-size: 12px;
+  padding: 4px 8px;
+  background: #fff;
+  cursor: pointer;
+}
+
+.datepicker th.active.day, .datepicker th.active.year {
+  background: #2ba6cb;
+}
+
+.datepicker th.date-switch {
+  width: 145px;
+}
+
+.datepicker th span.active {
+  background: #2ba6cb;
+}
+
+.datepicker .cw {
+  font-size: 10px;
+  width: 12px;
+  padding: 0 2px 0 5px;
+  vertical-align: middle;
+}
+
+.datepicker.days div.datepicker-days {
+  display: block;
+}
+
+.datepicker.months div.datepicker-months {
+  display: block;
+}
+
+.datepicker.years div.datepicker-years {
+  display: block;
+}
+
+.datepicker thead tr:first-child th {
+  cursor: pointer;
+}
+
+.datepicker thead tr:first-child th.cw {
+  cursor: default;
+  background-color: transparent;
+}
+
+.datepicker tfoot tr:first-child th {
+  cursor: pointer;
+}
+
+.datepicker-inline {
+  width: 220px;
+}
+
+.datepicker-rtl {
+  direction: rtl;
+}
+
+.datepicker-rtl table tr td span {
+  float: right;
+}
+
+.datepicker-dropdown {
+  top: 0;
+  left: 0;
+}
+
+.datepicker-dropdown:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: 1px solid rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: 6px;
+}
+
+.datepicker-dropdown:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  position: absolute;
+  top: -6px;
+  left: 7px;
+}
+
+.datepicker > div,
+.datepicker-dropdown::before,
+.datepicker-dropdown::after {
+  display: none;
+}
+
+.datepicker-close {
+  position: absolute;
+  top: -30px;
+  right: 0;
+  width: 15px;
+  height: 30px;
+  padding: 0;
+  display: none;
+}
+
+.table-striped .datepicker table tr td,
+.table-striped .datepicker table tr th {
+  background-color: transparent;
+}
+
+.panel-default .panel-heading {
+  border-top: 1px solid #e7e7e7;
+}
+
+.red {
+  color: red;
+  font-family: bold;
+}
+
+input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
+  line-height: 0 !important;
+}
+
+.show-grid {
+  padding: 10px;
+}
+
+.brandBtn-group {
+  width: 150px;
+  float: left;
+  margin-right: 8px;
+}
+
+.brandBtn-group-lg {
+  width: 280px;
+}
+
+.contentpanel td a {
+  margin: 0 3px;
+}
+
+.mainwrapper .toggle-table tr {
+  cursor: pointer;
+}
+
+.mainwrapper .toggle-table tr.level1 td:nth-of-type(1) {
+  text-indent: 2px;
+}
+
+.mainwrapper .toggle-table tr.level2 td:nth-of-type(1) {
+  text-indent: 15px;
+}
+
+.mainwrapper .toggle-table tr.level3 td:nth-of-type(1) {
+  text-indent: 30px;
+}
+
+.pattrscroll {
+  background: #F7F7F7;
+}
+.pattrscroll ul {
+  padding-left: 0;
+}
+.pattrscroll li {
+  cursor: pointer;
+}
+
+.mainwrapper .list-group-item.level1 {
+  text-indent: 2px;
+}
+
+.mainwrapper .list-group-item.level2 {
+  text-indent: 15px;
+}
+
+.mainwrapper .list-group-item.level3 {
+  text-indent: 30px;
+}
+
+.attr-item-active {
+  background: #428bca;
+  color: #fff;
+}
+
+.pannel-scroll {
+  height: 500px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
+
+.attr-select {
+  display: block;
+  height: 40px;
+  line-height: 40px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+}
+
+#limit-table-box table {
+  vertical-align: middle;
+}
+#limit-table-box table th, #limit-table-box table td {
+  text-align: center;
+  vertical-align: middle;
+}
+#limit-table-box table div.checkbox label {
+  height: 13px;
+}
+#limit-table-box table .cover-img {
+  width: 100px;
+}
+#limit-table-box table .width50 {
+  width: 50px;
+  text-align: center;
+}
+
+.height40 {
+  height: 40px;
+  line-height: 40px;
+}
+
+.edit-cover-img {
+  width: 100px;
+  margin: 0 15px;
+  float: left;
+}
+
+.quota-text, .quota-img, .quota-video {
+  width: 300px;
+  margin-bottom: 15px;
+}
+.quota-text img, .quota-img img, .quota-video img {
+  width: 100%;
+}
+
+.panel-input {
+  display: inline-block;
+  width: 100%;
+}
+
+.panel-col, .panel-col2 {
+  float: left;
+  width: 150px;
+  margin: 0 10px 0 0;
+}
+
+.panel-col2 {
+  width: 280px;
+}

@@ -34,7 +34,31 @@ exports.res = [
         route: '/limit/product/add',
         method: 'GET',
         view: 'pages/limit/add',
-        //src: '/product/limit-add',
+        src: '/product/limit-add',
         isJsonRaw:true
+    },{
+        // 【限购商品】ajax添加
+        route: '/limit/product/new',
+        method: 'POST',
+        url: '/limit/newProduct',
+        isJsonRaw:true,
+        params: [
+            {
+                name: 'batch',
+                type: 'Number'
+            },{
+                name: 'limitDate',
+                type: 'String'
+            },{
+                name: 'optionsStock',
+                type: 'number'
+            },{
+                name:'hotSale',
+                type: 'String'
+            },{
+                name: 'notSaleSort',
+                type: 'String'
+            }
+        ]
     }
 ];
\ No newline at end of file

@@ -48,5 +48,11 @@ module.exports = {
                 total:1000
             }
         })
+    },
+    '/limit/newProduct': function (req, res) {
+        res.json({
+            code: 200,
+            message: ''
+        })
     }
 };
\ No newline at end of file

@@ -16,7 +16,7 @@
 </div>
 
 <div class="contentpanel">
-    <form class="form-horizontal" action="">
+    <div class="form-horizontal" id="limit-add-form">
         <div class="col-md-12">
             <div class="panel-group">
                 <div class="pannel">
@@ -28,13 +28,13 @@
                             <div class="row">
                                 <div class="col-md-1 height40">限购码批次*</div>
                                 <div class="col-md-1">
-                                    <input type="text" class="form-control text-center" placeholder="">
+                                    <input id="batch" type="text" class="form-control text-center" placeholder="">
                                 </div>
                             </div>
                             <div class="row mt20">
                                 <div class="col-md-1 height40">发售日期*</div>
                                 <div class="col-md-1">
-                                    <input type="text" class="form-control text-center" placeholder="">
+                                    <input id="limitDate" type="text" class="form-control text-center" placeholder="">
                                 </div>
                             </div>
                         </div>
@@ -51,23 +51,24 @@
                                 <div class="col-md-1 height40">是否热门*</div>
                                 <div class="col-md-1">
                                     <div class="radio pull-left mr15">
-                                        <label><input type="radio" name="optionsStock" value="" checked="">是</label>
+                                        <label><input type="radio" name="optionsStock" value="1" checked="">是</label>
                                     </div>
                                     <div class="radio pull-left">
-                                        <label><input type="radio" name="optionsStock" value="">否</label>
+                                        <label><input type="radio" name="optionsStock" value="0">否</label>
                                     </div>
+                                    <input id="optionsStock" type="hidden" value="1" for="radio">
                                 </div>
                                 <div class="col-md-1 height40">
                                     热门发售排序
                                 </div>
                                 <div class="col-md-1">
-                                    <input type="text" class="form-control text-center" placeholder="">
+                                    <input id="hotSale" type="text" class="form-control text-center" placeholder="">
                                 </div>
                                 <div class="col-md-1 height40">
                                     未发售排序
                                 </div>
                                 <div class="col-md-1">
-                                    <input type="text" class="form-control text-center" placeholder="">
+                                    <input id="notSaleSort" type="text" class="form-control text-center" placeholder="">
                                 </div>
                             </div>
                         </div>
@@ -84,23 +85,29 @@
                             <div class="row mb20">
                                 <div class="col-md-1 height40">封面图*</div>
                                 <div class="col-md-1" id="coverImgBox">
-                                   <!-- <input type="file" name="coverImg" id="coverImg"/>-->
+                                   <input type="file" name="coverImg" id="coverImg"/>
                                 </div>
                             </div>
 
-                            <!--<div class="row mb20">
+                            <div class="row mb20">
                                 <div class="col-md-12">
                                     <div class="quota-text"></div>
                                     <div class="quota-img"></div>
                                     <div class="quota-video"></div>
                                 </div>
-                            </div>-->
+                            </div>
 
                             <div class="row">
                                 <div class="col-md-12">
-                                    <button class="btn btn-primary mr5" data-toggle="modal" data-target="#textDialog">文本</button>
-                                    <button class="btn btn-primary mr5" data-toggle="modal" data-target="#picDialog">图片</button>
-                                    <button class="btn btn-primary mr5" data-toggle="modal" data-target="#videoDialog">视频</button>
+                                    <button class="btn btn-primary mr5" id="textDialog">文本</button>
+                                    <button class="btn btn-primary mr5" id="picDialog">图片</button>
+                                    <button class="btn btn-primary mr5" id="videoDialog">视频</button>
+                                </div>
+                            </div>
+
+                            <div class="row mt20">
+                                <div class="col-md-12">
+                                    <button class="btn btn-primary limit-add-btn">保存</button>
                                 </div>
                             </div>
                         </div>
@@ -108,99 +115,29 @@
                 </div>
             </div>
         </div>
-    </form>
+    </div>
 </div>
 
-<!--模态框-->
-<div class="modal fade" id="textDialog" tabindex="-1" role="dialog" aria-labelledby="textDialog">
-    <div class="modal-dialog" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                        aria-hidden="true">&times;</span></button>
-                <h4 class="modal-title" id="textDialogTitle">添加文本</h4>
-            </div>
-            <div class="modal-body" id="text-dialog-body">
 
-            </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-default m-t-20 add-attr-btn-close" data-dismiss="modal">关闭</button>
-                <button type="button" class="add-attr-btn btn btn-primary m-t-20">添加</button>
-            </div>
+<script type="text/template" id="picDialogTemp">
+    <div class="row">
+        <div class="col-md-3">
+            <img width="100" src="http://img11.static.yhbimg.com/goodsimg/2015/07/07/08/01315b5bbfd72bc5b59fa2fda6c28b9ae6.jpg" alt=""/>
         </div>
-    </div>
-</div>
-<div class="modal fade" id="picDialog" tabindex="-1" role="dialog" aria-labelledby="picDialog">
-    <div class="modal-dialog" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                        aria-hidden="true">&times;</span></button>
-                <h4 class="modal-title" id="picDialogTitle">添加图片</h4>
-            </div>
-            <div class="modal-body">
-            <div class="row">
-                <div class="col-md-3">
-                    <img width="100" src="http://img11.static.yhbimg.com/goodsimg/2015/07/07/08/01315b5bbfd72bc5b59fa2fda6c28b9ae6.jpg" alt=""/>
-                </div>
-                <div class="col-md-9">
-                    <div class="form-group">
-                        <label class="pull-left control-label height40">图片链接</label>
-                        <div class="pull-left ml10">
-                            <input class="form-control" type="text" placeholder="图片链接">
-                        </div>
-                        <button type="button" class="btn btn-primary ml10">选择图片</button>
-                    </div>
-                    <div class="form-group">
-                        <label class="pull-left control-label height40">图片描述</label>
-                        <div class="pull-left ml10">
-                            <input class="form-control" type="text" placeholder="图片描述">
-                        </div>
-                    </div>
+        <div class="col-md-9">
+            <div class="form-group">
+                <label class="pull-left control-label height40">{name}链接</label>
+                <div class="pull-left ml10">
+                    <input class="form-control" type="text" placeholder="{name}链接">
                 </div>
+                <button type="button" class="btn btn-primary ml10">{name}图片</button>
             </div>
-            </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-default m-t-20 add-attr-btn-close" data-dismiss="modal">关闭</button>
-                <button type="button" class="add-pic-btn btn btn-primary m-t-20">添加</button>
-            </div>
-        </div>
-    </div>
-</div>
-<div class="modal fade" id="videoDialog" tabindex="-1" role="dialog" aria-labelledby="videoDialog">
-    <div class="modal-dialog" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                        aria-hidden="true">&times;</span></button>
-                <h4 class="modal-title" id="videoDialogTitle">添加视频</h4>
-            </div>
-            <div class="modal-body">
-                <div class="row">
-                    <div class="col-md-3">
-                        <img width="100" src="http://img11.static.yhbimg.com/goodsimg/2015/07/07/08/01315b5bbfd72bc5b59fa2fda6c28b9ae6.jpg" alt=""/>
-                    </div>
-                    <div class="col-md-9">
-                        <div class="form-group">
-                            <label class="pull-left control-label height40">视频链接</label>
-                            <div class="pull-left ml10">
-                                <input class="form-control" type="text" placeholder="视频链接">
-                            </div>
-                            <button type="button" class="btn btn-primary ml10">选择视频</button>
-                        </div>
-                        <div class="form-group">
-                            <label class="pull-left control-label height40">视频描述</label>
-                            <div class="pull-left ml10">
-                                <input class="form-control" type="text" placeholder="视频描述">
-                            </div>
-                        </div>
-                    </div>
+            <div class="form-group">
+                <label class="pull-left control-label height40">{name}描述</label>
+                <div class="pull-left ml10">
+                    <input class="form-control" type="text" placeholder="{name}描述">
                 </div>
             </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-default m-t-20 add-attr-btn-close" data-dismiss="modal">关闭</button>
-                <button type="button" class="add-attr-btn btn btn-primary m-t-20">添加</button>
-            </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</script>
\ No newline at end of file