Browse Source

行业下拉框添加被点击后样式

wangmh 8 years ago
parent
commit
9e1984b1da

+ 8 - 4
src/main/webapp/resources/js/index/app.js

@@ -9884,18 +9884,21 @@ define(['toaster', 'charts', 'ngTable', 'common/services', 'common/directives',
         $scope.removeTag = function (tag) {
             removeByValue($scope.tags, tag);
         }
+        // 获取行业信息
+        $http.get('static/data/profession.json').success(function (data) {
+            $scope.list = data;
+        });
 
         // 选择行业
         $scope.profession = new Array();
         $scope.showProfession = false;
         $scope.selectProfession = function () {
             $scope.professionArray = [];
+            $scope.active = [];
             $scope.showProfession = !$scope.showProfession;
-            $http.get('static/data/profession.json').success(function (data) {
-                $scope.list = data;
-                $scope.profession[0] = data;
-            });
+            $scope.profession[0] = $scope.list;
         }
+
         $scope.isInList = false;
         $scope.isInInput = false;
         $scope.hideList = function () {
@@ -9906,6 +9909,7 @@ define(['toaster', 'charts', 'ngTable', 'common/services', 'common/directives',
 
         // 行业子菜单点击
         $scope.onItemClick = function (key, index, value) {
+            $scope.active[index] = key;
             if (angular.isString(value)){ // 值为字符串说明点击的是最后一级
                 $scope.copyEnterprise.profession = value;
                 $scope.showProfession = false;

+ 4 - 4
src/main/webapp/resources/tpl/index/approvalFlow/enterprise.html

@@ -561,7 +561,7 @@
 							<div class="choose-body">
 								<div class="choose-item">
 									<ul class="list-unstyled">
-										<li ng-repeat="(key, value) in profession[0]" ng-class="{active: value.$active}">
+										<li ng-repeat="(key, value) in profession[0]" ng-class="{active: key == active[0]}">
 											<a ng-click="onItemClick(key, 0, value)">{{key}}
 												<span class="caret" ></span>
 											</a>
@@ -572,7 +572,7 @@
 							<div class="choose-body" ng-show="profession[1]">
 								<div class="choose-item">
 									<ul class="list-unstyled">
-										<li ng-repeat="(key, value) in profession[1]" ng-class="{active: value.$active}">
+										<li ng-repeat="(key, value) in profession[1]" ng-class="{active: key == active[1]}">
 											<a ng-click="onItemClick(key, 1, value)">{{key}}
 												<span ng-show="!isString(value)" class="caret" ></span>
 											</a>
@@ -583,7 +583,7 @@
 							<div class="choose-body" ng-show="profession[2]" style="border-left:0;">
 								<div class="choose-item">
 									<ul class="list-unstyled">
-										<li ng-repeat="(key, value) in profession[2]" ng-class="{active: value.$active}">
+										<li ng-repeat="(key, value) in profession[2]" ng-class="{active: key == active[2]}">
 											<a ng-click="onItemClick(key, 2, value)">{{key}}
 												<span ng-show="!isString(value)" class="caret" ></span>
 											</a>
@@ -594,7 +594,7 @@
 							<div class="choose-body" ng-show="professionArray.length > 0" style="border-left:0;">
 								<div class="choose-item">
 									<ul class="list-unstyled">
-										<li ng-repeat="value in professionArray" ng-class="{active: value.$active}">
+										<li ng-repeat="value in professionArray" ng-class="{active: false}">
 											<a ng-click="onItemClick(null, -1, value)">{{value}}</a>
 										</li>
 									</ul>