OpenI
/
aiforge

 
			
							{{/*
<html>
<body>
	<div>
*/}}

	{{template "custom/body_inner_post" .}}

	</div>

	{{template "custom/body_outer_post" .}}

	{{template "base/footer_content" .}}

	<script src="{{StaticUrlPrefix}}/js/jquery.js?v={{MD5 AppVer}}"></script>


{{if .RequireSimpleMDE}}
	<script src="{{StaticUrlPrefix}}/vendor/plugins/simplemde/simplemde.min.js"></script>
	<script src="{{StaticUrlPrefix}}/vendor/plugins/codemirror/addon/mode/loadmode.js"></script>
	<script src="{{StaticUrlPrefix}}/vendor/plugins/codemirror/mode/meta.js"></script>
	<script>
		CodeMirror.modeURL =  "{{StaticUrlPrefix}}/vendor/plugins/codemirror/mode/%N/%N.js";
	</script>
{{end}}

<!-- Third-party libraries -->
{{if .RequireMinicolors}}
	<script src="{{StaticUrlPrefix}}/vendor/plugins/jquery.minicolors/jquery.minicolors.min.js"></script>
{{end}}
{{if .RequireU2F}}
	<script src="{{StaticUrlPrefix}}/vendor/plugins/u2f/index.js"></script>
{{end}}
{{if .EnableCaptcha}}
	{{if eq .CaptchaType "recaptcha"}}
		<script src='{{ URLJoin .RecaptchaURL "api.js"}}' async></script>
	{{end}}
{{end}}
{{if .RequireTribute}}
	<script src="{{StaticUrlPrefix}}/vendor/plugins/tribute/tribute.min.js"></script>
{{end}}
{{if .PageIsHome}}
	<script rel="stylesheet" src="{{StaticUrlPrefix}}/vendor/plugins/jquery.particleground/jquery.particleground.min.js"></script>
{{end}}
	<script src="{{StaticUrlPrefix}}/fomantic/semantic.min.js?v={{MD5 AppVer}}"></script>
	<script src="{{StaticUrlPrefix}}/js/index.js?v={{MD5 AppVer}}"></script>
{{template "custom/footer" .}}
{{if .PageIsHome}}
	<!--script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script-->
	<script src="/rotation3D/vue-2.6.10.min.js"></script>
	<script src="/rotation3D/rotation3D.js?v={{MD5 AppVer}}"></script>
	<script>
	    function queryAiCenterInfo(){
			$.ajax({
				type:"GET",
				url:"/api/v1/cloudbrain/get_center_info",
				headers: {
					authorization:token,
				},
				dataType:"json",
				async:false,
				success:function(json){
					displayAiCenterInfo(json);
				},
				error:function(response) {
				}
			});
		}
		function displayAiCenterInfo(json){
			for(var i=0;i<json.length;i++){
				var tmp ={};
				tmp["name"]=json[i].name;
				tmp["type"]="green";
				tmp["icon"]="";
				serverItemList.push(tmp);
			}
		}

		var serverItemList=[];
		queryAiCenterInfo();
		var app = new Vue({
			el: "#app",
			//数据 blue, green, yellow
			data: {
				itemList:serverItemList,
			/*
				itemList: [
					{ name:'鹏城云脑一号', type:'blue', icon:'', },
					{ name:'鹏城云脑二号', type:'blue', icon:'', },
					{ name:'北大人工智能集群系统', type:'green', icon:'', },
					{ name:'合肥类脑智能开放平台', type:'green', icon:'', },
					{ name:'武汉人工智能计算中心', type:'green', icon:'', },
					{ name:'西安未来人工智能计算中心', type:'green', icon:'', },					
					{ name:'……', type:'yellow', icon:'', },
					{ name:'中原人工智能计算中心', type:'green', icon:'', },
					{ name:'成都人工智能计算中心', type:'green', icon:'', },
					{ name:'横琴先进智能计算中心', type:'green', icon:'', },
					{ name:'国家超级计算济南中心', type:'green', icon:'', },
				],
				*/
			},
			mounted: function () {
				new Rotation3D({
					id: '#rotation3D',
					farScale: 0.6,
					// farScale: 1,
					xRadius: 0,  //x半径压缩
					yRadius: 130,  //y半径压缩
					// yRadius: 0,  //y半径压缩
					// autoPlay:true,
					// autoPlayDelay:6000,
				})
	
			},
			methods: {},
		});
		var pArrays =  $('.itemList').find("p");
		console.log(pArrays.length);

	</script>
{{end}}

</body>
</html>