CINXE.COM
Association for Science and Engineering
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title> Association for Science and Engineering </title><meta name="keywords" content="ASCIE,科研汇聚,知识共享,Science and Engineering,SCI,EI,Conference,published" /><meta name="description" content="Association for Science and Engineering (ASciE) is a science-driven association dedicated to providing international platforms for scholars, practicing engineers, designers, researchers and other practitioners from all over the world to share their research achievements, discuss the hot issues and exchange the new experiences and technologies. The field covers Biomedical Sciences, Materials, Chemistry, Computer Science, Energy, Environment, Mechanical Engineering, Electronic Engineering and Business and Management." /><link href="css/css.css?v=1.0.1.0" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.8.3.min.js"></script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?984aac08ba9dbd06947ce8c06d2d764e"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script src="js/vue.min.js"></script> <!-- 引入样式 --> <link rel="stylesheet" href="js/element-ui@2.15.13.css"/> <!-- 引入组件库 --> <script src="js/element-ui@2.15.13.js" ></script> <style> a{ display:inline-block; } .MCcontent{ padding:10px 5px; position:relative; } .actvCss,span:hover{ background-color:#4A90E2; border-radius:4px; color:#fff; } b{ cursor:pointer; } .flex{ display:flex; border-bottom:1px solid #808080; padding:10px 20px 0 20px ; } .flex:last-child{ border:none; } .flex>div:first-child{ width:12%; } .flex>div:last-child{ width:80%; } .collect{ position:absolute; right: 20px; top: 11px; } .collect input{ padding: 16px 34px; } .el-input{ width:inherit; margin-right:15px; } .el-input__inner{ border: 2px solid #4A90E2; } .flex div span{ display:inline-block; padding: 2px 12px; cursor: pointer; margin-bottom: 10px; text-align: center; } .el-empty{ padding:150px 0; } </style> </head> <body> <form method="post" action="./AC.aspx" id="frmMain"> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="3w9H/Zf6a8RFCIhm4jmhx2UTpAWM0FB42tpnASNM4dXsICNsI1LViBfaJiQhvxk83wa0PePqle/UBmxPd3w8mzipURuAaSZ3Fbdkpf9KIlA5Ga3x9h4ZDBeXjoB9PVrXP/+V89eUcksXUKIFdE65bw==" /> </div> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="A3CA40BE" /> </div> <div class="herder"> <div class="tou-color"> <div class="top"> <div class="top-left"> Welcome to Association for Science and Engineering！ </div> <div class="top-center"> Email: info@a-scie.org </div> <div class="en"> <a href="DefaultCn.aspx">中文</a> | <a href="Default.aspx">English</a> </div> </div> </div> <div class="nav"> <div style="width: 1200px; margin: 0 auto"> <div class="logo"> <img src="image/bg/LoGo2.png" /> </div> <ul> <li><a href="Default.aspx" id="lkDefault">Home </a></li> <li><a href="AC.aspx" id="lkAC" class="xiaoguo">Conference </a></li> <li><a href="Membership.aspx" id="lkMembership">Membership </a></li> <li><a href="Consultation.aspx" id="lkConsultation">History </a></li> <li><a href="UniversalScholar.aspx" id="lkUniversalScholar">Universal Scholar</a></li> <li><a href="AU.aspx" id="lkAU">About Us</a></li> </ul> </div> </div> </div> <div style="margin:0 auto;text-align:center;" > <p style="height:10px;width:1200px;margin:0 auto; margin-top:6px; background-image :url(image/bg/fenge3.jpg); "></p> </div> <div class="content"> <div id="app" class="content MCcontent"> <div class="flex"> <div>Conference Dates:</div> <div style="width:63%;"> <span @click="year = 'Unlimited'" :class="year == 'Unlimited' ? 'actvCss' : ''">Unlimited</span> <span @click="year = 2628000000" :class="year == 2628000000 ? 'actvCss' : ''">Last month</span> <span @click="year = 7884000000" :class="year == 7884000000 ? 'actvCss' : ''">Last March</span> <span @click="year = 15768000000" :class="year == 15768000000 ? 'actvCss' : ''">Last six months</span> <span @click="year = 31536000000" :class="year == 31536000000 ? 'actvCss' : ''">Last year</span> <b @click="show = !show" style="color:#4A90E2; margin-left: 20px;">More</b> <el-collapse-transition> <div v-show="show"> <span v-for="(item, i) in yearData" :key="item + i + 1" @click="year = item" :class="year == item ? 'actvCss' : ''">{{ item }}</span> </div> </el-collapse-transition> </div> </div> <div class="collect"> <el-form @submit.native.prevent> <el-input size="medium" v-model="input" placeholder="Please enter content" clearable prefix-icon="el-icon-search" @keyup.enter.native="onCollect" > </el-input> <el-button style="padding:10px 20px;" @click="onCollect">Search For</el-button> </el-form> </div> <div class="flex"> <div>Indexed by:</div> <div><span v-for="(item,i) in SubmittedIndexData" :key="item+i+2" @click="submittedIndex=item" :class="submittedIndex==item?'actvCss':''" type="button">{{item}}</span></div> </div> <div class="flex"> <div>Research Area:</div> <div><span v-for="(item,i) in CFPData" :key="item+i" @click="CFP=item" :class="CFP==item?'actvCss':''" type="button">{{item}}</span></div> </div> <div class="flex" style="border:none; "> <div>Submission due:</div> <div> <span @click="SubDate = 'Unlimited'" :class="SubDate == 'Unlimited' ? 'actvCss' : ''">Unlimited</span> <span @click="SubDate = 2628000000" :class="SubDate == 2628000000 ? 'actvCss' : ''">Last month</span> <span @click="SubDate = 7884000000" :class="SubDate == 7884000000 ? 'actvCss' : ''">Last March</span> <span @click="SubDate = 15768000000" :class="SubDate == 15768000000 ? 'actvCss' : ''">Last six months</span> <span @click="SubDate = 31536000000" :class="SubDate == 31536000000 ? 'actvCss' : ''">Last year</span> <b @click="show2 = !show2" style="color:#4A90E2; margin-left: 20px;">More</b> <el-collapse-transition> <div v-show="show2"> <a>2023:</a> <span v-for="(item,i) in SubDateData" :key="item+i+3" @click="SubDate=item" :class="SubDate==item?'actvCss':''" type="button">{{item.indexOf('0')===0?item.substring(1):item}}{{item==='Unlimited'?'':' Month'}}</span> </div> </el-collapse-transition> </div> </div> <br /> <div style="min-height:514px;"> <el-empty v-if="datas2.length===0" description="There is currently no relevant data for the meeting"></el-empty> <a v-for="(item,i) in datas2" :key="i" :href="item.Jumpurl" target="_blank"> <div class="hotbox"> <div class="hotboxdiv"> <img :src="item.Pic" /> <div class="hotboxcontent"> <p class="hotboxtxt5">{{item.SubmittedIndex}}</p> <p class="hotboxtxt2">{{item.Title}}</p> <p class="hotboxtxt4"><span></span>{{item.Place}}</p> <p class="hotboxtxt3" style="display:flex;"><span></span> <b style="font-weight:400">Conference Dates: {{item.Time}}<br /> Submission due: {{item.SubDate}}</b> </p> </div> </div> </div> </a> </div> <el-pagination background layout="prev, pager, next" :total="this.total" @current-change="handlePage" :hide-on-single-page="true"> </el-pagination> </div> </div> <script> new Vue({ el: '#app', data: { show: false, show2: false, currentDate:'', input: '', year: 'Unlimited', academicType: 'Unlimited', submittedIndex: 'Unlimited', CFP:'Unlimited', yearData: [ '2023', '2022', '2021', '2020','2019','2018','2017','2016' ], SubmittedIndexData:['Unlimited','EI','Scopus','CPCI','ISI','Wanfang','CNKI','Google Scholar','Inspec','DOAJ'], CFPData: ['Unlimited','Energy Science','Environmental Science','Earth Science','Materials Science','Computer Science','Optoelectronic communication engineering','Electronic information engineering','Mechanical Engineering','Bioengineering','Medicine','Physics','Mathematics','Statistics','Economics','Management','Chemical engineering','Humanities and Social Sciences','Education','Public Health'], SubDate:'Unlimited', SubDateData:['04','05','06','07','10','11','12'], // 页码 total: 1000, page: 1, limit: 9, datas2: null, datas: [] }, created () { const ajax=new XMLHttpRequest(); ajax.open('GET','/ConferenceDataEn.txt',false) ajax.setRequestHeader("Content-Type", "application/json;charset=UTF-8") ajax.send() this.datas=JSON.parse(ajax.responseText) this.datas = this.datas.sort((a, b) => a.Time < b.Time ? 1 : -1) this.handlePage(1) //运行时间 this.Date() }, methods: { // 实现分页,同时点击页面实现跳转 handlePage (val) { this.total = Math.ceil((this.datasList.length>this.limit?this.datasList.length:1) / this.limit) * 10 this.datas2 = this.datasList.filter((item, index) => index < this.limit * val && index >= this.limit * (val - 1)) }, Date(){ const newDate=new Date() this.currentDate =newDate.toLocaleDateString().replace(/\//g,'-') }, onCollect () { //this.datas2 = this.datas.filter((item) => ((this.input === 'Unlimited' || item.Name.indexOf(this.input) !== -1) || (item.Title.indexOf(this.input) !== -1))) //console.log(datas2) this.handlePage(1) } },computed: { datasList () { return datas2 = this.datas.filter((item) => { if ( ((this.year === 'Unlimited' || this.year === item.Time.substring(0, 4)) || (this.year >= Math.abs(new Date(this.currentDate) - new Date(item.Time)))) && (this.submittedIndex === 'Unlimited' || item.SubmittedIndex.indexOf(this.submittedIndex) !== -1) && ((this.input === 'Unlimited' || item.Name.indexOf(this.input.toUpperCase()) !== -1)||(item.Title.indexOf(this.input) !== -1)) && (this.CFP === 'Unlimited' || item.CFP.indexOf(this.CFP) !== -1) && (this.SubDate === 'Unlimited' || ('2023-' + this.SubDate) === item.SubDate.substring(0, 7)|| (this.SubDate >= Math.abs(new Date(this.currentDate) - new Date(item.SubDate)))) ) { return item } }) } }, watch:{ year(){ this.handlePage(1) }, submittedIndex(){ this.handlePage(1) }, CFP(){ this.handlePage(1) }, SubDate(){ this.handlePage(1) }, } }) </script> <div class="foot"> <p style="padding: 10px; margin-bottom: 0px;">Copyright © 2021 Association for Science and Engineering</p> </div> <div style="display:none;"><script src="http://s11.cnzz.com/z_stat.php?id=1258084784&web_id=1258084784" language="JavaScript"></script></div> </form> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.SuperSlide.2.1.js"></script> <script type="text/javascript" src='js/script.js'></script> <script type="text/javascript"> //轮播 jQuery(".slideBox").slide({ mainCell: ".bd ul", effect: "leftLoop", vis: "auto", autoPlay: true, trigger: "mouseover", stopOnHover: false }); jQuery(".slideBox1").slide({ titCell: ".fanye li", mainCell: ".bd1 ul", effect: "leftLoop", vis: "auto", autoPlay: true, trigger: "mouseover" }); jQuery(".slideBox2").slide({ mainCell: ".bd2 ul", effect: "leftLoop", vis: "auto", autoPlay: true, trigger: "mouseover" }); //热门资讯里面的鼠标悬浮效果 jQuery(".CChead li").click(function () { jQuery(this).addClass("CChead-1").siblings("li").removeClass("CChead-1"); }); </script> </body> </html>