文档页面

master
pan 4 years ago
parent 318d0b4c1a
commit deeeb2b06b
  1. 82
      nuxt.config.js
  2. 248
      pages/index/document.vue

@ -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"
}
}

@ -1,4 +1,5 @@
<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">
@ -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: {},
activeNames: [],
docList:[
{
title:'浅谈中国山水画的传承与创新',
type:'硕士论文',
author:'马俊',
profession:'网络游戏',
school:'中国美术学院',
year:2011,
summary:'摘要:传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上,它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。',
tags:['山水画','空间经验','构成主义']
},
{
title:'浅谈中国山水画的传承与创新',
type:'硕士论文',
author:'马俊',
profession:'网络游戏',
school:'中国美术学院',
year:2011,
summary:'摘要:传统的中国山水画建立在自然形象及其对人对自然升华的基础上。在哲学意义上,它的语言和精神性依赖于一个自然体系。而当下中国艺术的现代性转变也是一个如何超越自然体系的问题。现代性面对的社会和空间是工业社会和城市。'
},
rules:{}
{
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>

Loading…
Cancel
Save