|
@@ -5,7 +5,8 @@
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>知识图谱系统</title>
|
|
|
- <link rel="stylesheet" href="./elementUI/theme-chalk/index.css">
|
|
|
+ <!-- <link rel="stylesheet" href="./elementUI/theme-chalk/index.css"> -->
|
|
|
+ <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
|
|
|
|
|
<style>
|
|
|
/*vue未加载好使隐藏页面*/
|
|
@@ -42,8 +43,32 @@
|
|
|
</footer>
|
|
|
</div>
|
|
|
</body>
|
|
|
-<script>
|
|
|
-
|
|
|
-</script>
|
|
|
+ <!-- 引入 Vue -->
|
|
|
+ <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
|
|
|
+ <!-- 引入 Element UI -->
|
|
|
+ <script src="https://unpkg.com/element-ui/lib/index.js"></script>
|
|
|
+ <script>
|
|
|
+ new Vue({
|
|
|
+ el: '#app',
|
|
|
+ data: {
|
|
|
+ countInfo: {
|
|
|
+ infos: []
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
+ currentPage: 1,
|
|
|
+ selectPageSize: 10,
|
|
|
+ MAX_TABLE_HEIGHT: 500,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleSizeChange(newSize) {
|
|
|
+ this.selectPageSize = newSize;
|
|
|
+ },
|
|
|
+ handleCurrentChang(newPage) {
|
|
|
+ this.currentPage = newPage;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ </script>
|
|
|
|
|
|
</html>
|