Browse Source

产品上传选择样式修改

yangc 8 years ago
parent
commit
0a30d23426

+ 1 - 1
src/main/webapp/resources/css/commonComponent.css

@@ -1,6 +1,6 @@
 /*---------------------提示框样式 start---------------------*/
 /*示例:
-<div class="com-del-box">
+<div class="com-mall-del-box">
     <div class="title">
         <i></i>
     </div>

BIN
src/main/webapp/resources/img/upload/daishou-active.png


BIN
src/main/webapp/resources/img/upload/daishou-default.png


BIN
src/main/webapp/resources/img/upload/ziying-active.png


BIN
src/main/webapp/resources/img/upload/ziying-default.png


+ 10 - 0
src/main/webapp/resources/js/vendor/controllers/forstore/vendor_upload_ctrl.js

@@ -50,10 +50,20 @@ define([ 'app/app' ], function(app) {
 		//翻页的信息
 		$scope.pageParams = {};
 
+		// 自营店铺选择寄售提示框
+		$scope.showSelfSellRemindBox = false;
+
+		$scope.setShowSelfSellRemindBox = function (flag) {
+			$scope.showSelfSellRemindBox = flag;
+		}
+
 		//选择相应的销售类型
 		$scope.sellType = function(type) {
 			if($scope.batch.selfSellEabled) {
 				$scope.batch.sellType = type;
+				if (type == 'UAS') {
+					$scope.setShowSelfSellRemindBox(true);
+				}
 			}else {
 				$scope.batch.sellType = 'UAS';
 			}

+ 52 - 2
src/main/webapp/resources/view/vendor/forstore/vendor_upload.html

@@ -145,6 +145,9 @@
     .add_category .sale-label input[type="radio"] {
         display: none;
     }
+    .add_category .sale-label a:first-child {
+        margin-right: 15px;
+    }
     .user_right a.blue-bg{
         color: #fff !important;
         margin-top: 5px;
@@ -396,6 +399,34 @@
     .com-del-box .operate a {
         color: #5078cb;
     }
+    .type-remind-box {
+        width: 289px;
+        height: 132px;
+        -webkit-box-shadow: none;
+        -moz-box-shadow: none;
+        box-shadow: none;
+    }
+    .type-remind-box .result {
+        width: 197px;
+        height: 37px;
+        margin: 16px auto 18px;
+        font-size: 14px;
+    }
+    .type-remind-box .result span {
+        color: #e83825;
+    }
+    .type-remind-box .operate {
+        text-align: center;
+    }
+    .type-remind-box .operate a {
+        padding: 5px 18px;
+        background: #5078cb;
+        color: #fff;
+        font-size: 14px;
+    }
+    .type-remind-box .operate a:hover {
+        color: #fff !important;
+    }
 </style>
 <div class="user_right fr">
     <!--货品管理-->
@@ -426,7 +457,7 @@
                     <div class="add_category" ng-if="!open02">
                         <div ng-if="$$productOn.tab == 'bathOn'">1、请选择是店铺自营还是优软代售</div>
                         <div class="sale-label" style="margin-top: -10px;" ng-if="$$productOn.tab == 'bathOn'">
-                            <label class="sellType">
+                           <!-- <label class="sellType">
                                 <input ng-click="sellType('UAS')" type="radio" name="487" id="sellbyUAS" ng-model="batch.sellType" ng-checked="batch.sellType == 'UAS'">
                                 <label for="sellbyUAS"></label>
                                 <span>优软代售</span>
@@ -435,7 +466,15 @@
                                 <input ng-click="sellType('self')" type="radio" name="487" id="sellbyself" ng-model="batch.sellType" ng-checked="batch.sellType == 'self'">
                                 <label for="sellbyself" ng-disabled="!batch.selfSellEabled"></label>
                                 <span ng-disabled="!batch.selfSellEabled">店铺自营</span>
-                            </label>
+                            </label>-->
+                            <a href="">
+                                <img ng-show="batch.sellType == 'self'" src="static/img/upload/daishou-default.png" alt="" ng-click="sellType('UAS')">
+                                <img ng-show="batch.sellType == 'UAS'" src="static/img/upload/daishou-active.png" alt="">
+                            </a>
+                            <a href="" ng-disabled="!batch.selfSellEabled">
+                                <img ng-show="batch.sellType == 'UAS'" src="static/img/upload/ziying-default.png" alt="" ng-click="sellType('self')">
+                                <img ng-show="batch.sellType == 'self'" src="static/img/upload/ziying-active.png" alt="">
+                            </a>
                         </div>
                         <div><span ng-if="$$productOn.tab == 'bathOn'">2、</span>请上传已经编辑好的库存表格,选择好上传的文件之后,点击确认上传</div>
                         <div class="upload">
@@ -582,6 +621,17 @@
                         </div>
                     </div>
                 </div>
+                <div class="com-modal-wrap" ng-if="showSelfSellRemindBox">
+                    <div class="type-remind-box com-mall-del-box">
+                        <div class="title">
+                            <i ng-click="setShowSelfSellRemindBox(false)"></i>
+                        </div>
+                        <div class="result"><span>选择寄售,</span>产品将由优软统一售卖,不会出现在您的自营店铺。</div>
+                        <div class="operate">
+                            <a href="javascript:void(0)" ng-click="setShowSelfSellRemindBox(false)">我知道了</a>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>