添加标签增删操作

src/main/webapp/resources/js/index/app.js

@@ -9635,6 +9635,7 @@ define(['toaster', 'charts', 'ngTable', 'common/services', 'common/directives',
         AccountEnterprise.get({}, function (data) {
             $scope.loading = false;
             $scope.enterprise = data;
+            $scope.tags = data.tags.split(',');  // 将逗号分隔的标签字符串转换成数组，便于操作
 
             // 获取付款企业信息
             DeputyOrder.paycompanies({enuu: $scope.enterprise.uu}, {}, function (data) {
@@ -9669,6 +9670,7 @@ define(['toaster', 'charts', 'ngTable', 'common/services', 'common/directives',
         // 更新企业信息
         $scope.updateDetailInfo = function () {
             $scope.loading = true;
+            $scope.enterprise.tags = $scope.tags.join(','); // 将标签数组转换成逗号分隔的字符串，便于储存
             AccountEnterprise.save($scope.enterprise, function () {
                 $scope.loading = false;
                 $scope.connectionEditing = false;
@@ -9863,6 +9865,16 @@ define(['toaster', 'charts', 'ngTable', 'common/services', 'common/directives',
             });
         }
 
+        $scope.addTag = function () {
+            if ($scope.tags.indexOf($scope.tag) == -1){
+                $scope.tags.push($scope.tag);
+            }
+            $scope.tag = '';
+        }
+
+        $scope.removeTag = function (tag) {
+            removeByValue($scope.tags, tag);
+        }
     }]);
 
     // 编辑收货地址

src/main/webapp/resources/tpl/index/approvalFlow/enterprise.html

@@ -34,7 +34,7 @@
 
 	.com_title01 {
 		height: 50px;
-		line-height: 50x;
+		line-height: 50px;
 		width: 100%;
 		margin: 0 auto;
 		border-bottom: #5078cb 1px dotted;
@@ -290,7 +290,7 @@
 	#company .add-tag input{
 		width: 318px;
 	}
-	#company .add-tag button{
+	#company .add-tag a{
 		width: 75px;
 		height: 34px;
 		position: absolute;
@@ -300,6 +300,7 @@
 		border: none;
 		background: no-repeat;
 		color: #5078cb;
+		cursor: pointer;
 	}
 </style>
 <!--<div class="com_title">设置&gt;企业设置<font>&gt;企业信息</font></div>-->
@@ -471,16 +472,15 @@
 				<div class="col-xs-12" style="height: auto">
 					<div class="com-text col-xs-12" style="height: auto">
 						<span class="title">经营范围：</span>
-						<div class="content enterprise-area" style="height: auto" ng-repeat="tag in ::enterprise.tags.split(',')">
-							<span>{{tag}}<i class="fa fa-times-circle" ng-show="connectionEditing"></i></span>
-							<!--<span>企业管理咨询<i class="fa fa-times-circle" ng-show="connectionEditing"></i></span>-->
-							<!--<span>电子产品开发<i class="fa fa-times-circle" ng-show="connectionEditing"></i></span>-->
-							<!--<span>货运代理<i class="fa fa-times-circle" ng-show="connectionEditing"></i></span>-->
+						<div class="content enterprise-area" style="height: auto" ng-model="::enterprise.tags">
+							<span ng-repeat="tag in tags track by $index">{{tag}}
+								<i class="fa fa-times-circle" ng-show="connectionEditing" ng-click="removeTag(tag)"></i>
+							</span>
 						</div>
 					</div>
 					<div class="com-text col-xs-12 add-tag" ng-show="connectionEditing">
-						<input type="text" value="" class="form-control" />
-						<button>+添加标签</button>
+						<input type="text" ng-model="tag" class="form-control" />
+						<a ng-click="addTag()">+添加标签</a>
 					</div>
 				</div>
 			</div>