QingdaoU/OnlineJudgeFE
1
0
Fork 0
mirror of https://github.com/QingdaoU/OnlineJudgeFE.git synced 2025-01-04 02:52:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

添加Simditor组件和编辑对话框

Browse Source
This commit is contained in:
tw1997 2016-11-01 13:07:57 +08:00
parent 8c21a2f2c5
commit 9633bced31
2 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -13,6 +13,7 @@
"lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs" "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
}, },
"dependencies": { "dependencies": {
"simditor": "^2.3.6",
"vue": "^2.0.1", "vue": "^2.0.1",
"vue-resource": "^1.0.3", "vue-resource": "^1.0.3",
"vue-router": "^2.0.1" "vue-router": "^2.0.1"

30
src/views/AnnounceMent.vue
View File

@ -3,9 +3,10 @@
<Panel title="公告列表"> <Panel title="公告列表">
<div class="list"> <div class="list">
<el-table <el-table
:data="announceList" ref="announceTable"
style="width: 100%" :data="announceList"
@selection-change="multipleSelectionChange"> style="width: 100%"
@selection-change="multipleSelectionChange">
<el-table-column <el-table-column
type="selection" type="selection"
width="50"> width="50">
@ -21,7 +22,7 @@
label="标题" label="标题"
sortable sortable
width="220" width="220"
:show-tooltip-when-overflow="true"> show-tooltip-when-overflow>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="create_time" prop="create_time"
@ -42,7 +43,7 @@
prop="visible" prop="visible"
label="筛选" label="筛选"
width="100" width="100"
:filters="[{ text: '显示可见', value: true }, { text: '显示不可见', value: false }]" :filters="[{ text: '显示可见', value: 'visible' }, { text: '显示不可见', value: 'invisible' }]"
:filter-method="filterVisible" :filter-method="filterVisible"
inline-template> inline-template>
<el-tag :type="row.visible ? 'success' : 'danger'" close-transition>{{row.visible ? '可见' : '不可见'}}</el-tag> <el-tag :type="row.visible ? 'success' : 'danger'" close-transition>{{row.visible ? '可见' : '不可见'}}</el-tag>
@ -64,11 +65,12 @@
<!--编辑对话框--> <!--编辑对话框-->
<el-dialog title="编辑公告" v-model="showEditAnnounceDialog"> <el-dialog title="编辑公告" v-model="showEditAnnounceDialog">
<el-input <el-input
placeholder="请输入内容"> placeholder="请输入标题" class="title_input">
</el-input> </el-input>
<Simditor ref="simditor" placeholder="请输入公告正文"></Simditor>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click.native="showEditAnnounceDialog = false">取 消</el-button> <el-button @click.native="showEditAnnounceDialog = false">取 消</el-button>
<el-button type="primary" @click.native="showEditAnnounceDialog = false">确 定</el-button> <el-button type="primary" @click.native="submit(),showEditAnnounceDialog = false">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
@ -76,10 +78,11 @@
<script> <script>
import Panel from '../components/Panel.vue' import Panel from '../components/Panel.vue'
import Simditor from '../components/Simditor.vue'
import api from '../api.js' import api from '../api.js'
export default { export default {
components: { components: {
Panel Panel, Simditor
}, },
data () { data () {
return { return {
@ -107,13 +110,19 @@ export default {
}, },
// 过滤是否可见 // 过滤是否可见
filterVisible (value, row) { filterVisible (value, row) {
return row.visible === value return value === 'visible' ? row.visible : !row.visible
}, },
// 切换页码回调 // 切换页码回调
currentChange (page) { currentChange (page) {
// 清除上一页选择的的多选框
this.$refs.announceTable.clearSelection()
api.getAnnounceList((page - 1) * this.pageSize, this.pageSize).then(res => { api.getAnnounceList((page - 1) * this.pageSize, this.pageSize).then(res => {
this.announceList = res.data.data.results this.announceList = res.data.data.results
}) })
},
// 编辑对话框 提交按钮
submit () {
window.alert(this.$refs.simditor.editor.getValue())
} }
}, },
mounted () { mounted () {
@ -145,4 +154,7 @@ export default {
} }
} }
} }
.title_input{
margin-bottom: 20px;
}
</style> </style>