朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 eda65f9c5b40d2eff12b5656cc2961c70482ae04 1 个父辈 71c2bd7c

路由配置＋消息分类管理 界面更新

内嵌 并排对比
正在显示 2 个修改的文件 包含 43 行增加 和 28 行删除
@@ -81,18 +81,20 @@ @@ -81,18 +81,20 @@
81 <el-row> 81 <el-row>
82 <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="dialogFormVisible" style="margin-top: -50px" width="45%" > 82 <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="dialogFormVisible" style="margin-top: -50px" width="45%" >
83 <el-form :model="addForm" :rules="addFormRules" ref="addForm" label-width="120px" > 83 <el-form :model="addForm" :rules="addFormRules" ref="addForm" label-width="120px" >
84 - <el-form-item v-if="this.demoName == true" label="上级标签" prop="parentId"> 84 + <el-form-item v-if="this.demoName == true" label="上级标签" style="width:300px" prop="parentId">
85 <span>{{addForm.parentName}}</span> 85 <span>{{addForm.parentName}}</span>
86 </el-form-item> 86 </el-form-item>
87 <el-form-item v-else style="display: none" label="上级标签" prop="parentId"> 87 <el-form-item v-else style="display: none" label="上级标签" prop="parentId">
88 <span>{{addForm.parentName}}</span> 88 <span>{{addForm.parentName}}</span>
89 </el-form-item> 89 </el-form-item>
90 - <el-form-item label="消息标签" prop="name">  
91 - <el-input placeholder="请输入内容" v-model="addForm.name" size="medium"> 90 + <el-form-item label="" prop="name">
  91 + <el-input placeholder="请输入内容" v-model="addForm.name" style="width:300px" size="medium">
  92 + <template slot="prepend" >消息标签</template>
92 </el-input> 93 </el-input>
93 </el-form-item> 94 </el-form-item>
94 - <el-form-item label="消息分类" prop="type" >  
95 - <el-select v-model="addForm.type" placeholder="请选择消息分类" :disabled="selectDisabled" name='test' id='test'> 95 + <el-form-item label="" prop="type" >
  96 + <el-select v-model="addForm.type" placeholder="请选择消息分类"
  97 + :disabled="selectDisabled" name='test' id='test' style="width:300px">
96 <el-option 98 <el-option
97 v-for="item in options" 99 v-for="item in options"
98 :key="item.value" 100 :key="item.value"
@@ -104,8 +106,9 @@ @@ -104,8 +106,9 @@
104 </el-option> 106 </el-option>
105 </el-select> 107 </el-select>
106 </el-form-item> 108 </el-form-item>
107 - <el-form-item label="描述" prop="des">  
108 - <el-input placeholder="请输入内容" v-model="addForm.des" size="medium"> 109 + <el-form-item label="" prop="des">
  110 + <el-input placeholder="请输入内容" v-model="addForm.des" size="medium" style="width:300px">
  111 + <template slot="prepend" >描述</template>
109 </el-input> 112 </el-input>
110 </el-form-item> 113 </el-form-item>
111 </el-form> 114 </el-form>
@@ -4,28 +4,28 @@ @@ -4,28 +4,28 @@
4 <el-card style="background-color: #F5F7FA"> 4 <el-card style="background-color: #F5F7FA">
5 <!-- 搜素区域 --> 5 <!-- 搜素区域 -->
6 <el-row> 6 <el-row>
7 - <el-col :span="6"> 7 + <el-col :span="5">
8 <el-input v-model="umb_queryInfo.sndr" 8 <el-input v-model="umb_queryInfo.sndr"
9 size="medium" 9 size="medium"
10 placeholder="帐户名称" clearable> 10 placeholder="帐户名称" clearable>
11 <template slot="prepend" ><i class="el-icon-user"></i>帐户名称</template> 11 <template slot="prepend" ><i class="el-icon-user"></i>帐户名称</template>
12 </el-input> 12 </el-input>
13 </el-col> 13 </el-col>
14 - <el-col :span="6"> 14 + <el-col :span="5">
15 <el-input v-model="umb_queryInfo.btype" 15 <el-input v-model="umb_queryInfo.btype"
16 size="medium" 16 size="medium"
17 placeholder="消息大类" clearable> 17 placeholder="消息大类" clearable>
18 <template slot="prepend"><i class="el-icon-s-platform"></i>消息大类</template> 18 <template slot="prepend"><i class="el-icon-s-platform"></i>消息大类</template>
19 </el-input> 19 </el-input>
20 </el-col> 20 </el-col>
21 - <el-col :span="6"> 21 + <el-col :span="5">
22 <el-input v-model="umb_queryInfo.stype" 22 <el-input v-model="umb_queryInfo.stype"
23 size="medium" 23 size="medium"
24 placeholder="消息子类" clearable> 24 placeholder="消息子类" clearable>
25 <template slot="prepend"><i class="el-icon-s-operation"></i>消息子类</template> 25 <template slot="prepend"><i class="el-icon-s-operation"></i>消息子类</template>
26 </el-input> 26 </el-input>
27 </el-col> 27 </el-col>
28 - <el-col :span="6"> 28 + <el-col :span="5">
29 <el-button type="warning" size="medium" icon="el-icon-search" @click="queryRouterList"> 29 <el-button type="warning" size="medium" icon="el-icon-search" @click="queryRouterList">
30 查询 30 查询
31 </el-button> 31 </el-button>
@@ -37,9 +37,9 @@ @@ -37,9 +37,9 @@
37 <el-row> 37 <el-row>
38 <el-table 38 <el-table
39 :data="umb_queryData.tableData" 39 :data="umb_queryData.tableData"
40 - border 40 + border size="small"
41 :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" 41 :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
42 - style="width: 100%"> 42 + style="border-radius: 10px 10px 0px 0px;line-height: 25px;">
43 <el-table-column 43 <el-table-column
44 prop="sndr" 44 prop="sndr"
45 label="帐户名称" 45 label="帐户名称"
@@ -98,27 +98,39 @@ @@ -98,27 +98,39 @@
98 </div> 98 </div>
99 </el-row> 99 </el-row>
100 <el-row> 100 <el-row>
101 - <el-dialog title="路由消息添加" :visible.sync="dialogFormVisible">  
102 - <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">  
103 - <el-form-item label="账户名称" prop="sndr">  
104 - <el-input v-model="ruleForm.sndr"></el-input> 101 + <el-dialog title="路由消息添加" :visible.sync="dialogFormVisible" width="50%" style="margin-top: -20px" text-align="center">
  102 + <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="145px"
  103 + class="demo-ruleForm" style="margin-top: -10px ;margin-left: -150px" align="center" >
  104 + <el-form-item label="" prop="sndr">
  105 + <el-input v-model="ruleForm.sndr" style="width:300px" size="small">
  106 + <template slot="prepend" >账户名称</template>
  107 + </el-input>
105 </el-form-item> 108 </el-form-item>
106 - <el-form-item label="消息大类" prop="btype">  
107 - <el-input v-model="ruleForm.btype"></el-input> 109 + <el-form-item label="" prop="btype">
  110 + <el-input v-model="ruleForm.btype" style="width:300px" size="small">
  111 + <template slot="prepend" >消息大类</template>
  112 + </el-input>
108 </el-form-item> 113 </el-form-item>
109 - <el-form-item label="消息子类" prop="stype">  
110 - <el-input v-model="ruleForm.stype"></el-input> 114 + <el-form-item label="" prop="stype">
  115 + <el-input v-model="ruleForm.stype" style="width:300px" size="small">
  116 + <template slot="prepend" >消息子类</template>
  117 + </el-input>
111 </el-form-item> 118 </el-form-item>
112 - <el-form-item label="订阅主题">  
113 - <el-input v-model="ruleForm.reciver.rcvrTopic"></el-input> 119 + <el-form-item label="">
  120 + <el-input v-model="ruleForm.reciver.rcvrTopic" style="width:300px" size="small">
  121 + <template slot="prepend" >订阅主题</template>
  122 + </el-input>
114 </el-form-item> 123 </el-form-item>
115 - <el-form-item label="过滤规则">  
116 - <el-input v-model="ruleForm.reciver.reciverFilter.filter"></el-input> 124 + <el-form-item label="">
  125 + <el-input v-model="ruleForm.reciver.reciverFilter.filter" style="width:300px" size="small">
  126 + <template slot="prepend" >过滤规则</template>
  127 + </el-input>
117 </el-form-item> 128 </el-form-item>
118 </el-form> 129 </el-form>
119 - <div slot="footer" class="dialog-footer">  
120 - <el-button @click="dialogFormVisible = false">取 消</el-button>  
121 - <el-button type="primary" @click="submitForm('ruleForm')">确 定</el-button> 130 + <div slot="footer" class="dialog-footer" align="center">
  131 + <el-button @click="dialogFormVisible = false" size="medium"
  132 + style="width: 100px;background-color: #6F8294;color: #ffffff">取 消</el-button>
  133 + <el-button type="primary" size="medium" style="width: 100px" @click="submitForm('ruleForm')">确 定</el-button>
122 </div> 134 </div>
123 </el-dialog> 135 </el-dialog>
124 </el-row> 136 </el-row>