angularJS学习二

1、实现列表

思路：

accessCtrl.js

let AccessCtrl = let vm = vm.pager = pageNo:1 pageSize: 10 totalCount: 0 vm.dataSourceTypeList= id:"1" name:"DB2" id:"2" name:"Sybase" id:"3" name:"MySql" id:"4" name:"Oracle" id:"5" name:"FTP" id:"6" name:"HDFS" id:"7" name:"HIVE" id:"8" name:"HBase" let queryData = isDataSourceSet:'1', systemId: '' dataSourceName: '' dataSourceType: '' ipAddress: '' userName: '' dataSourceType: queryData.dataSourceType,ipAddress: queryData.ipAddress,userName: queryData.userName}).then( vm.dataList = vm.pager.totalCount = result.totalCount | 0 vm.pager.pageNo = $scope.$broadcast('sn.controls.pager:toPage' dataSourceGroupType: queryData.dataSourceType,userName: queryData.userName}).then( vm.dataSetList = vm.pager.totalCount = result.totalCount | 0 vm.pager.pageNo = $scope.$broadcast('sn.controls.pager:toPage' $scope.$on("sn.controls.pager:pageIndexChanged", (vm.isDataSourceSet=="1" getAccessMngList(page.pageIndex + 1 (vm.isDataSourceSet=="2" getAccessMngSetList(page.pageIndex + 1 vm.queryAccessList = queryData.isDataSourceSet = queryData.dataSourceName = queryData.dataSourceType = queryData.ipAddress = queryData.userName = (vm.isDataSourceSet=="1" getAccessMngList(1 (vm.isDataSourceSet=="2" getAccessMngSetList(1 BigDataService.getSystemList().then( vm.systemList = vm.$watch("query.systemId", (newVal !== console.log("newVal*******"+ queryData.systemId = vm.detail = key: "BigData.DataResource.DetailDialog" url: "business/template/dataResource/detail-dialog.html" vm.lookLink = key: "BigData.DataResource.LinkDialog" url: "business/template/dataResource/link-dialog.html" vm.TipDialog= key: "BigData.DataResource.TipDialog" url: "business/template/dataResource/tip-dialog.html" vm.createDataSet = key: "BigData.DataResource.CreateSetDialog" url: "business/template/dataResource/create-set-dialog.html" vm.changeDataSourceList= (obj.isDataSourceSet=='1' vm.dataSourceTypeList= id:"1" name:"DB2"

-click="detail(item.dataSourceId,item.dataSourceName,item.dataSourceType)">查看明细 -click="lookLink(item.dataSourceId,item.dataSourceType)">查看引用 ="isDataSourceSet=='2'">

="{{pager.totalCount}}" listSize="10">

2、添加数据源集(选择数据源集内容)

create-set-dialog.html

createSetDialogCtrl.js

3、数据源集

create-set-dialog-new.html

-click="delete(item.dataSourceId,item.dataSourceName)"> ="dataListNew.length < 1" class="border-left-right">

="{{pager.totalCount}}" listSize="5">

createSetDialogNewCtrl

let CreateSetDialogNewCtrl = ==150='1', systemId: '''''''''''' vm.dataSourceIdsAll == let dataSourceGroupType =

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;获取 数据源 访问管理列表,并分页</span>
<span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; getSingleDataResGroupDetailNew(pageNo){
    BigDataService.getSingleDataResGroupDetailNew({pageNo: pageNo,dataSourceGroupId: queryData.dataSourceGroupId}).then(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;(result){
        </span><span style="color: #0000ff;"&gt;if</span><span style="color: #000000;"&gt;(result){
            vm.dataSetListNew </span>=<span style="color: #000000;"&gt; result;
            vm.pager.totalCount </span>= result.totalCount | 0<span style="color: #000000;"&gt;;
            vm.pager.pageNo </span>=<span style="color: #000000;"&gt; result.pageNo;
            $scope.$broadcast(</span>'sn.controls.pager:toPage'<span style="color: #000000;"&gt;,vm.pager.pageNo);
        }
    });
};

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;新建数据源集，更新列表</span>
<span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; getAccessMngSetList(pageNo){
    BigDataService.getAccessMngSetList({pageNo: pageNo,dataSourceGroupType: queryData.dataSourceType,userName: queryData.userName}).then(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;(result){
        </span><span style="color: #0000ff;"&gt;if</span><span style="color: #000000;"&gt;(result){
            </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; console.log(result);</span>
            vm.dataSetList =<span style="color: #000000;"&gt; result.list;
            vm.pager.totalCount </span>= result.totalCount | 0<span style="color: #000000;"&gt;;
            vm.pager.pageNo </span>=<span style="color: #000000;"&gt; result.pageNo;
            $scope.$broadcast(</span>'sn.controls.pager:toPage'<span style="color: #000000;"&gt;,vm.pager.pageNo);
        }
    });
};

$scope.$on(</span>"sn.controls.pager:pageIndexChanged",page) {
    evt.stopPropagation();
    </span><span style="color: #0000ff;"&gt;if</span>(vm.isDataSourceSet=="1"<span style="color: #000000;"&gt;){
        getAccessMngList(page.pageIndex </span>+ 1<span style="color: #000000;"&gt;);
    }
    </span><span style="color: #0000ff;"&gt;if</span>(vm.isDataSourceSet=="2"<span style="color: #000000;"&gt;){
        getAccessMngSetList(page.pageIndex </span>+ 1<span style="color: #000000;"&gt;);
    }
});

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;添加按钮</span>
vm.dataSourceAdd = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; 跳转到选择数据源弹窗</span>

DialogService.modal({
key: "BigData.DataResource.CreateSetDialogAdd",url: "business/template/dataResource/create-set-dialog-add.html",accept:function(selectedOrder){
// console.log(selectedOrder);
//原始的数据源数组+选中数据源的数组，去除重复的
for(var i=0;i<vm.selectedOrderData.length;i++){
for(var j=0;j<selectedOrder.length;j++){
if(vm.selectedOrderData[i].dataSourceId===selectedOrder[j].dataSourceId){
selectedOrder.splice(j,1);
}
}
}
for(var i=0; i<selectedOrder.length; i++){
vm.selectedOrderData.push(selectedOrder[i]);
}
//获取数据源id数组
vm.selectedOrderData.forEach(function (value,index,array) {
vm.dataSourceIdsAll[index]=value.dataSourceId;
});
// console.log(vm.dataSourceIdsAll);
//分页无效
if(vm.selectedOrderData.length>0){
vm.dataSetListNew = vm.selectedOrderData;
}
}
},{
dataAdd:{
dataSourceGroupType: dataSourceGroupType,}
})
}
$scope.$on("sn.controls.pager:pageIndexChanged",page) {
evt.stopPropagation();
getSingleDataResGroupDetailNew(page.pageIndex + 1);
});

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;删除数据源</span>
vm.<span style="color: #0000ff;"&gt;delete</span> = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; (dataSourceId,dataSourceName) {
    AlertService.confirm({
        title: </span>"确认"<span style="color: #000000;"&gt;,content: </span>"确定要删除"+dataSourceName+"吗？"<span style="color: #000000;"&gt;
    }).then(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;() {
        vm.selectedOrderData.forEach(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; (value,array) {
            </span><span style="color: #0000ff;"&gt;if</span>(value.dataSourceId===<span style="color: #000000;"&gt;dataSourceId){
                vm.selectedOrderData.splice(index,</span>1<span style="color: #000000;"&gt;);
            }
        })
        vm.dataSetListNew </span>=<span style="color: #000000;"&gt; vm.selectedOrderData;
        </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; console.log( vm.selectedOrderData);</span>

});
};

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;新建数据源集 button</span>
vm.confirmData =<span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    </span><span style="color: #0000ff;"&gt;if</span>(!<span style="color: #000000;"&gt;vm.dataSourceGroupName01){
        AlertService.alert({title: </span>"温馨提示",content: "请填写数据源集名称。"<span style="color: #000000;"&gt;});
        </span><span style="color: #0000ff;"&gt;return</span><span style="color: #000000;"&gt;;
    }
    </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;判断是否存在数据源</span>
    <span style="color: #0000ff;"&gt;if</span>(vm.selectedOrderData.length===0<span style="color: #000000;"&gt;){
        AlertService.alert({
            title: </span>"温馨提示"<span style="color: #000000;"&gt;,content: </span>"请选择数据源，请按“添加”按钮"<span style="color: #000000;"&gt;
        });
        </span><span style="color: #0000ff;"&gt;return</span><span style="color: #000000;"&gt;;
    }
    </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;判断数据源集是否重名</span>
    AdminBigDataService.getDataSourceSetName({dataSourceGroupName:vm.dataSourceGroupName01}).then(<span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;(result2){
        </span><span style="color: #0000ff;"&gt;if</span>(result2==0<span style="color: #000000;"&gt;) {
            BigDataService.addDataResGroup({ dataSourceGroupName: vm.dataSourceGroupName01,dataSourceGroupType: dataSourceGroupType,dataSourceIds: vm.dataSourceIdsAll });
            DialogService.dismiss(</span>"BigData.DataResource.CreateSetDialogNew"<span style="color: #000000;"&gt;);
            DialogService.dismiss(</span>"BigData.DataResource.CreateSetDialog"<span style="color: #000000;"&gt;);

        }</span><span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;{
            AlertService.alert({title: </span>"温馨提示",content: "请勿填写重复的数据源名称。"<span style="color: #000000;"&gt;});
            </span><span style="color: #0000ff;"&gt;return</span><span style="color: #000000;"&gt;;
        }
    })
};

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;关闭窗口</span>
vm.close = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;() {
    DialogService.dismiss(</span>"BigData.DataResource.CreateSetDialogNew"<span style="color: #000000;"&gt;);
};

};

export default app => app.controller('CreateSetDialogNewCtrl',CreateSetDialogNewCtrl);

4、添加数据源

create-set-dialog-add.html

="{{pager.totalCount}}" listSize="5">

createSetDialogAddCtrl

let CreateSetDialogAddCtrl = =

vm.pager </span>=<span style="color: #000000;"&gt; {
    pageNo:</span>1<span style="color: #000000;"&gt;,userName: </span>''<span style="color: #000000;"&gt;
};
</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;获取传递的参数</span>
queryData.dataSourceType =<span style="color: #000000;"&gt; vm.dataAdd.dataSourceGroupType;
vm.dataSourceTypeAdd </span>=<span style="color: #000000;"&gt; queryData.dataSourceType;

/ vm.dataSourceTypeList=[
{
id:"1",name:"DB2"
},{
id:"2",name:"Sybase"
},{
id:"3",name:"MySql"
},{
id:"4",name:"Oracle"
},{
id:"5",name:"FTP"
},];/

<span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;获取数据源访问管理列表,并分页</span>
<span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; getAccessMngList(pageNo){
    BigDataService.getAccessMngList({pageNo: pageNo,dataSourceType: queryData.dataSourceType,userName: queryData.userName}).then(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;(result){
        </span><span style="color: #0000ff;"&gt;if</span><span style="color: #000000;"&gt;(result){
            vm.dataListNew </span>=<span style="color: #000000;"&gt; result.list;
            vm.pager.totalCount </span>= result.totalCount | 0<span style="color: #000000;"&gt;;
            vm.pager.pageNo </span>=<span style="color: #000000;"&gt; result.pageNo;
            $scope.$broadcast(</span>'sn.controls.pager:toPage'<span style="color: #000000;"&gt;,vm.pager.pageNo);
        }
    });
};
$scope.$on(</span>"sn.controls.pager:pageIndexChanged",page) {
    evt.stopPropagation();
    getAccessMngList(page.pageIndex </span>+ 1<span style="color: #000000;"&gt;);
});


</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;下拉框的类型值的变化，取对应数据源列表变化</span>
vm.$watch("query.dataSourceType",oldVal) {
    </span><span style="color: #0000ff;"&gt;if</span> (newVal !==<span style="color: #000000;"&gt; oldVal) {
        console.log(</span>"newVal*******"+<span style="color: #000000;"&gt;newVal);
        queryData.dataSourceType </span>=<span style="color: #000000;"&gt; vm.query.dataSourceType;
        getAccessMngList(</span>1<span style="color: #000000;"&gt;);
    }
});

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;多选框</span>
vm.m =<span style="color: #000000;"&gt; [];
vm.selectedOrder </span>=<span style="color: #000000;"&gt; [];
vm.selectAll </span>= <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    </span><span style="color: #0000ff;"&gt;if</span><span style="color: #000000;"&gt;(vm.select_all){
        angular.forEach(vm.dataListNew,</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; (item) {
            item.checked </span>= <span style="color: #0000ff;"&gt;true</span><span style="color: #000000;"&gt;;
            vm.selectedOrder.push(item);
        })
    }</span><span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;{
        angular.forEach(vm.dataListNew,</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; (item) {
            item.checked </span>= <span style="color: #0000ff;"&gt;false</span><span style="color: #000000;"&gt;;
            vm.selectedOrder </span>=<span style="color: #000000;"&gt; [];
        })
    }
    console.log(vm.selectedOrder);
}
vm.selectOne </span>= <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    angular.forEach(vm.dataListNew,</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; (item) {
        let index </span>=<span style="color: #000000;"&gt; vm.selectedOrder.indexOf(item);
        </span><span style="color: #0000ff;"&gt;if</span>(item.checked &amp;&amp; index === -1<span style="color: #000000;"&gt;) {
            vm.selectedOrder.push(item);
        } </span><span style="color: #0000ff;"&gt;else</span> <span style="color: #0000ff;"&gt;if</span> (!item.checked &amp;&amp; index !== -1<span style="color: #000000;"&gt;){
            vm.selectedOrder.splice(index,</span>1<span style="color: #000000;"&gt;);
        };
    });
    </span><span style="color: #0000ff;"&gt;if</span>(vm.dataListNew.length ===<span style="color: #000000;"&gt; vm.selectedOrder.length){
        vm.select_all </span>= <span style="color: #0000ff;"&gt;true</span><span style="color: #000000;"&gt;;
    }</span><span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;{
        vm.select_all </span>= <span style="color: #0000ff;"&gt;false</span><span style="color: #000000;"&gt;;
    }
    console.log(vm.selectedOrder);
};

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;确定按钮</span>
vm.addData = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    </span><span style="color: #0000ff;"&gt;if</span>(vm.selectedOrder.length>0<span style="color: #000000;"&gt;){
        </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; BigDataService.addDataResGroup({dataSourceGroupName: vm.dataSourceGroupName01,dataSourceGroupType: 1,dataSourceIds: vm.selectedOrder}).then(function () {</span>
            DialogService.accept("BigData.DataResource.CreateSetDialogAdd"<span style="color: #000000;"&gt;,vm.selectedOrder);
        </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; })</span>
    }<span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;{
        AlertService.alert({title: </span>"温馨提示",content: "请至少选择一项数据源。"<span style="color: #000000;"&gt;});
        </span><span style="color: #0000ff;"&gt;return</span><span style="color: #000000;"&gt;;
    }

}
</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;单个查询，双向数据绑定</span>
vm.dataSourceChange = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    queryData.dataSourceName </span>=<span style="color: #000000;"&gt; vm.dataSourceName;
    queryData.ipAddress </span>=<span style="color: #000000;"&gt; vm.ipAddress;
    queryData.userName </span>=<span style="color: #000000;"&gt; vm.userName;
    getAccessMngList(</span>1<span style="color: #000000;"&gt;);
}

vm.clearAll </span>= <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    vm.dataSourceName </span>= ""<span style="color: #000000;"&gt;;
    setTimeout(</span><span style="color: #0000ff;"&gt;function</span>(){document.getElementById("getFocusName").focus();},1000<span style="color: #000000;"&gt;);
    queryData.dataSourceName </span>=<span style="color: #000000;"&gt; vm.dataSourceName;
    queryData.ipAddress </span>=<span style="color: #000000;"&gt; vm.ipAddress;
    queryData.userName </span>=<span style="color: #000000;"&gt; vm.userName;
    getAccessMngList(</span>1<span style="color: #000000;"&gt;);
}

vm.clearAllIP </span>= <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    vm.ipAddress </span>= ""<span style="color: #000000;"&gt;;
    setTimeout(</span><span style="color: #0000ff;"&gt;function</span>(){document.getElementById("getFocusIp").focus();},1000<span style="color: #000000;"&gt;);
    queryData.dataSourceName </span>=<span style="color: #000000;"&gt; vm.dataSourceName;
    queryData.ipAddress </span>=<span style="color: #000000;"&gt; vm.ipAddress;
    queryData.userName </span>=<span style="color: #000000;"&gt; vm.userName;
    getAccessMngList(</span>1<span style="color: #000000;"&gt;);
}
vm.clearAllUserName </span>= <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    vm.userName </span>= ""<span style="color: #000000;"&gt;;
    setTimeout(</span><span style="color: #0000ff;"&gt;function</span>(){document.getElementById("getFocusUserName").focus();},1000<span style="color: #000000;"&gt;);
    queryData.dataSourceName </span>=<span style="color: #000000;"&gt; vm.dataSourceName;
    queryData.ipAddress </span>=<span style="color: #000000;"&gt; vm.ipAddress;
    queryData.userName </span>=<span style="color: #000000;"&gt; vm.userName;
    getAccessMngList(</span>1<span style="color: #000000;"&gt;);
}


</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;关闭窗口</span>
vm.close = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;() {
    DialogService.dismiss(</span>"BigData.DataResource.CreateSetDialogAdd"<span style="color: #000000;"&gt;);
};

(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; init(){
    getAccessMngList(vm.pager.pageNo);
})();

}

export default app => app.controller('CreateSetDialogAddCtrl',CreateSetDialogAddCtrl);

5、查看明细

detail-dialog.html

="{{pager.totalCount}}" listSize="5">

linkDialog.js

let LinkDialogCtrl = ==10="1""数据开发""2""数据交换"==== 1

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;获取查看引用列表,并分页</span>
<span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; getJobLink(pageNo){
    BigDataService.getJobLink({pageNo: pageNo,dataSourceId: vm.dataSourceId,suitType: suitType}).then(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;(result){
        </span><span style="color: #0000ff;"&gt;if</span><span style="color: #000000;"&gt;(result){
            vm.linkListNew </span>=<span style="color: #000000;"&gt; result;
            vm.pager.totalCount </span>= result.totalCount | 0<span style="color: #000000;"&gt;;
            vm.pager.pageNo </span>=<span style="color: #000000;"&gt; result.pageNo;
            $scope.$broadcast(</span>'sn.controls.pager:toPage'<span style="color: #000000;"&gt;,page) {
    evt.stopPropagation();
    getSingleDataResGroupDetailNew(page.pageIndex </span>+ 1<span style="color: #000000;"&gt;);
});

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;导出</span>
vm.exportDataResource = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
  BigDataService.downLoadJobInfos({dataSourceId: vm.dataSourceId,suitType: suitType}).then(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
      window.location.href </span>= location.origin+baseUrl + "/dataResource/exportWorkConnectivity"<span style="color: #000000;"&gt;;
      window.location.target </span>= "_blank"<span style="color: #000000;"&gt;;
  })
};

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;关闭窗口</span>
vm.close = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;() {
    DialogService.dismiss(</span>"BigData.DataResource.LinkDialog"<span style="color: #000000;"&gt;);
};

(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; init(){
    getJobLink(vm.pager.pageNo);
})();

}

export default app => app.controller('LinkDialogCtrl',LinkDialogCtrl);

7、数据源访问申请流程

tip-dialog.html

tipDialogCtrl.js

8、修改数据源集

update-set-dialog-new.html

-click="updateDelete(item.dataSourceId,item.dataSourceName)"> ="dataListNew.length < 1" class="border-left-right">

="{{pager.totalCount}}" listSize="5">

updateSetDialogNew.js

let UpdateSetDialogNewCtrl = 0 vm.dataSourceIdsAll ====

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;获取 数据源 访问管理列表,dataSourceGroupId: vm.dataSourceGroupId}).then(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;(result){
        </span><span style="color: #0000ff;"&gt;if</span><span style="color: #000000;"&gt;(result){
            vm.selectedOrderData </span>=<span style="color: #000000;"&gt; result;
            vm.dataSetListNew </span>=<span style="color: #000000;"&gt; vm.selectedOrderData;
            vm.pager.totalCount </span>= result.totalCount | 0<span style="color: #000000;"&gt;;
            vm.pager.pageNo </span>=<span style="color: #000000;"&gt; result.pageNo;
            $scope.$broadcast(</span>'sn.controls.pager:toPage'<span style="color: #000000;"&gt;,page) {
    evt.stopPropagation();
    getSingleDataResGroupDetailNew(page.pageIndex </span>+ 1<span style="color: #000000;"&gt;);
});

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;添加</span>
vm.dataSourceAdd = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; 跳转到选择数据源弹窗</span>

DialogService.modal({
key: "BigData.DataResource.CreateSetDialogAdd",accept:function(selectedOrder){
/ console.log('##############################');
console.log(vm.selectedOrderData);
console.log(selectedOrder);
console.log('##############################');/
//原始的数据源数组+选中数据源的数组，去除重复的
for(var i=0;i<vm.selectedOrderData.length;i++){
for(var j=0;j<selectedOrder.length;j++){
if(vm.selectedOrderData[i].dataSourceId===selectedOrder[j].dataSourceId){
selectedOrder.splice(j,1);
}
}
}
for(var i=0; i<selectedOrder.length; i++){
vm.selectedOrderData.push(selectedOrder[i]);
}
//数据源id数组
vm.selectedOrderData.forEach(function (value,array) {
vm.dataSourceIdsAll[index]=value.dataSourceId;
})
// console.log(vm.dataSourceIdsAll);
if(vm.selectedOrderData.length>0){
vm.dataSetListNew = vm.selectedOrderData;
}
}
},{
dataAdd:{
dataSourceGroupType: vm.dataSourceGroupType,}
});
};

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;删除数据源</span>
vm.updateDelete = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; (dataSourceId,</span>1<span style="color: #000000;"&gt;);
            }
        })
        console.log( vm.selectedOrderData);
        vm.dataSetListNew </span>=<span style="color: #000000;"&gt; vm.selectedOrderData;
    });
};

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;确认修改数据源集 button</span>
vm.confirmData =<span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;判断是否存在数据源</span>
    <span style="color: #0000ff;"&gt;if</span>(vm.dataSetListNew.length>0<span style="color: #000000;"&gt;){
        </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;数据源id数组</span>
        vm.dataSetListNew.forEach(<span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; (value,array) {
            vm.dataSourceIdsAll[index]</span>=<span style="color: #000000;"&gt;value.dataSourceId;
        })
        </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; console.log(vm.dataSourceIdsAll);</span>

BigDataService.addDataResGroup({ dataSourceGroupName: vm.dataSourceGroupName,dataSourceGroupType: vm.dataSourceGroupType,dataSourceIds: vm.dataSourceIdsAll,dataSourceGroupId: vm.dataSourceGroupId});
DialogService.dismiss("BigData.DataResource.UpdateSetDialogNew");
}else{
AlertService.alert({
title: "温馨提示",content: "请选择数据源，请按“添加”按钮"
})
return;
}
}

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;关闭窗口</span>
vm.close = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;() {
    DialogService.dismiss(</span>"BigData.DataResource.UpdateSetDialogNew"<span style="color: #000000;"&gt;);
};

(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; init(){
    getSingleDataResGroupDetailNew(</span>1<span style="color: #000000;"&gt;);
})();

}

export default app => app.controller('UpdateSetDialogNewCtrl',UpdateSetDialogNewCtrl);

10、删除


-click="detail(item.dataSourceId,item.dataSourceName,item.dataSourceType)">查看明细 -click="lookLink(item.dataSourceId,item.dataSourceType)">查看引用 ="isDataSourceSet=='2'">

="{{pager.totalCount}}" listSize="10"> 2、添加数据源集(选择数据源集内容) create-set-dialog.html createSetDialogCtrl.js let CreateSetDialogCtrl = =="1"= vm.confirm = ="BigData.DataResource.CreateSetDialogNew""business/template/dataResource/create-set-dialog-new.html"<span style="color: #008000;">/<span style="color: #008000;"> DialogService.accept("BigData.AdminDataRes.CreateSetDialog",vm.create.dataSourceGroupType);<span style="color: #008000;">/<span style="color: #000000;"> }; vm.cancel = <span style="color: #0000ff;">function<span style="color: #000000;">() { DialogService.refuse("BigData.DataResource.CreateSetDialog",""<span style="color: #000000;">); }; vm.close = <span style="color: #0000ff;">function<span style="color: #000000;">() { DialogService.dismiss("BigData.DataResource.CreateSetDialog"<span style="color: #000000;">); }; } export <span style="color: #0000ff;">default app => app.controller('CreateSetDialogCtrl',CreateSetDialogCtrl); 3、数据源集 create-set-dialog-new.html

-click="delete(item.dataSourceId,item.dataSourceName)"> ="dataListNew.length < 1" class="border-left-right">	="{{pager.totalCount}}" listSize="5"> createSetDialogNewCtrl let CreateSetDialogNewCtrl = ==150='1', systemId: '''''''''''' vm.dataSourceIdsAll == let dataSourceGroupType =</span><span style="color: #008000;">//</span><span style="color: #008000;">获取数据源访问管理列表,并分页</span> <span style="color: #0000ff;">function</span><span style="color: #000000;"> getSingleDataResGroupDetailNew(pageNo){ BigDataService.getSingleDataResGroupDetailNew({pageNo: pageNo,dataSourceGroupId: queryData.dataSourceGroupId}).then(</span><span style="color: #0000ff;">function</span><span style="color: #000000;">(result){ </span><span style="color: #0000ff;">if</span><span style="color: #000000;">(result){ vm.dataSetListNew </span>=<span style="color: #000000;"> result; vm.pager.totalCount </span>= result.totalCount \| 0<span style="color: #000000;">; vm.pager.pageNo </span>=<span style="color: #000000;"> result.pageNo; $scope.$broadcast(</span>'sn.controls.pager:toPage'<span style="color: #000000;">,vm.pager.pageNo); } }); }; </span><span style="color: #008000;">//</span><span style="color: #008000;">新建数据源集，更新列表</span> <span style="color: #0000ff;">function</span><span style="color: #000000;"> getAccessMngSetList(pageNo){ BigDataService.getAccessMngSetList({pageNo: pageNo,dataSourceGroupType: queryData.dataSourceType,userName: queryData.userName}).then(</span><span style="color: #0000ff;">function</span><span style="color: #000000;">(result){ </span><span style="color: #0000ff;">if</span><span style="color: #000000;">(result){ </span><span style="color: #008000;">//</span><span style="color: #008000;"> console.log(result);</span> vm.dataSetList =<span style="color: #000000;"> result.list; vm.pager.totalCount </span>= result.totalCount \| 0<span style="color: #000000;">; vm.pager.pageNo </span>=<span style="color: #000000;"> result.pageNo; $scope.$broadcast(</span>'sn.controls.pager:toPage'<span style="color: #000000;">,vm.pager.pageNo); } }); }; $scope.$on(</span>"sn.controls.pager:pageIndexChanged",page) { evt.stopPropagation(); </span><span style="color: #0000ff;">if</span>(vm.isDataSourceSet=="1"<span style="color: #000000;">){ getAccessMngList(page.pageIndex </span>+ 1<span style="color: #000000;">); } </span><span style="color: #0000ff;">if</span>(vm.isDataSourceSet=="2"<span style="color: #000000;">){ getAccessMngSetList(page.pageIndex </span>+ 1<span style="color: #000000;">); } }); </span><span style="color: #008000;">//</span><span style="color: #008000;">添加按钮</span> vm.dataSourceAdd = <span style="color: #0000ff;">function</span><span style="color: #000000;"> () { </span><span style="color: #008000;">//</span><span style="color: #008000;"> 跳转到选择数据源弹窗</span> <span style="color: #000000;"> DialogService.modal({ key: "BigData.DataResource.CreateSetDialogAdd"<span style="color: #000000;">,url: "business/template/dataResource/create-set-dialog-add.html"<span style="color: #000000;">,accept:<span style="color: #0000ff;">function<span style="color: #000000;">(selectedOrder){ <span style="color: #008000;">//<span style="color: #008000;"> console.log(selectedOrder); <span style="color: #008000;">//<span style="color: #008000;">原始的数据源数组+选中数据源的数组，去除重复的 <span style="color: #0000ff;">for(<span style="color: #0000ff;">var i=0;i<vm.selectedOrderData.length;i++<span style="color: #000000;">){ <span style="color: #0000ff;">for(<span style="color: #0000ff;">var j=0;j<selectedOrder.length;j++<span style="color: #000000;">){ <span style="color: #0000ff;">if(vm.selectedOrderData[i].dataSourceId===<span style="color: #000000;">selectedOrder[j].dataSourceId){ selectedOrder.splice(j,1<span style="color: #000000;">); } } } <span style="color: #0000ff;">for(<span style="color: #0000ff;">var i=0; i<selectedOrder.length; i++<span style="color: #000000;">){ vm.selectedOrderData.push(selectedOrder[i]); } <span style="color: #008000;">//<span style="color: #008000;">获取数据源id数组 vm.selectedOrderData.forEach(<span style="color: #0000ff;">function<span style="color: #000000;"> (value,index,array) { vm.dataSourceIdsAll[index]=<span style="color: #000000;">value.dataSourceId; }); <span style="color: #008000;">//<span style="color: #008000;"> console.log(vm.dataSourceIdsAll); <span style="color: #008000;">//<span style="color: #008000;">分页无效 <span style="color: #0000ff;">if(vm.selectedOrderData.length>0<span style="color: #000000;">){ vm.dataSetListNew =<span style="color: #000000;"> vm.selectedOrderData; } } },{ dataAdd:{ dataSourceGroupType: dataSourceGroupType,} }) } $scope.$on("sn.controls.pager:pageIndexChanged",page) { evt.stopPropagation(); getSingleDataResGroupDetailNew(page.pageIndex + 1<span style="color: #000000;">); }); </span><span style="color: #008000;">//</span><span style="color: #008000;">删除数据源</span> vm.<span style="color: #0000ff;">delete</span> = <span style="color: #0000ff;">function</span><span style="color: #000000;"> (dataSourceId,dataSourceName) { AlertService.confirm({ title: </span>"确认"<span style="color: #000000;">,content: </span>"确定要删除"+dataSourceName+"吗？"<span style="color: #000000;"> }).then(</span><span style="color: #0000ff;">function</span><span style="color: #000000;">() { vm.selectedOrderData.forEach(</span><span style="color: #0000ff;">function</span><span style="color: #000000;"> (value,array) { </span><span style="color: #0000ff;">if</span>(value.dataSourceId===<span style="color: #000000;">dataSourceId){ vm.selectedOrderData.splice(index,</span>1<span style="color: #000000;">); } }) vm.dataSetListNew </span>=<span style="color: #000000;"> vm.selectedOrderData; </span><span style="color: #008000;">//</span><span style="color: #008000;"> console.log( vm.selectedOrderData);</span> <span style="color: #000000;"> }); }; </span><span style="color: #008000;">//</span><span style="color: #008000;">新建数据源集 button</span> vm.confirmData =<span style="color: #0000ff;">function</span><span style="color: #000000;"> () { </span><span style="color: #0000ff;">if</span>(!<span style="color: #000000;">vm.dataSourceGroupName01){ AlertService.alert({title: </span>"温馨提示",content: "请填写数据源集名称。"<span style="color: #000000;">}); </span><span style="color: #0000ff;">return</span><span style="color: #000000;">; } </span><span style="color: #008000;">//</span><span style="color: #008000;">判断是否存在数据源</span> <span style="color: #0000ff;">if</span>(vm.selectedOrderData.length===0<span style="color: #000000;">){ AlertService.alert({ title: </span>"温馨提示"<span style="color: #000000;">,content: </span>"请选择数据源，请按“添加”按钮"<span style="color: #000000;"> }); </span><span style="color: #0000ff;">return</span><span style="color: #000000;">; } </span><span style="color: #008000;">//</span><span style="color: #008000;">判断数据源集是否重名</span> AdminBigDataService.getDataSourceSetName({dataSourceGroupName:vm.dataSourceGroupName01}).then(<span style="color: #0000ff;">function</span><span style="color: #000000;">(result2){ </span><span style="color: #0000ff;">if</span>(result2==0<span style="color: #000000;">) { BigDataService.addDataResGroup({ dataSourceGroupName: vm.dataSourceGroupName01,dataSourceGroupType: dataSourceGroupType,dataSourceIds: vm.dataSourceIdsAll }); DialogService.dismiss(</span>"BigData.DataResource.CreateSetDialogNew"<span style="color: #000000;">); DialogService.dismiss(</span>"BigData.DataResource.CreateSetDialog"<span style="color: #000000;">); }</span><span style="color: #0000ff;">else</span><span style="color: #000000;">{ AlertService.alert({title: </span>"温馨提示",content: "请勿填写重复的数据源名称。"<span style="color: #000000;">}); </span><span style="color: #0000ff;">return</span><span style="color: #000000;">; } }) }; </span><span style="color: #008000;">//</span><span style="color: #008000;">关闭窗口</span> vm.close = <span style="color: #0000ff;">function</span><span style="color: #000000;">() { DialogService.dismiss(</span>"BigData.DataResource.CreateSetDialogNew"<span style="color: #000000;">); }; }; export <span style="color: #0000ff;">default app => app.controller('CreateSetDialogNewCtrl',CreateSetDialogNewCtrl); 4、添加数据源 create-set-dialog-add.html

		="{{pager.totalCount}}" listSize="5"> createSetDialogAddCtrl let CreateSetDialogAddCtrl = =`vm.pager </span>=<span style="color: #000000;"> { pageNo:</span>1<span style="color: #000000;">,userName: </span>''<span style="color: #000000;"> }; </span><span style="color: #008000;">//</span><span style="color: #008000;">获取传递的参数</span> queryData.dataSourceType =<span style="color: #000000;"> vm.dataAdd.dataSourceGroupType; vm.dataSourceTypeAdd </span>=<span style="color: #000000;"> queryData.dataSourceType;` <span style="color: #008000;">/<span style="color: #008000;"> vm.dataSourceTypeList=[ { id:"1",name:"DB2" },{ id:"2",name:"Sybase" },{ id:"3",name:"MySql" },{ id:"4",name:"Oracle" },{ id:"5",name:"FTP" },];<span style="color: #008000;">/ <span style="color: #008000;">//</span><span style="color: #008000;">获取数据源访问管理列表,并分页</span> <span style="color: #0000ff;">function</span><span style="color: #000000;"> getAccessMngList(pageNo){ BigDataService.getAccessMngList({pageNo: pageNo,dataSourceType: queryData.dataSourceType,userName: queryData.userName}).then(</span><span style="color: #0000ff;">function</span><span style="color: #000000;">(result){ </span><span style="color: #0000ff;">if</span><span style="color: #000000;">(result){ vm.dataListNew </span>=<span style="color: #000000;"> result.list; vm.pager.totalCount </span>= result.totalCount \| 0<span style="color: #000000;">; vm.pager.pageNo </span>=<span style="color: #000000;"> result.pageNo; $scope.$broadcast(</span>'sn.controls.pager:toPage'<span style="color: #000000;">,vm.pager.pageNo); } }); }; $scope.$on(</span>"sn.controls.pager:pageIndexChanged",page) { evt.stopPropagation(); getAccessMngList(page.pageIndex </span>+ 1<span style="color: #000000;">); }); </span><span style="color: #008000;">//</span><span style="color: #008000;">下拉框的类型值的变化，取对应数据源列表变化</span> vm.$watch("query.dataSourceType",oldVal) { </span><span style="color: #0000ff;">if</span> (newVal !==<span style="color: #000000;"> oldVal) { console.log(</span>"newVal*******"+<span style="color: #000000;">newVal); queryData.dataSourceType </span>=<span style="color: #000000;"> vm.query.dataSourceType; getAccessMngList(</span>1<span style="color: #000000;">); } }); </span><span style="color: #008000;">//</span><span style="color: #008000;">多选框</span> vm.m =<span style="color: #000000;"> []; vm.selectedOrder </span>=<span style="color: #000000;"> []; vm.selectAll </span>= <span style="color: #0000ff;">function</span><span style="color: #000000;"> () { </span><span style="color: #0000ff;">if</span><span style="color: #000000;">(vm.select_all){ angular.forEach(vm.dataListNew,</span><span style="color: #0000ff;">function</span><span style="color: #000000;"> (item) { item.checked </span>= <span style="color: #0000ff;">true</span><span style="color: #000000;">; vm.selectedOrder.push(item); }) }</span><span style="color: #0000ff;">else</span><span style="color: #000000;">{ angular.forEach(vm.dataListNew,</span><span style="color: #0000ff;">function</span><span style="color: #000000;"> (item) { item.checked </span>= <span style="color: #0000ff;">false</span><span style="color: #000000;">; vm.selectedOrder </span>=<span style="color: #000000;"> []; }) } console.log(vm.selectedOrder); } vm.selectOne </span>= <span style="color: #0000ff;">function</span><span style="color: #000000;"> () { angular.forEach(vm.dataListNew,</span><span style="color: #0000ff;">function</span><span style="color: #000000;"> (item) { let index </span>=<span style="color: #000000;"> vm.selectedOrder.indexOf(item); </span><span style="color: #0000ff;">if</span>(item.checked && index === -1<span style="color: #000000;">) { vm.selectedOrder.push(item); } </span><span style="color: #0000ff;">else</span> <span style="color: #0000ff;">if</span> (!item.checked && index !== -1<span style="color: #000000;">){ vm.selectedOrder.splice(index,</span>1<span style="color: #000000;">); }; }); </span><span style="color: #0000ff;">if</span>(vm.dataListNew.length ===<span style="color: #000000;"> vm.selectedOrder.length){ vm.select_all </span>= <span style="color: #0000ff;">true</span><span style="color: #000000;">; }</span><span style="color: #0000ff;">else</span><span style="color: #000000;">{ vm.select_all </span>= <span style="color: #0000ff;">false</span><span style="color: #000000;">; } console.log(vm.selectedOrder); }; </span><span style="color: #008000;">//</span><span style="color: #008000;">确定按钮</span> vm.addData = <span style="color: #0000ff;">function</span><span style="color: #000000;"> () { </span><span style="color: #0000ff;">if</span>(vm.selectedOrder.length>0<span style="color: #000000;">){ </span><span style="color: #008000;">//</span><span style="color: #008000;"> BigDataService.addDataResGroup({dataSourceGroupName: vm.dataSourceGroupName01,dataSourceGroupType: 1,dataSourceIds: vm.selectedOrder}).then(function () {</span> DialogService.accept("BigData.DataResource.CreateSetDialogAdd"<span style="color: #000000;">,vm.selectedOrder); </span><span style="color: #008000;">//</span><span style="color: #008000;"> })</span> }<span style="color: #0000ff;">else</span><span style="color: #000000;">{ AlertService.alert({title: </span>"温馨提示",content: "请至少选择一项数据源。"<span style="color: #000000;">}); </span><span style="color: #0000ff;">return</span><span style="color: #000000;">; } } </span><span style="color: #008000;">//</span><span style="color: #008000;">单个查询，双向数据绑定</span> vm.dataSourceChange = <span style="color: #0000ff;">function</span><span style="color: #000000;"> () { queryData.dataSourceName </span>=<span style="color: #000000;"> vm.dataSourceName; queryData.ipAddress </span>=<span style="color: #000000;"> vm.ipAddress; queryData.userName </span>=<span style="color: #000000;"> vm.userName; getAccessMngList(</span>1<span style="color: #000000;">); } vm.clearAll </span>= <span style="color: #0000ff;">function</span><span style="color: #000000;"> () { vm.dataSourceName </span>= ""<span style="color: #000000;">; setTimeout(</span><span style="color: #0000ff;">function</span>(){document.getElementById("getFocusName").focus();},1000<span style="color: #000000;">); queryData.dataSourceName </span>=<span style="color: #000000;"> vm.dataSourceName; queryData.ipAddress </span>=<span style="color: #000000;"> vm.ipAddress; queryData.userName </span>=<span style="color: #000000;"> vm.userName; getAccessMngList(</span>1<span style="color: #000000;">); } vm.clearAllIP </span>= <span style="color: #0000ff;">function</span><span style="color: #000000;"> () { vm.ipAddress </span>= ""<span style="color: #000000;">; setTimeout(</span><span style="color: #0000ff;">function</span>(){document.getElementById("getFocusIp").focus();},1000<span style="color: #000000;">); queryData.dataSourceName </span>=<span style="color: #000000;"> vm.dataSourceName; queryData.ipAddress </span>=<span style="color: #000000;"> vm.ipAddress; queryData.userName </span>=<span style="color: #000000;"> vm.userName; getAccessMngList(</span>1<span style="color: #000000;">); } vm.clearAllUserName </span>= <span style="color: #0000ff;">function</span><span style="color: #000000;"> () { vm.userName </span>= ""<span style="color: #000000;">; setTimeout(</span><span style="color: #0000ff;">function</span>(){document.getElementById("getFocusUserName").focus();},1000<span style="color: #000000;">); queryData.dataSourceName </span>=<span style="color: #000000;"> vm.dataSourceName; queryData.ipAddress </span>=<span style="color: #000000;"> vm.ipAddress; queryData.userName </span>=<span style="color: #000000;"> vm.userName; getAccessMngList(</span>1<span style="color: #000000;">); } </span><span style="color: #008000;">//</span><span style="color: #008000;">关闭窗口</span> vm.close = <span style="color: #0000ff;">function</span><span style="color: #000000;">() { DialogService.dismiss(</span>"BigData.DataResource.CreateSetDialogAdd"<span style="color: #000000;">); }; (</span><span style="color: #0000ff;">function</span><span style="color: #000000;"> init(){ getAccessMngList(vm.pager.pageNo); })(); } export <span style="color: #0000ff;">default app => app.controller('CreateSetDialogAddCtrl',CreateSetDialogAddCtrl); 5、查看明细 detail-dialog.html ="data.dataSourceType===1 \|\| data.dataSourceType===2 \|\| data.dataSourceType===3 \|\| data.dataSourceType===4 \|\| data.dataSourceType===8" class="modal-content">


="{{pager.totalCount}}" listSize="5"> linkDialog.js let LinkDialogCtrl = ==10="1""数据开发""2""数据交换"==== 1</span><span style="color: #008000;">//</span><span style="color: #008000;">获取查看引用列表,并分页</span> <span style="color: #0000ff;">function</span><span style="color: #000000;"> getJobLink(pageNo){ BigDataService.getJobLink({pageNo: pageNo,dataSourceId: vm.dataSourceId,suitType: suitType}).then(</span><span style="color: #0000ff;">function</span><span style="color: #000000;">(result){ </span><span style="color: #0000ff;">if</span><span style="color: #000000;">(result){ vm.linkListNew </span>=<span style="color: #000000;"> result; vm.pager.totalCount </span>= result.totalCount \| 0<span style="color: #000000;">; vm.pager.pageNo </span>=<span style="color: #000000;"> result.pageNo; $scope.$broadcast(</span>'sn.controls.pager:toPage'<span style="color: #000000;">,page) { evt.stopPropagation(); getSingleDataResGroupDetailNew(page.pageIndex </span>+ 1<span style="color: #000000;">); }); </span><span style="color: #008000;">//</span><span style="color: #008000;">导出</span> vm.exportDataResource = <span style="color: #0000ff;">function</span><span style="color: #000000;"> () { BigDataService.downLoadJobInfos({dataSourceId: vm.dataSourceId,suitType: suitType}).then(</span><span style="color: #0000ff;">function</span><span style="color: #000000;"> () { window.location.href </span>= location.origin+baseUrl + "/dataResource/exportWorkConnectivity"<span style="color: #000000;">; window.location.target </span>= "_blank"<span style="color: #000000;">; }) }; </span><span style="color: #008000;">//</span><span style="color: #008000;">关闭窗口</span> vm.close = <span style="color: #0000ff;">function</span><span style="color: #000000;">() { DialogService.dismiss(</span>"BigData.DataResource.LinkDialog"<span style="color: #000000;">); }; (</span><span style="color: #0000ff;">function</span><span style="color: #000000;"> init(){ getJobLink(vm.pager.pageNo); })(); } export <span style="color: #0000ff;">default app => app.controller('LinkDialogCtrl',LinkDialogCtrl); 7、数据源访问申请流程 tip-dialog.html 步骤1：访问ITSM   <div class="form-group col-sm-12"> <h5 style="line-height:20px;"> <i class="fa fa-circle fa-circle-green"></i> 步骤2：点击菜单【服务目录】，选择服务请求类型为【数据库相关】，在查询列表里找到【数据库用户权限申请】并点击； </h5> <img class="tip" src="business/images/bigdata/tipBox_p1.png" alt="tipBox_step2"/> </div> <div class="line"></div> <div class="form-group col-sm-12"> <h5 style="line-height:20px;"> <i class="fa fa-circle fa-circle-green"></i> 步骤3：进入【数据库用户权限申请】页面之后，填写申请信息，并且选择【用于大数据开发平台】，之后点击提交。 </h5> <img class="tip" src="business/images/bigdata/tipBox_p2.png" alt="tipBox_step3"/> </div> <div class="line"></div> <div class="form-group col-sm-12"> <h5 style="line-height:20px;"> <i class="fa fa-circle fa-circle-red"></i> 提示：大数据开发平台的worker&nbsp;ip地址名单&nbsp;&nbsp;<button type="button" class="btn btn-sm btn-query" ng-click="download()">下载</button> </h5> </div> </div> </div> </form> <div class="modal-footer"> <button type="button" class="btn btn-query" ng-click="close()">关闭</button> </div> </div> </div> tipDialogCtrl.js let TipDialogCtrl = =</span><span style="color: #008000;">//</span><span style="color: #008000;">关闭窗口</span> vm.close = <span style="color: #0000ff;">function</span><span style="color: #000000;"> () { DialogService.dismiss(</span>"BigData.DataResource.TipDialog"<span style="color: #000000;">); }; </span><span style="color: #008000;">//</span><span style="color: #008000;">下载worker ip</span> vm.download = <span style="color: #0000ff;">function</span><span style="color: #000000;"> () { console.log(</span>"location.origin******" +<span style="color: #000000;"> location.origin); window.location.href </span>= location.origin+baseUrl + "/dataResource/downWorkConnectivity"<span style="color: #000000;">; window.location.target </span>= "_blank"<span style="color: #000000;">; }; } export <span style="color: #0000ff;">default app => app.controller('TipDialogCtrl',TipDialogCtrl); 8、修改数据源集 update-set-dialog-new.html

-click="updateDelete(item.dataSourceId,item.dataSourceName)"> ="dataListNew.length < 1" class="border-left-right">	="{{pager.totalCount}}" listSize="5"> updateSetDialogNew.js let UpdateSetDialogNewCtrl = 0 vm.dataSourceIdsAll ====</span><span style="color: #008000;">//</span><span style="color: #008000;">获取数据源访问管理列表,dataSourceGroupId: vm.dataSourceGroupId}).then(</span><span style="color: #0000ff;">function</span><span style="color: #000000;">(result){ </span><span style="color: #0000ff;">if</span><span style="color: #000000;">(result){ vm.selectedOrderData </span>=<span style="color: #000000;"> result; vm.dataSetListNew </span>=<span style="color: #000000;"> vm.selectedOrderData; vm.pager.totalCount </span>= result.totalCount \| 0<span style="color: #000000;">; vm.pager.pageNo </span>=<span style="color: #000000;"> result.pageNo; $scope.$broadcast(</span>'sn.controls.pager:toPage'<span style="color: #000000;">,page) { evt.stopPropagation(); getSingleDataResGroupDetailNew(page.pageIndex </span>+ 1<span style="color: #000000;">); }); </span><span style="color: #008000;">//</span><span style="color: #008000;">添加</span> vm.dataSourceAdd = <span style="color: #0000ff;">function</span><span style="color: #000000;"> () { </span><span style="color: #008000;">//</span><span style="color: #008000;"> 跳转到选择数据源弹窗</span> <span style="color: #000000;"> DialogService.modal({ key: "BigData.DataResource.CreateSetDialogAdd"<span style="color: #000000;">,accept:<span style="color: #0000ff;">function<span style="color: #000000;">(selectedOrder){ <span style="color: #008000;">/<span style="color: #008000;"> console.log('##############################'); console.log(vm.selectedOrderData); console.log(selectedOrder); console.log('##############################');<span style="color: #008000;">/ <span style="color: #008000;">//<span style="color: #008000;">原始的数据源数组+选中数据源的数组，去除重复的 <span style="color: #0000ff;">for(<span style="color: #0000ff;">var i=0;i<vm.selectedOrderData.length;i++<span style="color: #000000;">){ <span style="color: #0000ff;">for(<span style="color: #0000ff;">var j=0;j<selectedOrder.length;j++<span style="color: #000000;">){ <span style="color: #0000ff;">if(vm.selectedOrderData[i].dataSourceId===<span style="color: #000000;">selectedOrder[j].dataSourceId){ selectedOrder.splice(j,1<span style="color: #000000;">); } } } <span style="color: #0000ff;">for(<span style="color: #0000ff;">var i=0; i<selectedOrder.length; i++<span style="color: #000000;">){ vm.selectedOrderData.push(selectedOrder[i]); } <span style="color: #008000;">//<span style="color: #008000;">数据源id数组 vm.selectedOrderData.forEach(<span style="color: #0000ff;">function<span style="color: #000000;"> (value,array) { vm.dataSourceIdsAll[index]=<span style="color: #000000;">value.dataSourceId; }) <span style="color: #008000;">//<span style="color: #008000;"> console.log(vm.dataSourceIdsAll); <span style="color: #0000ff;">if(vm.selectedOrderData.length>0<span style="color: #000000;">){ vm.dataSetListNew =<span style="color: #000000;"> vm.selectedOrderData; } } },{ dataAdd:{ dataSourceGroupType: vm.dataSourceGroupType,} }); }; </span><span style="color: #008000;">//</span><span style="color: #008000;">删除数据源</span> vm.updateDelete = <span style="color: #0000ff;">function</span><span style="color: #000000;"> (dataSourceId,</span>1<span style="color: #000000;">); } }) console.log( vm.selectedOrderData); vm.dataSetListNew </span>=<span style="color: #000000;"> vm.selectedOrderData; }); }; </span><span style="color: #008000;">//</span><span style="color: #008000;">确认修改数据源集 button</span> vm.confirmData =<span style="color: #0000ff;">function</span><span style="color: #000000;"> () { </span><span style="color: #008000;">//</span><span style="color: #008000;">判断是否存在数据源</span> <span style="color: #0000ff;">if</span>(vm.dataSetListNew.length>0<span style="color: #000000;">){ </span><span style="color: #008000;">//</span><span style="color: #008000;">数据源id数组</span> vm.dataSetListNew.forEach(<span style="color: #0000ff;">function</span><span style="color: #000000;"> (value,array) { vm.dataSourceIdsAll[index]</span>=<span style="color: #000000;">value.dataSourceId; }) </span><span style="color: #008000;">//</span><span style="color: #008000;"> console.log(vm.dataSourceIdsAll);</span> <span style="color: #000000;"> BigDataService.addDataResGroup({ dataSourceGroupName: vm.dataSourceGroupName,dataSourceGroupType: vm.dataSourceGroupType,dataSourceIds: vm.dataSourceIdsAll,dataSourceGroupId: vm.dataSourceGroupId}); DialogService.dismiss("BigData.DataResource.UpdateSetDialogNew"<span style="color: #000000;">); }<span style="color: #0000ff;">else<span style="color: #000000;">{ AlertService.alert({ title: "温馨提示"<span style="color: #000000;">,content: "请选择数据源，请按“添加”按钮"<span style="color: #000000;"> }) <span style="color: #0000ff;">return<span style="color: #000000;">; } } `</span><span style="color: #008000;">//</span><span style="color: #008000;">关闭窗口</span> vm.close = <span style="color: #0000ff;">function</span><span style="color: #000000;">() { DialogService.dismiss(</span>"BigData.DataResource.UpdateSetDialogNew"<span style="color: #000000;">); }; (</span><span style="color: #0000ff;">function</span><span style="color: #000000;"> init(){ getSingleDataResGroupDetailNew(</span>1<span style="color: #000000;">); })();` } export <span style="color: #0000ff;">default app => app.controller('UpdateSetDialogNewCtrl',UpdateSetDialogNewCtrl); 10、删除版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。相关推荐 AngularJS进阶(四)ANGULAR.JS实现下拉菜单单选 ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中文文档更容易理解，前提是你的英语基础还可以。英文文档对于知识点讲述简明扼要，通俗易懂，而有些中文文档读起来特别费力，基础差、底子薄的有可能一会就会被绕晕了，最起码英文文档中的代码与中文文档中的代码是一致的，但知识点讲述实在是差距太大。Angular.jshasapowerfuldire AngularJS进阶(四十一)AngularJS中使用Chart.js制折线图与饼图实例 AngularJS中使用Chart.js制折线图与饼图实例 Chart.js 是一个令人印象深刻的 JavaScript 图表库，建立在 HTML5 Canvas 基础上。目前，它支持6种图表类型（折线图，条形图，雷达图，饼图，柱状图和极地区域区）。而且，这是一个独立的包，不依赖第三方 JavaScript 库，小于 5KB。其中用到的软件： Chart.js框架，版本1.0.2，一 AngularJS进阶(三十七)IE浏览器兼容性后续 IE浏览器兼容性后续前言继续尝试解决IE浏览器兼容性问题，结局方案为更换jquery、angularjs、IE的版本。 1.首先尝试更换jquery版本为1.7.2 jquery-1.9.1.js-->jquery-1.7.2.js--> jquery2.1.4.js 无效 2.尝试更换IE版本IE8 IE11- AngularJS进阶(五)Angular实现下拉菜单多选 Angular实现下拉菜单多选写这篇文章时，引用文章地址如下：http://ngmodules.org/modules/angularjs-dropdown-multiselecthttp://dotansimha.github.io/angularjs-dropdown-multiselect/#/AngularJSDropdownMultiselectThisdire AngularJS进阶(十八)在AngularJS应用中集成科大讯飞语音输入功能在AngularJS应用中集成科大讯飞语音输入功能前言根据项目需求，需要在首页搜索框中添加语音输入功能，考虑到科大讯飞语音业务的强大能力，遂决定使用科大讯飞语音输入第三方服务。软件首页截图如下所示：涉及的源代码如下所示: //语音识别$rootScope.startRecognize = function() {var speech; AngularJS进阶(三十四)Angular数据更新不及时问题探讨 Angular数据更新不及时问题探讨前言在修复控制角标正确变化过程中，发觉前端代码组织层次出现了严重问题。传递和共享数据时自己使用的是rootScope,为此造成了全局变量空间的污染。根据《AngularJs深度剖析与最佳实践》，如果两个控制器的协作存在大量的数据共享和交互可以利用Factory等服务的“单例”特性为它们注入一个共享对象来传递数据。而自己在使用rootScope AngularJS进阶(三)HTML:让表单、文本框只读，不可编辑的方法 HTML:让表单、文本框只读，不可编辑的方法有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使中国">的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。方法1:onfocus=this.blur()中国"onfocus=this.blur()>方法2:readonly中国"readonly>中国"readonly="tru AngularJS进阶(十七)在AngularJS应用中实现微信认证授权遇到的坑在AngularJS应用中实现微信认证授权遇到的坑前言项目开发过程中，移动端新近增加了一个功能“微信授权登录”，由于自己不是负责移动端开发的，但最后他人负责的部分未达到预期效果。不能准确实现微信授权登录。最后还得靠自己做进一步的优化工作，谁让自己是负责人呢？原来负责人就是负责最后把所有的BUG解决掉。首先，熟悉一下微信授权部分的源代码，如下所示: AngularJS进阶(二十七)实现二维码信息的集成思路 AngularJS实现二维码信息的集成思路需求实现生成的二维码包含订单详情信息。思路获取的内容数据如下: 现在可以获取到第一级数据，第二级数据data获取不到。利用第一级数据的获取方法获取不到第二级数据。for(i in data){alert(i); //获得属性 if(typeof(data[i]) == "o AngularJS进阶(十五)Cookie ‘data‘ possibly not set or overflowed because it was too large Cookie'data'possiblynotsetoroverflowedbecauseitwastoolarge(5287>4096bytes)!故事起源项目开发过程中遇到以上问题，刚开始以为只是个警告，没太在意。后来发现直接影响到了程序的执行效果。果断寻找解决方法。问题分析根据Chrome浏览器信息定位，显示以下代码存在错误: AngularJS进阶(九)控制器controller之间如何通信 AngularJS控制器controller之间如何通信angular控制器通信的方式有三种：1，利用作用域继承的方式。即子控制器继承父控制器中的内容2，基于事件的方式。即$on,$emit,$boardcast这三种方式3，服务方式。写一个服务的单例然后通过注入来使用利用作用域的继承方式由于作用域的继承是基于js的原型继承方式，所以这里分为两种情况，当作用域上面的值 AngularJS进阶(二)AngularJS路由问题解决 AngularJS路由问题解决遇到了一个棘手的问题：点击优惠详情时总是跳转到药店详情页面中去。再加一层地址解决了，但是后来发现问题还是来了:Couldnotresolve'yhDtlMaintain/yhdetail'fromstate'yhMaintain'药店详情http://192.168.1.118:8088/lmapp/index.html#/0优惠券详情 AngularJS进阶(三十二)书海拾贝之特殊的ng-src和ng-href 书海拾贝之特殊的ng-src和ng-href在说明这两个指令的特殊之前，需要先了解一下ng的启动及执行过程，如下：1)浏览器加载静态HTML文件并解析为DOM；2)浏览器加载angular.js文件；3)angular监听DOMContentLoaded事件，监听到时开始启动；4)angular寻找ng-app指令，确定作用范围； AngularJS进阶(八)实现页面跳转并进行参数传递 angularjs实现页面跳转并进行参数传递Angular页面传参有多种办法，我在此列举4种最常见的:1.基于ui-router的页面跳转传参(1)在AngularJS的app.js中用ui-router定义路由，比如现在有两个页面，一个页面（producers.html）放置了多个producers，点击其中一个目标，页面跳转到对应的producer页，同时将producerId AngularJS进阶(十一)AngularJS实现表格数据的编辑,更新和删除 AngularJS实现表格数据的编辑,更新和删除效果实现首先，我们先建立一些数据，当然你可以从你任何地方读出你的数据var app = angular.module('plunker', ['ui.bootstrap']);app.controller('MainCtrl', function($scope) { $scope.name = 'World'; $sc AngularJS进阶(二十三)ANGULAR三宗罪之版本陷阱 ANGULAR三宗罪之版本陷阱坑！碰到个大坑，前面由于绑定日期时将angular版本换为angular-1.3.0-beta.1时，后来午睡后，登录系统，发现无论如何都登陆不进去了，经过调试，发现数据视图已经无法实现双向绑定了。自己还以为又碰到了“僵尸程序”了呢，对比药店端的程序发现并没有什么不同之处。后来自己经过一番思索才隐约感觉到是不是angular的版本造成的，将版本换为之前 AngularJS进阶(二十六)实现分页操作 JS实现分页操作前言项目开发过程中，进行查询操作时有可能会检索出大量的满足条件的查询结果。在一页中显示全部查询结果会降低用户的体验感，故需要实现分页显示效果。受前面“JS实现时间选择插件”的启发，自己首先需要查看一下HTML5能否实现此效果。整了半天，不管是用纯CSS3也好，还是用tmpagination.js还是bootstrap组件也好，到最后自己静下心来理 AngularJS进阶(三十五)浏览器兼容性解决之道浏览器兼容性解决之道前言浏览器兼容性一直是前端开发中不得不面对的一个问题。而最突出的就是IE。对绝大多数公司来说，兼容IE6的性价比已经很低，而IE7则几乎已经绝迹。所以，常见的兼容性下限是IE8。这也正是Angular1.2x的兼容性目标，Angular团队声明：Angular的持续集成服务器会在IE8下运行所有的测试。但这些测试不会运行在IE7及以下版本，它们也不会保证An AngularJS进阶(十三)JS利用正则表达式校验手机号 JS利用正则表达式校验手机号绪由于项目需求，需要在前端实现手机号码的校验。当然了，对于基本的格式校验应该放在客户端进行，而不需要再将待校验的手机号发送至服务端，在服务端完成校验，然后将校验结果返回给客户端，客户端根据返回的结果再进行进一步的处理。如此反而复杂化了处理过程。其实，处于安全考虑，应该在服务端进行二次校验。以下为在客户端的JS中校验手机号码格式 AngularJS进阶(三十九)基于项目实战解析ng启动加载过程基于项目实例解析ng启动加载过程前言在AngularJS项目开发过程中，自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。下面以实际项目为例进行简要讲解。1.载入ng库2.等待，直到DOM树构造完毕。3.发现ng-app，自动进入启动引导阶段。4.根据ng-app名称找到相应的路由。5.加载默认地址。6.Js顺序执行，加载相应模版页sys_tpls/ 热门文章 • AngularJS进阶(四)ANGULAR.JS实现下拉菜… • AngularJS进阶(四十一)AngularJS中使用… • AngularJS进阶(三十七)IE浏览器兼容性后… • AngularJS进阶(五)Angular实现下拉菜单… • AngularJS进阶(十八)在AngularJS应用中… • AngularJS进阶(三十四)Angular数据更新… • AngularJS进阶(三)HTML:让表单、文本框… • AngularJS进阶(十七)在AngularJS应用中… • AngularJS进阶(二十七)实现二维码信息的… • AngularJS进阶(十五)Cookie ‘data‘ p… 最新文章 • AngularJS进阶(四)ANGULAR.JS实现下拉菜… • AngularJS进阶(四十一)AngularJS中使用… • AngularJS进阶(三十七)IE浏览器兼容性后… • AngularJS进阶(五)Angular实现下拉菜单… • AngularJS进阶(十八)在AngularJS应用中… • AngularJS进阶(三十四)Angular数据更新… • AngularJS进阶(三)HTML:让表单、文本框… • AngularJS进阶(十七)在AngularJS应用中… • AngularJS进阶(二十七)实现二维码信息的… • AngularJS进阶(十五)Cookie ‘data‘ p… 热门标签更多 python JavaScript java HTML PHP reactjs C#Android CSS Node.js sql r python-3.x MysqL jQuery c++pandas Flutter angular IOS django linux swift typescript 路由器 JSON 路由器设置无线路由器 h3c 华三华三路由器设置华三路由器电脑软件教程 arrays docker 软件图文教程 C vue.js laravel spring-boot 友情链接: 菜鸟教程 ai导航编程之家 - 我要投稿 - 广告合作 - 联系我们 - 免责声明 - 网站地图版权所有 © 2018编程之家闽ICP备13020303号-8 微信公众号搜"程序精选"关注微信扫一扫可直接关注哦！

相关推荐