Skip to content

M
meet
Commit 115c25ca authored by wangqinghua's avatar wangqinghua
Browse files
Options

特殊议程

parent f5d5a175
Show whitespace changes
Inline Side-by-side
Showing with 239 additions and 66 deletions
src/api/api.js
View file @ 115c25ca
...@@ -12,3 +12,21 @@ export const updateAttendInfo = params =>req('post','/attendInfo/updateAttendIn ...@@ -12,3 +12,21 @@ export const updateAttendInfo = params =>req('post','/attendInfo/updateAttendIn
//通过ID删除列席人员信息 //通过ID删除列席人员信息
export const removeAttendInfoById = params =>req('get','/attendInfo/removeAttendInfoById',params); export const removeAttendInfoById = params =>req('get','/attendInfo/removeAttendInfoById',params);
//添加特殊议程
export const addSpecialAgenda = params =>req('post','/specialAgenda/addSpecialAgenda',params);
//获取特殊议程列表
export const getSpecialAgendaList = params =>req('get','/specialAgenda/getSpecialAgendaList',params);
//修改特殊议程
export const updateSpecialAgenda = params =>req('post','/specialAgenda/updateSpecialAgenda',params);
//通过ID获取特殊议程
export const getSpecialAgendaById = params =>req('get','/specialAgenda/getSpecialAgendaById',params);
//通过ID删除特殊议程
export const removeSpecialAgendaById = params =>req('get','/specialAgenda/removeSpecialAgendaById',params);
src/components/addCode.vue
View file @ 115c25ca
<!--添加代码--> <!--添加代码-->
<template> <template>
<div class="code"> <div class="code">
<el-dialog title="代码添加" :visible.sync="dialogFormVisible"> <el-dialog :title="title" :visible.sync="dialogFormVisible">
<el-form :model="form"> <el-form :model="form">
<el-form-item label="代码名称" :label-width="formLabelWidth"> <el-form-item label="代码名称" :label-width="formLabelWidth">
<el-input v-model="form.name1" autocomplete="off"></el-input> <el-input v-model="form.title" autocomplete="off"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="代码URL" :label-width="formLabelWidth"> <el-form-item label="代码URL" :label-width="formLabelWidth">
<el-input v-model="form.name2" autocomplete="off"></el-input> <el-input v-model="form.url" autocomplete="off"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="汇报处室" :label-width="formLabelWidth"> <el-form-item label="汇报处室" :label-width="formLabelWidth">
<el-input v-model="form.name3" autocomplete="off"></el-input> <el-input v-model="form.reportDep" autocomplete="off"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="列席人员" :label-width="formLabelWidth"> <el-form-item label="列席人员" :label-width="formLabelWidth">
<el-input v-model="form.name4" autocomplete="off"></el-input> <el-input v-model="form.attendPerson" autocomplete="off"></el-input>
<el-button @click="selectPerson">选择</el-button>
</el-form-item> </el-form-item>
<el-form-item label="白名单IP" :label-width="formLabelWidth"> <el-form-item label="白名单IP" :label-width="formLabelWidth">
<el-input v-model="form.name5" autocomplete="off"></el-input> <el-input v-model="form.ips" autocomplete="off"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button> <el-button size="small" @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogFormVisible = false">确 定</el-button> <el-button size="small" type="primary" @click="submitForm">确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
<attend-list ref="attendList" @select="getPerson"></attend-list>
</div> </div>
</template> </template>
<script> <script>
import {updateSpecialAgenda, addSpecialAgenda,getSpecialAgendaById} from "../api/api"
import AttendList from "./attendList";
export default { export default {
components: {AttendList},
name: "add-code", name: "add-code",
data(){ data() {
return{ return {
form:{ title: "",
name1:"", id:"",
name2:"", form: {
name3:"", title: "",
name4:"", url: "",
name5:"", reportDep: "",
linkAttends: null,
ips: "",
}, },
dialogFormVisible:false, dialogFormVisible: false,
formLabelWidth:"100px" formLabelWidth: "100px"
} }
}, },
methods:{ methods: {
showModal(){ showAddDialog(title) {
this.title = title
this.dialogFormVisible = true
},
showEditDialog(title, item) {
this.title = title
this.id = item.id
this.dialogFormVisible = true this.dialogFormVisible = true
getSpecialAgendaById({id:item.id}).then(
(res)=>{
this.form.title = res.data.title;
this.form.url = res.data.url;
this.form.reportDep = res.data.reportDep;
this.form.attendPerson = res.data.attendPerson;
this.form.ips = res.data.ips;
}
)
},
initForm() {
this.form = {
title: "",
url: "",
reportDep: "",
attendPerson: "",
ips: "",
}
},
//选择列席人员
selectPerson(){
this.$refs.attendList.showDialog()
},
getPerson(data){
this.form.linkAttends = data.map(e=>{
const d = {
attendId:e.id
}
return d
});
console.log(this.form)
},
//提交
submitForm() {
if (this.title == "添加议程") {
addSpecialAgenda(this.form).then(
(res) => {
this.dialogFormVisible = false;
this.$message.success('添加成功')
this.$emit('update', res.data)
this.form.name = ""
this.initForm()
}
)
} else {
this.form.id = this.id
updateSpecialAgenda(this.form).then(
(res) => {
this.dialogFormVisible = false;
this.$emit('update', res.data)
this.$message.success('编辑成功')
this.form.name = ""
this.initForm()
}
)
}
} }
} }
} }
......
src/components/attendList.vue 0 → 100644
View file @ 115c25ca
<!--选择添加议程-->
<template>
<div class="select-intention">
<el-dialog title="选择意向" :visible.sync="dialogFormVisible">
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
label="序号"
type="index"
width="55">
</el-table-column>
<el-table-column
label="意向主题"
width="120">
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column>
<el-table-column
prop="name"
label="汇报处室"
width="120">
</el-table-column>
<el-table-column
prop="address"
label="附件名称"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="address"
label="备注"
show-overflow-tooltip>
</el-table-column>
</el-table>
<div slot="footer" class="dialog-footer text-center">
<el-button size="small" @click="submitList">添加</el-button>
<el-button size="small" @click="dialogFormVisible = false">关闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {getAttendInfoList} from '../api/api'
export default {
name: "attend-list",
data() {
return {
dialogFormVisible:false,
tableData: [],
multipleSelection: []
}
},
mounted(){
getAttendInfoList().then(
(res)=>{
this.tableData = res.data
}
)
},
methods:{
handleSelectionChange(val) {
console.log(val)
this.multipleSelection = val;
},
showDialog(){
this.dialogFormVisible = true;
},
submitList(){
this.dialogFormVisible = false;
this.$emit('select',this.multipleSelection)
}
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/views/agenda.vue
View file @ 115c25ca
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<p class="margin-20-0">当前位置：部务会议程管理 - 代码管理 - 特殊议程</p> <p class="margin-20-0">当前位置：部务会议程管理 - 代码管理 - 特殊议程</p>
<el-row> <el-row>
<el-col :offset="14" class="text-right" :span="10"> <el-col :offset="14" class="text-right" :span="10">
<el-button @click="showDialog" size="small" plain>添加</el-button> <el-button @click="showAddDialog" size="small" plain>添加</el-button>
</el-col> </el-col>
</el-row> </el-row>
<div class="margin-20-0"> <div class="margin-20-0">
...@@ -16,26 +16,26 @@ ...@@ -16,26 +16,26 @@
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="name" prop="title"
label="代码名称" label="代码名称"
width="180"> width="180">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="address" prop="url"
label="代码URL"> label="代码URL">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="address" prop="reportDep"
cell-class-name="text-center" cell-class-name="text-center"
label="汇报处室"> label="汇报处室">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="address" prop="attendPerson"
cell-class-name="text-center" cell-class-name="text-center"
label="列席人员"> label="列席人员">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="address" prop="ips"
cell-class-name="text-center" cell-class-name="text-center"
label="白名单IP"> label="白名单IP">
</el-table-column> </el-table-column>
...@@ -43,71 +43,70 @@ ...@@ -43,71 +43,70 @@
prop="address" prop="address"
label="操作"> label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="font-size-20"> <span class="font-size-20 pointer">
<i class="el-icon-edit-outline margin-right-10"></i> <i @click="showEditDialog(scope.row)" class="el-icon-edit-outline margin-right-10"></i>
<i class="el-icon-view margin-right-10"></i> <i @click="handleDetele(scope.row)" class="el-icon-delete"></i>
<i class="el-icon-delete"></i>
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<add-code ref="addCode"></add-code> <add-code ref="addCode" @update="getList"></add-code>
</div> </div>
</template> </template>
<script> <script>
import AddCode from "../components/addCode"; import AddCode from "../components/addCode";
import {getSpecialAgendaList,removeSpecialAgendaById} from '../api/api'
export default { export default {
components: {AddCode}, components: {AddCode},
name: "agenda", name: "agenda",
data(){ data(){
return { return {
tableData: [{ tableData: [],
date: '2016-05-02',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333,
tag: '家'
}, {
date: '2016-05-04',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1517 弄',
zip: 200333,
tag: '公司'
}, {
date: '2016-05-01',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1519 弄',
zip: 200333,
tag: '家'
}, {
date: '2016-05-03',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1516 弄',
zip: 200333,
tag: '公司'
}],
} }
}, },
mounted(){
this.getList()
},
methods:{ methods:{
getList(){
getSpecialAgendaList().then(
(res)=>{
this.tableData = res.data
}
)
},
//更改每页条数 //更改每页条数
handleSizeChange(){ handleSizeChange(){
}, },
handleCurrentChange(){}, handleCurrentChange(){},
showDialog(){ showAddDialog(){
this.$refs.addCode.showModal() this.$refs.addCode.showAddDialog("添加议程")
},
showEditDialog(row){
this.$refs.addCode.showEditDialog("编辑议程",row)
},
//删除信息
handleDetele(row){
this.$confirm('确定删除该议程?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const data = {
id:row.id
} }
removeSpecialAgendaById(data).then(
(res)=>{
this.$message.success('删除成功')
this.getList()
}
)
})
},
} }
} }
</script> </script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment