|
|
|
@ -1,10 +1,26 @@ |
|
|
|
|
<template> |
|
|
|
|
<el-col :span="10"> |
|
|
|
|
<div> |
|
|
|
|
<el-row type="flex" justify="center"> |
|
|
|
|
<el-col :span="5"> |
|
|
|
|
<el-form ref="form" :model="form" label-width="80px"> |
|
|
|
|
<el-form-item :label="$t('read.tip.form.note_title')" prop="note_title"> |
|
|
|
|
<el-input v-model="form.note_title" :placeholder="$t('input_please', { keyword: this.$t('read.tip.form.note_title') })"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item :label="$t('read.tip.form.note_content')" prop="note_content"> |
|
|
|
|
<el-input type="textarea" v-model="form.note_content" :placeholder="$t('input_please', { keyword: this.$t('read.tip.form.note_content') })"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item class="center"> |
|
|
|
|
<el-button>{{$t('button.query')}}</el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-table :data="tableData" border> |
|
|
|
|
<el-table-column align="center" prop="note_name" :label="$t('note.table.note_name')" /> |
|
|
|
|
<el-table-column align="center" prop="note_content" :label="$t('note.table.note_content')" /> |
|
|
|
|
<el-table-column align="center" prop="paper_name" :label="$t('note.table.paper_name')" /> |
|
|
|
|
<el-table-column align="center" :label="$t('action')"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<el-table-column align="center" :label="$t('action')" > |
|
|
|
|
<template slot-scope="scope" > |
|
|
|
|
<el-button>{{$t('button.edit')}}</el-button> |
|
|
|
|
<el-button type="danger" @click="del">{{$t('button.del')}}</el-button> |
|
|
|
|
</template> |
|
|
|
@ -17,7 +33,7 @@ |
|
|
|
|
:total="1000"> |
|
|
|
|
</el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script lang="ts"> |
|
|
|
@ -29,8 +45,25 @@ |
|
|
|
|
return { |
|
|
|
|
tableData:[{ |
|
|
|
|
note_name:'笔记', |
|
|
|
|
note_content:'笔记内容', |
|
|
|
|
paper_name: '《论文》' |
|
|
|
|
}] |
|
|
|
|
}], |
|
|
|
|
form:{ |
|
|
|
|
note_name:'', |
|
|
|
|
note_content:'' |
|
|
|
|
}, |
|
|
|
|
rules:{ |
|
|
|
|
note_title:[{ |
|
|
|
|
required: true, |
|
|
|
|
message: this.$t('input_please', { keyword: this.$t('read.tip.form.note_title') }), |
|
|
|
|
trigger: 'blur' |
|
|
|
|
}], |
|
|
|
|
note_content:[{ |
|
|
|
|
required: true, |
|
|
|
|
message: this.$t('input_please', { keyword: this.$t('read.tip.form.note_content') }), |
|
|
|
|
trigger: 'blur' |
|
|
|
|
}] |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods:{ |
|
|
|
|