作者 朱兆平

界面尺寸采用mini

... ... @@ -5,20 +5,20 @@
<!-- 搜素区域 -->
<el-row>
<el-col :span="6">
<el-input placeholder="请输入内容" v-model="queryInfo.name" size="medium">
<el-input placeholder="请输入内容" v-model="queryInfo.name">
<template slot="prepend"><i class="el-icon-notebook-2"></i>消息标签</template>
</el-input>
</el-col>
<el-col :span="6" align="center" style="margin-left: 10px">
<el-input placeholder="请输入内容" v-model="queryInfo.des" size="medium">
<template slot="prepend"><i class="el-icon-notebook-2"></i>描述</template>
</el-input>
</el-col>
<el-col :span="6" align="center">
<el-button type="warning" size="medium" icon="el-icon-search" @click="getList">
<!-- <el-col :span="6" align="center" style="margin-left: 10px">-->
<!-- <el-input placeholder="请输入内容" v-model="queryInfo.des">-->
<!-- <template slot="prepend"><i class="el-icon-notebook-2"></i>描述</template>-->
<!-- </el-input>-->
<!-- </el-col>-->
<el-col :span="18" align="center">
<el-button type="warning" icon="el-icon-search" @click="getList">
查询标签
</el-button>
<el-button type="primary" size="medium" icon="el-icon-plus" @click="handleAdd">
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">
添加标签
</el-button>
</el-col>
... ... @@ -29,7 +29,7 @@
<el-col :span="24">
<el-table
:data="page.tableData"
border size="small" row-key="id" default-expand-all
border row-key="id" default-expand-all
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
... ... @@ -44,7 +44,7 @@
<template slot-scope="scope">
<!-- 新增下级-->
<el-tooltip effect="dark" content="新增" placement="top-start" :enterable="false">
<el-button :disabled="scope.row.type == 3" type="success" icon="el-icon-plus" size="mini"@click="handleAdd(scope.$index, scope.row)">新增下级
<el-button :disabled="scope.row.type == 3" type="success" icon="el-icon-plus" size="mini" @click="handleAdd(scope.$index, scope.row)">新增下级
</el-button>
</el-tooltip>
<!-- 编辑按钮-->
... ... @@ -93,7 +93,7 @@
<span>{{addForm.parentName}}</span>
</el-form-item>
<el-form-item label="" prop="name">
<el-input placeholder="请输入内容" v-model="addForm.name" style="width:300px" size="medium">
<el-input placeholder="请输入内容" v-model="addForm.name" style="width:300px">
<template slot="prepend" >消息标签</template>
</el-input>
</el-form-item>
... ... @@ -114,15 +114,15 @@
</el-select>
</el-form-item>
<el-form-item label="" prop="des">
<el-input placeholder="请输入内容" v-model="addForm.des" size="medium" style="width:300px">
<el-input placeholder="请输入内容" v-model="addForm.des" style="width:300px">
<template slot="prepend" >描述</template>
</el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer" align="center">
<el-button type="info" @click="dialogFormVisible = false" size="medium"
<el-button type="info" @click="dialogFormVisible = false"
style="width: 100px;background-color: #6F8294;color: #ffffff">取 消</el-button>
<el-button type="primary" size="medium" style="width: 100px" @click="dialogStatus==='create'?addList():editList()">提 交</el-button>
<el-button type="primary" style="width: 100px" @click="dialogStatus==='create'?addList():editList()">提 交</el-button>
</div>
</el-dialog>
</el-row>
... ...