资源打标签功能

@@ -26,6 +26,7 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'admi
         var passPatternTips = '';
         var loginName = localStorage.getItem("lgn");
         var bizId = '';
+        var tagIds = [];
 
         form.render()
 
@@ -203,9 +204,9 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'admi
                         if (bean.reportFlag == '1') {
                             $form.find("input[name='reportFlag'][value='1']").attr("checked", "checked")
                         }
-                        if (bean.resLabel) {
-                            tagsContent = bean.resLabel.split("#");
-                        }
+                        // if (bean.resLabel) {
+                        //     tagsContent = bean.resLabel.split("#");
+                        // }
                         createResExtendParamRow(res['extend'])
                         createProtocolDom(res['proto'], true)
                         // 资源类型下拉框 资产系统过来的没有资源类型，需要选择
@@ -265,11 +266,12 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'admi
                 })
             }
             $("#resManageAddForm").find("input[name='resType']").val(resType);
-            inputTags.render({
-                elem: '#resLabelPluginsSelector',
-                content: tagsContent,
-                aldaBtn: false
-            })
+
+            // inputTags.render({
+            //     elem: '#resLabelPluginsSelector',
+            //     content: tagsContent,
+            //     aldaBtn: false
+            // })
 
             //表单验证规则
             form.verify({
@@ -280,6 +282,43 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'admi
             });
         })
 
+        getTags(id);
+        function getTags(resId) {
+            admin.req({
+                url: common.domainName + '/api-web/systag/list?type=RES&id='+resId,
+                type: 'get',
+                sync: false,
+                success: function (res) {
+                    var html = '';
+                    if(res.data && res.data.length > 0){
+                        var activeTag = "";
+                        res.data.forEach((v, i) => {
+                            if(v.selTag){
+                                tagIds.push(v.id);
+                                activeTag = "activeTag";
+                            }else{
+                                activeTag = "";
+                            }
+                            html += ` <span class="tag ${activeTag}" id="${v.id}">${v.name}</span>`;
+                        });
+                    }
+                    $("#res-tags").html(html);
+                    //添加点击事件
+                    $("#res-tags").find(".tag").on("click",function () {
+                        if($(this).hasClass("activeTag")){
+                            $(this).removeClass("activeTag");
+                            tagIds.splice($(this).attr('id'), 1);
+                        }else{
+                            $(this).addClass("activeTag");
+                            tagIds.push($(this).attr("id"))
+                        }
+                        $("#selectResTagIds").val(tagIds)
+                    });
+                }
+            });
+        }
+
+
         //动态渲染域的下拉列表数据
         function initDoMainSelect(domainId) {
             var newDimainlist = dimainlist.filter(function (v) {

@@ -1967,12 +1967,13 @@ layui.define(['common', 'tree', 'laypage', 'laytpl', 'upload', 'admin', 'form',
                 if (currentHardwareFlag.endsWith("Y")) formData.resCategory = 'share'
                 if (currentHardwareFlag.endsWith("N")) formData.resCategory = 'resources'
             }
-            var tags = [];
-            var span = $("div#tags span");
-            span.each(function () {
-                tags.push($(this).find("em").text())
-            })
-            formData['resLabel'] = tags.toString();
+            // var tags = [];
+            // var span = $("div#tags span");
+            // span.each(function () {
+            //     tags.push($(this).find("em").text())
+            // })
+
+            // formData['resLabel'] = tags.toString();
             /*formData['proto'] = proto;
             formData['extend'] = extend;*/
             if (formData.auxiliaryAdmin) {
@@ -1997,6 +1998,7 @@ layui.define(['common', 'tree', 'laypage', 'laytpl', 'upload', 'admin', 'form',
                     layer.msg('保存成功！', {icon: 1, time: 1500}, function () {
                         layer.closeAll();
                         reloadTable();
+                        saveTagRel(formData.resId);//保存标签
                         if (next == '1') {
                             //openCollTaskAndAlarm(res.object)
                             openResourceRelationConfigHtml(res.object.resId, res.object.resType)
@@ -2009,6 +2011,26 @@ layui.define(['common', 'tree', 'laypage', 'laytpl', 'upload', 'admin', 'form',
             })
         }
 
+        function saveTagRel(reId){
+
+            var selectResTagIds = $("#selectResTagIds").val();
+
+            var parmas = {
+                id:reId,
+                tags:selectResTagIds,
+                type:"RES"
+            }
+            admin.req({
+                url: common.domainName + '/api-web/systag/save',
+                method: 'get',
+                data : parmas,
+                sync: false,
+                success: function (res) {
+                    console.log("标签保存成功！")
+                }
+            });
+        }
+
         //资源协议验证
         function validatedProtoParam() {
             var flag = true, msg = '';

@@ -189,13 +189,17 @@
             </div>
             <div class="layui-form-item">
                 <label class="layui-form-label">标签</label>
+                <!--<div class="layui-input-block">-->
+                <!--    <div class="tags" id="tags">-->
+                <!--        <input autocomplete="off" class="layui-input" id="resLabelPluginsSelector" name="resLabel"-->
+                <!--               placeholder="标签,回车输入"-->
+                <!--               type="text">-->
+                <!--    </div>-->
+                <!--</div>-->
                 <div class="layui-input-block">
-                    <div class="tags" id="tags">
-                        <input autocomplete="off" class="layui-input" id="resLabelPluginsSelector" name="resLabel"
-                               placeholder="标签,回车输入"
-                               type="text">
-                    </div>
+                    <div id="res-tags" style="line-height: 40px;margin-left: 10px;"></div>
                 </div>
+                <input type="hidden" id="selectResTagIds">
             </div>
             <div class="layui-form-item">
                 <label class="layui-form-label" style="height: 100px">备注</label>