朱兆平 / vue_cli · 提交

转到一个项目

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

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

内嵌 并排对比
正在显示 2 个修改的文件 包含 43 行增加 和 28 行删除
... ... @@ -81,18 +81,20 @@
<el-row>
<el-dialog :title="dialogMap[dialogStatus]" :visible.sync="dialogFormVisible" style="margin-top: -50px" width="45%" >
<el-form :model="addForm" :rules="addFormRules" ref="addForm" label-width="120px" >
<el-form-item v-if="this.demoName == true" label="上级标签" prop="parentId">
<el-form-item v-if="this.demoName == true" label="上级标签" style="width:300px" prop="parentId">
<span>{{addForm.parentName}}</span>
</el-form-item>
<el-form-item v-else style="display: none" label="上级标签" prop="parentId">
<span>{{addForm.parentName}}</span>
</el-form-item>
<el-form-item label="消息标签" prop="name">
<el-input placeholder="请输入内容" v-model="addForm.name" size="medium">
<el-form-item label="" prop="name">
<el-input placeholder="请输入内容" v-model="addForm.name" style="width:300px" size="medium">
<template slot="prepend" >消息标签</template>
</el-input>
</el-form-item>
<el-form-item label="消息分类" prop="type" >
<el-select v-model="addForm.type" placeholder="请选择消息分类" :disabled="selectDisabled" name='test' id='test'>
<el-form-item label="" prop="type" >
<el-select v-model="addForm.type" placeholder="请选择消息分类"
:disabled="selectDisabled" name='test' id='test' style="width:300px">
<el-option
v-for="item in options"
:key="item.value"
... ... @@ -104,8 +106,9 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="描述" prop="des">
<el-input placeholder="请输入内容" v-model="addForm.des" size="medium">
<el-form-item label="" prop="des">
<el-input placeholder="请输入内容" v-model="addForm.des" size="medium" style="width:300px">
<template slot="prepend" >描述</template>
</el-input>
</el-form-item>
</el-form>
... ...
... ... @@ -4,28 +4,28 @@
<el-card style="background-color: #F5F7FA">
<!-- 搜素区域 -->
<el-row>
<el-col :span="6">
<el-col :span="5">
<el-input v-model="umb_queryInfo.sndr"
size="medium"
placeholder="帐户名称" clearable>
<template slot="prepend" ><i class="el-icon-user"></i>帐户名称</template>
</el-input>
</el-col>
<el-col :span="6">
<el-col :span="5">
<el-input v-model="umb_queryInfo.btype"
size="medium"
placeholder="消息大类" clearable>
<template slot="prepend"><i class="el-icon-s-platform"></i>消息大类</template>
</el-input>
</el-col>
<el-col :span="6">
<el-col :span="5">
<el-input v-model="umb_queryInfo.stype"
size="medium"
placeholder="消息子类" clearable>
<template slot="prepend"><i class="el-icon-s-operation"></i>消息子类</template>
</el-input>
</el-col>
<el-col :span="6">
<el-col :span="5">
<el-button type="warning" size="medium" icon="el-icon-search" @click="queryRouterList">
查询
</el-button>
... ... @@ -37,9 +37,9 @@
<el-row>
<el-table
:data="umb_queryData.tableData"
border
border size="small"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="width: 100%">
style="border-radius: 10px 10px 0px 0px;line-height: 25px;">
<el-table-column
prop="sndr"
label="帐户名称"
... ... @@ -98,27 +98,39 @@
</div>
</el-row>
<el-row>
<el-dialog title="路由消息添加" :visible.sync="dialogFormVisible">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<el-form-item label="账户名称" prop="sndr">
<el-input v-model="ruleForm.sndr"></el-input>
<el-dialog title="路由消息添加" :visible.sync="dialogFormVisible" width="50%" 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">
<el-input v-model="ruleForm.sndr" style="width:300px" size="small">
<template slot="prepend" >账户名称</template>
</el-input>
</el-form-item>
<el-form-item label="消息大类" prop="btype">
<el-input v-model="ruleForm.btype"></el-input>
<el-form-item label="" prop="btype">
<el-input v-model="ruleForm.btype" style="width:300px" size="small">
<template slot="prepend" >消息大类</template>
</el-input>
</el-form-item>
<el-form-item label="消息子类" prop="stype">
<el-input v-model="ruleForm.stype"></el-input>
<el-form-item label="" prop="stype">
<el-input v-model="ruleForm.stype" style="width:300px" size="small">
<template slot="prepend" >消息子类</template>
</el-input>
</el-form-item>
<el-form-item label="订阅主题">
<el-input v-model="ruleForm.reciver.rcvrTopic"></el-input>
<el-form-item label="">
<el-input v-model="ruleForm.reciver.rcvrTopic" style="width:300px" size="small">
<template slot="prepend" >订阅主题</template>
</el-input>
</el-form-item>
<el-form-item label="过滤规则">
<el-input v-model="ruleForm.reciver.reciverFilter.filter"></el-input>
<el-form-item label="">
<el-input v-model="ruleForm.reciver.reciverFilter.filter" style="width:300px" size="small">
<template slot="prepend" >过滤规则</template>
</el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm('ruleForm')">确 定</el-button>
<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>
</div>
</el-dialog>
</el-row>
... ...