供应商发布商品

src/main/resources/static/css/supplier-center/shop/release.css

@@ -24,6 +24,9 @@ div{box-sizing: border-box;}
 .release-from .release-label{width: 100%;float: left;text-align: left;height: 32px;color: #627386;}
 .release-from .release-label span{color: #FF0000;}
 .release-from .release-input{width: 100%;height: auto;float: left;position: relative;}
+.release-from .release-input.expen{margin-top:10px;}
+.release-from .release-input.expen .input{padding-left:36px;}
+.release-from .release-input.expen .span{width:36px;height:36px;display:block;position:absolute;top:0;left:0;text-align:center;line-height:36px;font-size:14px;color:#22272e;}
 .release-from .release-input .input{width: 100%;height: 36px;padding: 0 10px;border-radius: 2px;border: 1px solid #b8bfca;float: left;font-size: 13px;box-sizing: border-box;}
 .release-from .release-input .input.price{padding-left: 30px;}
 .release-from .release-input .yang{width: 30px;height: 36px;position: absolute;left: 0;top: 0;line-height: 36px;text-align: center;}

src/main/resources/static/js/supplier-center/shop/release.js

@@ -54,7 +54,10 @@ var releaseContainer = new Vue({
             twoClassifyName:'',
             threeClassifyName:'',
             brandName:'',
-            commodityType:1
+            commodityType:1,
+            trainType:1,// 线上培训方式
+            expensesType:1,// 售价包含培训费用
+            expensesMoney:''
         },
         params:{
             param:[],//相关参数
@@ -136,14 +139,6 @@ var releaseContainer = new Vue({
 
     },
     methods: {
-        getclass:function(val){
-            this.selectText.bigTypeID='请选择一级分类';
-            this.selectText.smallTypeID = '请选择二级分类';
-            this.releaseParams.bigTypeId ='';
-            this.classificationTwoList=[];
-            this.classificationThreeList =[];
-            this.GetFistClassFn(val);
-        },
         GetEditReleaseProductInfo: function(productId){
             var _this = this;
             SupplierApi.EditReleaseProductInfo({productId:productId},function(response){
@@ -223,6 +218,14 @@ var releaseContainer = new Vue({
                 }
             })
         },
+        getclass:function(val){
+            this.selectText.bigTypeID='请选择一级分类';
+            this.selectText.smallTypeID = '请选择二级分类';
+            this.releaseParams.bigTypeId ='';
+            this.classificationTwoList=[];
+            this.classificationThreeList =[];
+            this.GetFistClassFn(val);
+        },
         EchoProductFn : function(type) {
             switch (type) {
                 case 0 && null:
@@ -249,6 +252,14 @@ var releaseContainer = new Vue({
                     break;
             }
         },
+        choiceTrain : function(val){
+            var _this = this;
+            _this.releaseParams.trainType = Number(val);
+        },
+        choiceTrainOutlay : function(val){
+            var _this = this;
+            _this.releaseParams.expensesType = Number(val);
+        },
         EchoGoodsImagesListFn: function(arr){//处理商品主图回显
             var newArray =[];
             arr.forEach( function(el){ newArray.push(el.image) });

src/main/resources/templates/product/detail.html

@@ -218,6 +218,7 @@
                 <span :class="tabsIndex == 0 ? 'on' : ''" @click="detailsClicktab(0)">商品详情</span>
                 <span :class="tabsIndex == 1 ? 'on' : ''" v-if="parameters.length>0 && !isNoneDisabled" @click="detailsClicktab(1)">相关参数</span>
                 <span :class="tabsIndex == 2 ? 'on' : ''" v-if="isServiceInfo && !isNoneDisabled" @click="detailsClicktab(2)">服务项目</span>
+                <span :class="tabsIndex == 3 ? 'on' : ''" v-if="isServiceInfo && !isNoneDisabled" @click="detailsClicktab(2)">培训方案</span>
 <!--            <span>评价</span>-->
             </div>
             <div class="tabCon">

src/main/resources/templates/supplier-center/shop/release.html

@@ -62,7 +62,7 @@
                                 <div class="release-input"><input class="input" v-model="releaseParams.aliasName" maxlength="40" type="text" placeholder="请输入该商品在您公司内部的名称" @blur="blur_aliasName"></div>
                                 <div class="release-tips" v-show="vShow_AliasName">{{fromMessage}}</div>
                             </div>
-                             <div class="release-from clear">
+                            <div class="release-from clear">
                                  <div class="release-label"><span class="star">*</span>商品属性:</div>
                                     <div class="release-input">
                                         <div class="release-props">
@@ -72,6 +72,30 @@
                                     </div>
                                 <div class="release-tips" v-show="vShow_attribute">{{fromMessage}}</div>
                              </div>
+                            <div class="release-from clear">
+                                 <div class="release-label"><span class="star">*</span>培训方式:</div>
+                                    <div class="release-input">
+                                        <div class="release-props">
+                                            <label class="release-radio" @click="choiceTrain(1)"><input type="radio" name="trainType" v-model="releaseParams.trainType" value="1"><i class="icon mIcon">线上培训</i></label>
+                                            <label class="release-radio" @click="choiceTrain(2)"><input type="radio" name="trainType" v-model="releaseParams.trainType" value="2" checked><i class="icon mIcon">线下培训</i></label>
+                                        </div>
+                                    </div>
+                                <div class="release-tips" v-show="vShow_attribute">{{fromMessage}}</div>
+                             </div>
+                            <div class="release-from clear">
+                                 <div class="release-label"><span class="star">*</span>培训费用:</div>
+                                    <div class="release-input">
+                                        <div class="release-props">
+                                            <label class="release-radio" @click="choiceTrainOutlay(1)"><input type="radio" name="expensesType" v-model="releaseParams.expensesType" value="1"><i class="icon mIcon">售价未包含</i></label>
+                                            <label class="release-radio" @click="choiceTrainOutlay(2)"><input type="radio" name="expensesType" v-model="releaseParams.expensesType" value="2" checked><i class="icon mIcon">售价已包含</i></label>
+                                        </div>
+                                    </div>
+                                    <div class="release-input expen" v-if="releaseParams.expensesType == 1">
+                                        <span class="span">￥</span>
+                                        <input class="input" v-model="releaseParams.expensesMoney" maxlength="40" type="number" placeholder="请填写包含食宿，交通等各项费用的培训总金额">
+                                    </div>
+                                <div class="release-tips" v-show="vShow_attribute">{{fromMessage}}</div>
+                             </div>
                             <div class="release-from clear">
                                 <div class="release-label"><span class="star">*</span>商品分类:</div>
                                 <div class="release-input">