|
|
@@ -1,7 +1,10 @@
|
|
|
<style lang="scss">
|
|
|
- .xjjl{
|
|
|
- .el-dialog{
|
|
|
- left: 50px;
|
|
|
+ .preview{
|
|
|
+ .el-form-item{
|
|
|
+ margin-bottom:15px;
|
|
|
+ }
|
|
|
+ label,p{
|
|
|
+ line-height: 25px !important;
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
@@ -12,13 +15,13 @@
|
|
|
<div class="filter">
|
|
|
<el-form size="small" label-width="70px" :inline="true" label-position="left">
|
|
|
<el-form-item label="">
|
|
|
- <el-input clearable placeholder="请输入您要搜索的内容" v-model="form.name"></el-input>
|
|
|
+ <el-input clearable placeholder="请输入信息标题" v-model="form.name"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary">搜索</el-button>
|
|
|
</el-form-item>
|
|
|
<el-form-item style="float:right" >
|
|
|
- <el-button type="primary">新增表单</el-button>
|
|
|
+ <el-button @click="dialogVisible=true,edit=0" type="primary">发送消息</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -30,28 +33,72 @@
|
|
|
style="width: 100%">
|
|
|
<el-table-column
|
|
|
prop="name" width="300"
|
|
|
- label="名称">
|
|
|
+ label="标题">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="username"
|
|
|
- label="创建人">
|
|
|
+ label="发送者">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="area"
|
|
|
+ label="接收者">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="area"
|
|
|
- label="创建时间">
|
|
|
+ label="发送时间">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="zip" width="150"
|
|
|
label="操作">
|
|
|
<template slot-scope="">
|
|
|
- <el-button type="text">预览</el-button>
|
|
|
- <el-button type="text">编辑</el-button>
|
|
|
- <el-button type="text">删除</el-button>
|
|
|
+ <el-button type="text" @click="dialogVisible=true,edit=1">查看</el-button>
|
|
|
+ <el-button class="edit" type="text" @click="dialogVisible=true,edit=0">编辑</el-button>
|
|
|
+ <el-button class="del" @click="del" type="text">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<Page ref="pageButton" :current='form.page' :page_size='form.page_size' :total='total' @pageChange='gopage'/>
|
|
|
</div>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ title="发送通知消息" :close-on-click-modal='false'
|
|
|
+ :visible.sync="dialogVisible">
|
|
|
+ <el-form size="small" class="preview" :inline='false' label-width="80px">
|
|
|
+ <el-form-item label="标题">
|
|
|
+ <p v-if='edit'>关于集中使用期刊公众号的通知</p>
|
|
|
+ <el-input v-else v-model="form.name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="消息内容">
|
|
|
+ <p v-if='edit'>
|
|
|
+ 关于集中使用期刊公众号的通知关于集中使用期刊公众号的通知
|
|
|
+ 关于集中使用期刊公众号的通知关于集中使用期刊公众号的通知
|
|
|
+ 关于集中使用期刊公众号的通知关于集中使用期刊公众号的通知
|
|
|
+ </p>
|
|
|
+ <el-input v-else v-model="form.name" type="textarea"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="文件">
|
|
|
+ <p v-if='edit'>
|
|
|
+ <el-link type="primary">关于集中使用期刊公众号的通知.docx</el-link><br>
|
|
|
+ <el-link type="primary">关于集中使用期刊公众号的通知.docx</el-link>
|
|
|
+ </p>
|
|
|
+ <el-button v-else class="upload_btn" plain type="primary">选择文件 <input type="file"></el-button>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="接收人">
|
|
|
+ <el-input placeholder="请输入内容" v-model="input" class="input-with-select">
|
|
|
+ <el-button slot="append" icon="el-icon-search"></el-button>
|
|
|
+ </el-input>
|
|
|
+ <el-tree
|
|
|
+ :data="data"
|
|
|
+ show-checkbox
|
|
|
+ node-key="id" default-expand-all
|
|
|
+ :props="defaultProps">
|
|
|
+ </el-tree>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" type="primary" @click="dialogVisible = false">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</section>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -62,10 +109,28 @@ export default {
|
|
|
},
|
|
|
data(){
|
|
|
return{
|
|
|
+ edit:0,
|
|
|
form:{name:'',page:1,page_size:20},
|
|
|
total:1,
|
|
|
list:[{name:'2333'}],
|
|
|
loading:false,
|
|
|
+ input:'',
|
|
|
+ dialogVisible:false,
|
|
|
+ defaultProps:{},
|
|
|
+ data: [{
|
|
|
+ id: 1,
|
|
|
+ label: '一级 1'
|
|
|
+ }, {
|
|
|
+ id: 2,
|
|
|
+ label: '一级 2',
|
|
|
+ children: [{
|
|
|
+ id: 5,
|
|
|
+ label: '二级 2-1'
|
|
|
+ }, {
|
|
|
+ id: 6,
|
|
|
+ label: '二级 2-2'
|
|
|
+ }]
|
|
|
+ }],
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
