路由接收者处理

朱兆平
src/views/bus/RouterManage.vue
--- a/src/views/bus/RouterManage.vue
查看文件 @a48402a
+++ b/src/views/bus/RouterManage.vue
查看文件 @a48402a
@@ -6,30 +6,30 @@
                     <el-row>
                         <el-col :span="5">
                             <el-input v-model="umb_queryInfo.sndr"
-                                      size="medium"
+                                      size="mini"
                                       placeholder="帐户名称" clearable>
                                 <template  slot="prepend" ><i class="el-icon-user"></i>帐户名称</template>
                             </el-input>
                         </el-col>
                         <el-col :span="5">
                             <el-input v-model="umb_queryInfo.btype"
-                                      size="medium"
+                                      size="mini"
                                       placeholder="消息大类" clearable>
                                 <template  slot="prepend"><i class="el-icon-s-platform"></i>消息大类</template>
                             </el-input>
                         </el-col>
                         <el-col :span="5">
                             <el-input v-model="umb_queryInfo.stype"
-                                      size="medium"
+                                      size="mini"
                                       placeholder="消息子类" clearable>
                                 <template  slot="prepend"><i class="el-icon-s-operation"></i>消息子类</template>
                             </el-input>
                         </el-col>
                         <el-col :span="5">
-                            <el-button type="warning" size="medium" icon="el-icon-search" @click="queryRouterList">
+                            <el-button type="warning" size="mini" icon="el-icon-search" @click="queryRouterList">
                                 查询
                             </el-button>
-                            <el-button type="primary" size="medium" icon="el-icon-plus" @click="dialogFormVisible = true">
+                            <el-button type="primary" size="mini" icon="el-icon-plus" @click="addFormShow">
                                 添加
                             </el-button>
                         </el-col>
@@ -70,10 +70,12 @@
                                 >
                                     <template slot-scope="scope">
                                         <div v-for="reciver in scope.row.rcvrList" v-bind:key="reciver.id">
-                                            {{reciver.rcvrTopic}}<!--,{{reciver.filterList.filter}}-->
-                                            <el-button type="text" size="mini" @click="addReceiverFiletery(reciver.id)">增加过滤</el-button>
+                                            {{reciver.rcvrTopic}}
+                                            <el-button type="text" size="mini" @click="addReceiverFiletery(reciver.id)">[删除]</el-button><!--,{{reciver.filterList.filter}}-->
+                                            <el-button type="text" size="mini" @click="addReceiverFiletery(reciver.id)">[增加过滤]</el-button>
                                             <!-- <div v-for="filters in reciver.filterList">{{filters.filter}}</div>-->
                                         </div>
+                                        <el-button type="text" size="mini" @click="addReceiverFiletery()">[增加接收者]</el-button>
                                     </template>
                                 </el-table-column>
                                 <el-table-column
@@ -91,6 +93,7 @@
                                 </el-table-column>
                                 <el-table-column label="操作" width="250px"  align="center" fixed="right">
                                     <template slot-scope="scope">
+                                        <el-button type="primary" size="mini" @click="editRouter(scope.$index,scope.row)">编辑</el-button>
                                         <el-button type="danger" size="mini" @click="delRouter(scope.$index,scope.row)">删除</el-button>
                                     </template>
                                 </el-table-column>
@@ -103,7 +106,7 @@
                                 @size-change="handleSizeChange"
                                 @current-change="handleCurrentChange"
                                 :current-page="umb_queryInfo.pageNum"
-                                :page-sizes="[100, 200, 300, 400]"
+                                :page-sizes="[10, 20, 50, 100]"
                                 :page-size="umb_queryInfo.pageSize"
                                 layout="total, sizes, prev, pager, next, jumper"
                                 :total="umb_queryData.total">
@@ -111,7 +114,7 @@
                     </div>
                 </el-row>
                 <el-row>
-                    <el-dialog title="路由消息添加" :visible.sync="dialogFormVisible" width="70%" style="margin-top: -20px" text-align="center">
+                    <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="dialogFormVisible" width="70%" style="margin-top: -20px" text-align="center">
                         <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="145px"
                                  class="demo-ruleForm" style="margin-top: -10px ;margin-left: -150px"  align="center" >
                             <el-form-item label="" prop="sndr">
@@ -134,13 +137,13 @@
                         <div slot="footer" class="dialog-footer" align="center">
                             <el-button @click="dialogFormVisible = false" size="medium"
                                        style="width: 100px;background-color: #6F8294;color: #ffffff">取 消</el-button>
-                            <el-button type="primary" size="medium" style="width: 100px" @click="submitForm('ruleForm')">确 定</el-button>
+                            <el-button type="primary" size="medium" style="width: 100px" @click="ialogStatus==='create'?submitForm('ruleForm'):subEditForm()">确 定</el-button>
                         </div>
                     </el-dialog>
                 </el-row>
                 <el-row>
-                    <el-dialog title="增加过滤规则" :visible.sync="dialogFilterVisible" width="40%" style="margin-top: 100px">
+                    <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="dialogFilterVisible" width="40%" style="margin-top: 100px">
 <!--                        <RouterFilter v-bind:propRouterReceiveId="selectReceiverId"> </RouterFilter>-->
                         <el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px"
                                  :model="queue_addForm" :rules="queue_addFormRules" ref="queue_addFormRef" align="center">
@@ -213,6 +216,11 @@
         components: { Queue,RouterFilter },
         data(){
             return{
+                dialogMap: {
+                    update: '编辑',
+                    create: '新增',
+                },
+                dialogStatus: 'create',
                 /**
                  * queue，新增表单
                  */
@@ -331,6 +339,10 @@
                 this.umb_queryInfo.pageNum=val;
                 this.queryRouterList();
             },
+            addFormShow:function(){
+                this.dialogStatus= 'create';
+                this.dialogFormVisible = true;
+            },
             queryRouterList(){
                 queRouter(this.umb_queryInfo).then((response) => {
                     let res = response.data;
@@ -341,6 +353,11 @@
                 });
             },
+            editRouter:function(index,row){
+                this.dialogStatus= 'update';
+                this.dialogFormVisible = true;
+                this.ruleForm = Object.assign({}, row);
+            },
             delRouter(index,row){
                 // 弹框询问是否删除？
                 this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {