|
|
@@ -0,0 +1,174 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <el-form :model="queryParams" ref="queryForm" size="mini" :inline="true">
|
|
|
+ <el-form-item label="会议类别">
|
|
|
+ <el-radio-group >
|
|
|
+ <el-radio-button label="上海" ></el-radio-button>
|
|
|
+ <el-radio-button label="北京"></el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="会议主题">
|
|
|
+ <el-input v-model="formInline.user" placeholder="审批人"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="会议类型">
|
|
|
+ <el-select v-model="formInline.region" placeholder="会议类型">
|
|
|
+ <el-option label="区域一" value="shanghai"></el-option>
|
|
|
+ <el-option label="区域二" value="beijing"></el-option>
|
|
|
+ <el-option label="区域二" value="beijing"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="状态">
|
|
|
+ <el-select v-model="formInline.region" placeholder="会议状态">
|
|
|
+ <el-option label="区域一" value="shanghai"></el-option>
|
|
|
+ <el-option label="区域二" value="beijing"></el-option>
|
|
|
+ <el-option label="区域二" value="beijing"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
|
|
|
+ <el-button icon="el-icon-refresh" @click="onSubmit">重置</el-button>
|
|
|
+ <el-button type="success" icon="el-icon-plus" @click="createMeeting">创建会议</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ border
|
|
|
+ stripe
|
|
|
+ size="mini"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column type="index" label="序号" width="60">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="会议主题">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="会议类型">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="会议地点">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="date"
|
|
|
+ label="会议状态"
|
|
|
+ width="180">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="name"
|
|
|
+ label="会议时间"
|
|
|
+ width="180">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="address"
|
|
|
+ label="参会人员">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" prop="op" width="150">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button size="mini" type="primary" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
|
|
|
+ <el-button size="mini" type="danger" @click="deleteAlarmContactById(scope.$index, scope.row)">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <Pagination v-bind:child-msg="pageparm" @callFather="callFather"></Pagination>
|
|
|
+
|
|
|
+ <!--编辑会议窗体-->
|
|
|
+ <!-- 编辑界面 -->
|
|
|
+ <el-dialog :title="title" :visible.sync="editFormVisible" width="55%" @click="closeDialog">
|
|
|
+ <el-form label-width="120px" >
|
|
|
+ <el-form-item label="会议主题:">
|
|
|
+ <el-input size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="会议类别:">
|
|
|
+ <el-radio label="1">备选项</el-radio>
|
|
|
+ <el-radio label="2">备选项</el-radio>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="会议类型:">
|
|
|
+ <el-select v-model="formInline.region" placeholder="会议类型">
|
|
|
+ <el-option label="区域一" value="shanghai"></el-option>
|
|
|
+ <el-option label="区域二" value="beijing"></el-option>
|
|
|
+ <el-option label="区域二" value="beijing"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="会议地点:">
|
|
|
+ <el-input size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="会议时间:">
|
|
|
+
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="外部参会人员:">
|
|
|
+ <el-input size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="内部参会人员:">
|
|
|
+ <el-input size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="会议内容:">
|
|
|
+ <el-input size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="closeDialog">取消</el-button>
|
|
|
+ <el-button size="small" type="primary" :loading="loading" class="title" @click="submitForm('editForm')">保存</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import Pagination from '../../components/Page/Pagination'
|
|
|
+export default {
|
|
|
+ name: 'meeting',
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableData: [{
|
|
|
+ date: '2016-05-02',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-04',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1517 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-01',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1519 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-03',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1516 弄'
|
|
|
+ }],
|
|
|
+ pageparm: {
|
|
|
+ page: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ formInline: {
|
|
|
+ page: 1,
|
|
|
+ pageSize: 10
|
|
|
+ },
|
|
|
+ editFormVisible: false,
|
|
|
+ title : '创建会议'
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 注册组件
|
|
|
+ components: {
|
|
|
+ Pagination
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 分页插件事件
|
|
|
+ callFather(parm) {
|
|
|
+ this.formInline.page = parm.page
|
|
|
+ this.formInline.pageSize = parm.pageSize
|
|
|
+ //this.getdata(this.formInline)
|
|
|
+ },
|
|
|
+ createMeeting() {
|
|
|
+ this.title = '创建会议'
|
|
|
+ this.editFormVisible = true
|
|
|
+ },
|
|
|
+ closeDialog() {
|
|
|
+ this.editFormVisible = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+
|
|
|
+</style>
|
humingbo