diff --git a/nuxt.config.js b/nuxt.config.js
index 1774dac..edd716f 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -100,6 +100,7 @@ export default {
           "app_name": "云笔记",
           "button": {
             "cancel": "取消",
+            "catalog": "目录",
             "del": "删除",
             "edit": "编辑",
             "ok": "確定",
@@ -135,16 +136,24 @@ export default {
           },
           "choose_lang": "选择语言",
           "document": {
+            "doc_list": {
+              "year": "（学位年度）"
+            },
             "form": {
               "author": "作者",
+              "end_year": "结束年份",
               "keyword": "关键词",
+              "school": "学校",
               "specialty": "学科专业",
-              "title": "标题"
+              "start_year": "开始年份",
+              "title": "标题",
+              "tutor": "导师"
             }
           },
           "en": "英文",
           "error_404": "页面不存在",
           "error_500": "发生严重异常，请联系管理员",
+          "hide_more_query": "隐藏更多查询",
           "input_confirm": "请确认{keyword}",
           "input_please": "请输入{keyword}",
           "logout": "注销登录",
@@ -154,6 +163,7 @@ export default {
             "note": "笔记列表",
             "upload": "本地上传论文"
           },
+          "more_query": "更多查询",
           "note": {
             "table": {
               "note_name": "笔记名称",
@@ -163,7 +173,9 @@ export default {
               "confirm_del": "此操作将永久删除该笔记，是否继续？"
             }
           },
+          "reading_online": "在线阅读",
           "tip": "提示",
+          "today_recommend": "今日推荐",
           "unknown_error": "未知错误",
           "upload": {
             "form": {
@@ -189,18 +201,19 @@ export default {
         "en": {
           "account": {
             "form": {
-              "confirmPwd": "确认密码",
-              "password": "密码",
-              "user": "帐号",
-              "valid_account": "帐号密码正确"
+              "confirmPwd": "",
+              "password": "",
+              "user": "",
+              "valid_account": ""
             },
-            "login": "登录",
-            "register": "注册"
+            "login": "",
+            "register": ""
           },
           "action": "",
           "app_name": "cloudnote",
           "button": {
             "cancel": "",
+            "catalog": "",
             "del": "",
             "edit": "",
             "ok": "",
@@ -212,18 +225,18 @@ export default {
                 "time": "",
                 "title": ""
               },
-              "name": "我的收藏"
+              "name": ""
             },
             "myupload": {
               "form": {
                 "time": "",
                 "title": ""
               },
-              "name": "我的上传"
+              "name": ""
             },
             "security": {
               "confirmpwd": "",
-              "name": "帐号安全",
+              "name": "",
               "newpwd": "",
               "oldpwd": "",
               "rules": {
@@ -236,25 +249,34 @@ export default {
           },
           "choose_lang": "language",
           "document": {
+            "doc_list": {
+              "year": ""
+            },
             "form": {
               "author": "",
+              "end_year": "",
               "keyword": "",
+              "school": "",
               "specialty": "",
-              "title": ""
+              "start_year": "",
+              "title": "",
+              "tutor": ""
             }
           },
           "en": "english",
-          "error_404": "页面不存在",
-          "error_500": "发生严重异常，请联系管理员",
+          "error_404": "",
+          "error_500": "",
+          "hide_more_query": "",
           "input_confirm": "",
           "input_please": "",
-          "logout": "注销登录",
+          "logout": "",
           "menus": {
-            "center": "个人中心",
+            "center": "",
             "document": "document",
             "note": "note list",
-            "upload": "本地上传论文"
+            "upload": ""
           },
+          "more_query": "",
           "note": {
             "table": {
               "note_name": "",
@@ -264,27 +286,29 @@ export default {
               "confirm_del": ""
             }
           },
+          "reading_online": "",
           "tip": "",
-          "unknown_error": "未知错误",
+          "today_recommend": "",
+          "unknown_error": "",
           "upload": {
             "form": {
-              "author": "论文作者",
-              "content": "论文",
-              "profession": "学科专业",
-              "remove": "确定移除{file}",
-              "school": "学校",
-              "summary": "摘要",
-              "tag": "论文标签",
-              "type": "论文类型",
-              "upload": "点击上传",
-              "upload_tip": "只能上传txt",
-              "year": "学位年度"
+              "author": "",
+              "content": "",
+              "profession": "",
+              "remove": "",
+              "school": "",
+              "summary": "",
+              "tag": "",
+              "type": "",
+              "upload": "",
+              "upload_tip": "",
+              "year": ""
             },
             "tip": {
               "ok": ""
             }
           },
-          "user": "帐号",
+          "user": "",
           "zhCN": "Simplified Chinese"
         }
       }
diff --git a/pages/index/document.vue b/pages/index/document.vue
index 20e8e5a..f654776 100644
--- a/pages/index/document.vue
+++ b/pages/index/document.vue
@@ -1,10 +1,11 @@
 <template>
+  <div>
     <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-       <el-form-item :label="$t('document.form.title')" prop="title">
-           <el-col :span="4">
-              <el-input v-model="form.title" :placeholder="$t('input_please',{keyword:$t('document.form.title')})"/>
-           </el-col>
-       </el-form-item>
+      <el-form-item :label="$t('document.form.title')" prop="title">
+        <el-col :span="4">
+          <el-input v-model="form.title" :placeholder="$t('input_please',{keyword:$t('document.form.title')})"/>
+        </el-col>
+      </el-form-item>
       <el-form-item :label="$t('document.form.author')" prop="author">
         <el-col :span="4">
           <el-input v-model="form.author" :placeholder="$t('input_please',{keyword:$t('document.form.author')})"/>
@@ -20,8 +21,80 @@
           <el-input v-model="form.specialty" :placeholder="$t('input_please',{keyword:$t('document.form.specialty')})"/>
         </el-col>
       </el-form-item>
-
+      <el-collapse v-model="activeNames">
+        <el-collapse-item :title="activeNames[0]==='1'?$t('hide_more_query'):$t('more_query')" name="1">
+          <el-form-item :label="$t('document.form.school')" prop="school">
+            <el-col :span="4">
+              <el-input v-model="form.school" :placeholder="$t('input_please',{keyword:$t('document.form.school')})"/>
+            </el-col>
+          </el-form-item>
+          <el-form-item :label="$t('document.form.tutor')" prop="tutor">
+            <el-col :span="4">
+              <el-input v-model="form.tutor" :placeholder="$t('input_please',{keyword:$t('document.form.tutor')})"/>
+            </el-col>
+          </el-form-item>
+          <el-form-item :label="$t('document.form.start_year')" prop="start_year">
+            <el-col :span="4">
+              <el-input v-model="form.start_year"
+                        :placeholder="$t('input_please',{keyword:$t('document.form.start_year')})"/>
+            </el-col>
+          </el-form-item>
+          <el-form-item :label="$t('document.form.end_year')" prop="end_year">
+            <el-col :span="4">
+              <el-input v-model="form.end_year"
+                        :placeholder="$t('input_please',{keyword:$t('document.form.end_year')})"/>
+            </el-col>
+          </el-form-item>
+        </el-collapse-item>
+      </el-collapse>
     </el-form>
+    <el-row class="mt3">
+      <el-col :span="18">
+            <el-row v-for="(item,index) in docList" class="mt2">
+              <el-row type="flex" align="middle">
+                <el-col :span="1"><span>{{index+1}}.</span></el-col>
+                <el-col :span="3">
+                  <el-button size="mini" round>{{$t('button.catalog')}}</el-button>
+                </el-col>
+                <el-col :span="16" class="doc-title"><span>{{item.title}}</span></el-col>
+              </el-row>
+              <el-row type="flex" align="middle" class="center mt1">
+                <el-col :span="2"><span>[{{item.type}}]</span></el-col>
+                <el-col :span="1"><span>{{item.author}}</span></el-col>
+                <el-col :span="3"><span>{{item.profession}}</span></el-col>
+                <el-col :span="3"><span>{{item.school}}&nbsp{{item.year}}</span></el-col>
+                <el-col :span="4"><span>{{$t('document.doc_list.year')}}</span></el-col>
+              </el-row>
+              <el-row class="mt1">
+                <p class="doc-summary">{{item.summary}}</p>
+              </el-row>
+              <el-row class="mt1">
+                <el-col :span="10" class="doc-title">
+                  <el-tag v-for="tag in item.tags" class="ml1">{{tag}}</el-tag>
+                </el-col>
+                <el-col :span="2">
+                  <el-button>{{$t('reading_online')}}</el-button>
+                </el-col>
+              </el-row>
+            </el-row>
+      </el-col>
+      <el-col :span="5" class="ml3">
+         <el-row>
+           <h1 class="center">{{$t('today_recommend')}}</h1>
+         </el-row>
+        <div class="recommend-list">
+           <el-row v-for="item in recommend_list">
+              <h3 class="center doc-title">{{item.title}}</h3>
+              <p class="doc-summary">{{item.summary}}</p>
+           </el-row>
+        </div>
+      </el-col>
+    </el-row>
+    <el-pagination
+      layout="prev, pager, next"
+      :total="1000" class="center mt1">
+    </el-pagination>
+  </div>
 </template>
 
 <script lang="ts">
@@ -29,16 +102,175 @@
 
   export default Vue.extend({
     name: 'document',
-    data(){
+    data() {
       return {
-        form:{
-          title:'',
-          author:'',
-          keyword:'',
-          specialty:''
+        form: {
+          title: '',
+          author: '',
+          keyword: '',
+          specialty: '',
+          school: '',
+          tutor: '',
+          start_year: '',
+          end_year: ''
         },
-        rules:{}
+        rules: {},
+        activeNames: [],
+        docList:[
+          {
+              title:'浅谈中国山水画的传承与创新',
+              type:'硕士论文',
+              author:'马俊',
+              profession:'网络游戏',
+              school:'中国美术学院',
+              year:2011,
+              summary:'摘要：传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上，它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。',
+              tags:['山水画','空间经验','构成主义']
+          },
+          {
+            title:'浅谈中国山水画的传承与创新',
+            type:'硕士论文',
+            author:'马俊',
+            profession:'网络游戏',
+            school:'中国美术学院',
+            year:2011,
+            summary:'摘要：传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上，它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。'
+          },
+          {
+            title:'浅谈中国山水画的传承与创新',
+            type:'硕士论文',
+            author:'马俊',
+            profession:'网络游戏',
+            school:'中国美术学院',
+            year:2011,
+            summary:'摘要：传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上，它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。',
+            tags:['山水画','空间经验','构成主义']
+          },
+          {
+            title:'浅谈中国山水画的传承与创新',
+            type:'硕士论文',
+            author:'马俊',
+            profession:'网络游戏',
+            school:'中国美术学院',
+            year:2011,
+            summary:'摘要：传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上，它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。'
+          },
+          {
+            title:'浅谈中国山水画的传承与创新',
+            type:'硕士论文',
+            author:'马俊',
+            profession:'网络游戏',
+            school:'中国美术学院',
+            year:2011,
+            summary:'摘要：传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上，它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。',
+            tags:['山水画','空间经验','构成主义']
+          },
+          {
+            title:'浅谈中国山水画的传承与创新',
+            type:'硕士论文',
+            author:'马俊',
+            profession:'网络游戏',
+            school:'中国美术学院',
+            year:2011,
+            summary:'摘要：传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上，它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。'
+          },
+          {
+            title:'浅谈中国山水画的传承与创新',
+            type:'硕士论文',
+            author:'马俊',
+            profession:'网络游戏',
+            school:'中国美术学院',
+            year:2011,
+            summary:'摘要：传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上，它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。',
+            tags:['山水画','空间经验','构成主义']
+          },
+          {
+            title:'浅谈中国山水画的传承与创新',
+            type:'硕士论文',
+            author:'马俊',
+            profession:'网络游戏',
+            school:'中国美术学院',
+            year:2011,
+            summary:'摘要：传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上，它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。'
+          },{
+            title:'浅谈中国山水画的传承与创新',
+            type:'硕士论文',
+            author:'马俊',
+            profession:'网络游戏',
+            school:'中国美术学院',
+            year:2011,
+            summary:'摘要：传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上，它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。',
+            tags:['山水画','空间经验','构成主义']
+          },
+          {
+            title:'浅谈中国山水画的传承与创新',
+            type:'硕士论文',
+            author:'马俊',
+            profession:'网络游戏',
+            school:'中国美术学院',
+            year:2011,
+            summary:'摘要：传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上，它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。'
+          }
+        ],
+        recommend_list:[
+          {
+            title:'玩具产品的情感设计研究',
+            summary:'摘要：首先,玩具作为一种产品,是设计者情感的外显化与实物化,设计者通过玩具的设计,将生活中的感动和梦想投射到玩具形像中,使得这样的情感和梦想得到延续。而使用者在使用玩具时,也能感受到设计师的情感,从而产生共鸣。'
+          },
+          {
+            title:'玩具产品的情感设计研究',
+            summary:'摘要：首先,玩具作为一种产品,是设计者情感的外显化与实物化,设计者通过玩具的设计,将生活中的感动和梦想投射到玩具形像中,使得这样的情感和梦想得到延续。而使用者在使用玩具时,也能感受到设计师的情感,从而产生共鸣。'
+          },
+          {
+            title:'玩具产品的情感设计研究',
+            summary:'摘要：首先,玩具作为一种产品,是设计者情感的外显化与实物化,设计者通过玩具的设计,将生活中的感动和梦想投射到玩具形像中,使得这样的情感和梦想得到延续。而使用者在使用玩具时,也能感受到设计师的情感,从而产生共鸣。'
+          },
+          {
+            title:'玩具产品的情感设计研究',
+            summary:'摘要：首先,玩具作为一种产品,是设计者情感的外显化与实物化,设计者通过玩具的设计,将生活中的感动和梦想投射到玩具形像中,使得这样的情感和梦想得到延续。而使用者在使用玩具时,也能感受到设计师的情感,从而产生共鸣。'
+          },
+          {
+            title:'玩具产品的情感设计研究',
+            summary:'摘要：首先,玩具作为一种产品,是设计者情感的外显化与实物化,设计者通过玩具的设计,将生活中的感动和梦想投射到玩具形像中,使得这样的情感和梦想得到延续。而使用者在使用玩具时,也能感受到设计师的情感,从而产生共鸣。'
+          },
+          {
+            title:'玩具产品的情感设计研究',
+            summary:'摘要：首先,玩具作为一种产品,是设计者情感的外显化与实物化,设计者通过玩具的设计,将生活中的感动和梦想投射到玩具形像中,使得这样的情感和梦想得到延续。而使用者在使用玩具时,也能感受到设计师的情感,从而产生共鸣。'
+          },
+          {
+            title:'玩具产品的情感设计研究',
+            summary:'摘要：首先,玩具作为一种产品,是设计者情感的外显化与实物化,设计者通过玩具的设计,将生活中的感动和梦想投射到玩具形像中,使得这样的情感和梦想得到延续。而使用者在使用玩具时,也能感受到设计师的情感,从而产生共鸣。'
+          },
+          {
+            title:'玩具产品的情感设计研究',
+            summary:'摘要：首先,玩具作为一种产品,是设计者情感的外显化与实物化,设计者通过玩具的设计,将生活中的感动和梦想投射到玩具形像中,使得这样的情感和梦想得到延续。而使用者在使用玩具时,也能感受到设计师的情感,从而产生共鸣。'
+          },
+          {
+            title:'玩具产品的情感设计研究',
+            summary:'摘要：首先,玩具作为一种产品,是设计者情感的外显化与实物化,设计者通过玩具的设计,将生活中的感动和梦想投射到玩具形像中,使得这样的情感和梦想得到延续。而使用者在使用玩具时,也能感受到设计师的情感,从而产生共鸣。'
+          },
+          {
+            title:'玩具产品的情感设计研究',
+            summary:'摘要：首先,玩具作为一种产品,是设计者情感的外显化与实物化,设计者通过玩具的设计,将生活中的感动和梦想投射到玩具形像中,使得这样的情感和梦想得到延续。而使用者在使用玩具时,也能感受到设计师的情感,从而产生共鸣。'
+          }
+        ]
       }
     }
   })
 </script>
+<style>
+  .doc-title{
+    overflow: hidden;
+    text-overflow:ellipsis;
+    white-space: nowrap;
+  }
+  .doc-summary{
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    overflow: hidden;
+  }
+  .recommend-list{
+    overflow-y: scroll;
+  }
+</style>