添加后台店铺违规页面的图片预览功能

src/main/webapp/resources/js/common/module/store_admin_violations_module.js

@@ -30,6 +30,8 @@ define([ 'ngResource', 'common/query/storeViolations', 'ngTable', 'ngSanitize',
 
 		$scope.tagStoreWithTag = tagStoreWithTag;
 
+		$scope.showImg = showImg;
+
 		active();
 
 		/**
@@ -125,6 +127,23 @@ define([ 'ngResource', 'common/query/storeViolations', 'ngTable', 'ngSanitize',
 			}
 		}
 
+		/**
+		 * 查看大图
+		 *
+		 * @param imgUrl		图片链接
+		 */
+		function showImg(imgUrl) {
+			var src = imgUrl, box = $('#image-box'), modal = $('.modal-content');
+			box.show();
+			box.find('img').attr('src', src);
+			box.find('a').click(function(){
+				box.hide();
+			});
+			box.dblclick(function(){
+				box.hide();
+			});
+		}
+
 	}]);
 
 	/**
@@ -144,6 +163,8 @@ define([ 'ngResource', 'common/query/storeViolations', 'ngTable', 'ngSanitize',
 		$scope.onUploadDisposeInfo = onUploadDisposeInfo;
 		$scope.deleteDisposeInfo = deleteDisposeInfo;
 
+		$scope.showImg = showImg;
+
 		active();
 
 		/**
@@ -213,7 +234,7 @@ define([ 'ngResource', 'common/query/storeViolations', 'ngTable', 'ngSanitize',
 				return 0;
 			}
 
-			// TODO huxz 处置店铺违规处置上传证明
+			// 处置店铺违规处置上传证明
 			if ($scope.disposeProof && $scope.disposeProof.length > 0) {
 				$scope.violations.disposeProof = $scope.disposeProof.filter(function (proof) {
 					return proof.url && proof.url !== '';
@@ -236,6 +257,23 @@ define([ 'ngResource', 'common/query/storeViolations', 'ngTable', 'ngSanitize',
 			});
 		}
 
+		/**
+		 * 查看大图
+		 *
+		 * @param imgUrl		图片链接
+		 */
+		function showImg(imgUrl) {
+			var src = imgUrl, box = $('#image-box'), modal = $('.modal-content');
+			box.show();
+			box.find('img').attr('src', src);
+			box.find('a').click(function(){
+				box.hide();
+			});
+			box.dblclick(function(){
+				box.hide();
+			});
+		}
+
 	}]);
 
 	/**
@@ -356,6 +394,8 @@ define([ 'ngResource', 'common/query/storeViolations', 'ngTable', 'ngSanitize',
 		$scope.wantRestoreStore = wantRestoreStore;
 		$scope.confirmRestoreStore = confirmRestoreStore;
 
+		$scope.showImg = showImg;
+
 		/**
 		 * 设置审核信息
 		 */
@@ -437,6 +477,23 @@ define([ 'ngResource', 'common/query/storeViolations', 'ngTable', 'ngSanitize',
 			});
 		}
 
+		/**
+		 * 查看大图
+		 *
+		 * @param imgUrl		图片链接
+		 */
+		function showImg(imgUrl) {
+			var src = imgUrl, box = $('#image-box'), modal = $('.modal-content');
+			box.show();
+			box.find('img').attr('src', src);
+			box.find('a').click(function(){
+				box.hide();
+			});
+			box.dblclick(function(){
+				box.hide();
+			});
+		}
+
 	}]);
 
 });

src/main/webapp/resources/js/vendor/controllers/forstore/vendor_store_close_ctrl.js

@@ -56,6 +56,12 @@ define(['app/app'], function (app) {
 		function clickShowComplaintArea() {
 			if ($scope.showComplaintArea) {
 				$scope.complaint = {};
+				$scope.complaint.complaintProof = [];
+
+				// 初始化用户的申述证明信息
+				for (var i = 0; i < 5; i++) {
+					$scope.complaint.complaintProof.push({createTime: new Date()});
+				}
 			}
 			$scope.showComplaintArea = !$scope.showComplaintArea;
 		}
@@ -101,7 +107,7 @@ define(['app/app'], function (app) {
 				return 0;
 			}
 
-			// TODO huxz 处理卖家待申述信息，去掉没有上传的证明信息
+			// 处理卖家待申述信息，去掉没有上传的证明信息
 			if ($scope.complaint.complaintProof && $scope.complaint.complaintProof.length > 0) {
 				$scope.violations.complaintProof = $scope.complaint.complaintProof.filter(function (proof) {
 					return proof && proof.url && proof.url !== '';
@@ -117,7 +123,8 @@ define(['app/app'], function (app) {
 					toaster.pop('success', '提交申述信息成功，请耐心等待！');
 				} else {
 					$scope.complaint = {};
-					toaster.pop('error', result.message);
+					// toaster.pop('error', result.message);
+					window.location.reload();
 				}
 			}, function (error) {
 				console.log(error);

src/main/webapp/resources/view/admin/store/fragments/enterprise_info.html

@@ -266,9 +266,8 @@
 					<li ng-repeat="qualification in qualifications">
 						<div class="img"><img ng-src="{{qualification.resourceUrl}}"></div>
 						<div class="hover-show">
-							<!-- TODO huxz 暂时使用浏览器链接进行预览 -->
-							<!--<a ng-click=""><i class="fa fa-search"></i>查看</a>-->
-							<a ng-href="{{qualification.resourceUrl}}" target="_blank"><i class="fa fa-search"></i>查看</a>
+							<!-- 图片预览 -->
+							<a ng-click="showImg(qualification.resourceUrl)"><i class="fa fa-search"></i>查看</a>
 						</div>
 					</li>
 				</ul>
@@ -301,7 +300,7 @@
 			</div>
 		</div>
 	</div>
-	<!--推荐相关内容 TODO huxz 暂时隐藏 -->
+	<!--推荐相关内容 -->
 	<div class="recommend" ng-if="store.status === 'OPENED'">
 		<div class="recommend-list hot-icon">推荐成为：
 			<label>

src/main/webapp/resources/view/admin/store/fragments/violations_detail.html

@@ -305,8 +305,8 @@
 					<li ng-repeat="proof in violations.disposeProof">
 						<div class="img"><img ng-src="{{proof.url || 'static/img/vendor/images/company_zz.jpg'}}"></div>
 						<div class="hover-show">
-							<!--<a ng-click=""><i class="fa fa-search"></i>查看</a>-->
-							<a ng-href="{{proof.url}}" target="_blank"><i class="fa fa-search"></i>查看</a>
+							<!-- 图片预览 -->
+							<a ng-click="showImg(proof.url)"><i class="fa fa-search"></i>查看</a>
 						</div>
 					</li>
 				</ul>
@@ -325,8 +325,8 @@
 					<li ng-repeat="proof in violations.complaintProof">
 						<div class="img"><img ng-src="{{proof.url || 'static/img/vendor/images/company_zz.jpg'}}"></div>
 						<div class="hover-show">
-							<!--<a ng-click=""><i class="fa fa-search"></i>查看</a>-->
-							<a ng-href="{{proof.url}}" target="_blank"><i class="fa fa-search"></i>查看</a>
+							<!-- 图片预览 -->
+							<a ng-click="showImg(proof.url)"><i class="fa fa-search"></i>查看</a>
 						</div>
 					</li>
 				</ul>

src/main/webapp/resources/view/admin/store/fragments/violations_handler.html

@@ -243,9 +243,8 @@
 						</div>
 						<div class="hover-show" ng-if="proof.url && proof.url !== ''">
 							<span class="delete" title="删除" ng-click="deleteDisposeInfo($index)"><i class="fa fa-trash"></i></span>
-							<!-- TODO huxz 暂时不做图片预览 -->
-							<!--<a ng-click=""><i class="fa fa-search"></i>查看</a>-->
-							<a ng-href="{{proof.url}}" target="_blank"><i class="fa fa-search"></i>查看</a>
+							<!-- 图片预览 -->
+							<a ng-click="showImg(proof.url)"><i class="fa fa-search"></i>查看</a>
 						</div>
 					</li>
 				</ul>

src/main/webapp/resources/view/admin/store/store_info_detail.html

@@ -1,4 +1,7 @@
 <style>
+	#store-detail a:hover {
+		text-decoration: none;
+	}
 	#store-detail .bread-crumb {
 		height: 24px;
 	}

src/main/webapp/resources/view/vendor/forstore/vendor_store_close.html

@@ -322,7 +322,7 @@
 						</div>
 						<div class="hover-show" ng-if="proof.url && proof.url !== ''">
 							<span class="delete" title="删除" ng-click="deleteProofInfo($index)"><i class="fa fa-trash"></i></span>
-							<!-- TODO huxz 暂时不做图片预览 -->
+							<!-- 图片预览 -->
 							<a ng-click="showImg(proof.url)"><i class="fa fa-search"></i>查看</a>
 							<!--<a ng-href="{{proof.url}}" target="_blank"><i class="fa fa-search"></i>查看</a>-->
 						</div>