|
|
@@ -9,7 +9,7 @@
|
|
|
:selectdata="dataSelect3"
|
|
|
:placeholder="'请选择'"
|
|
|
/>
|
|
|
- <Button radius type="primary" size="large" :text="'新建拓扑图'">primary</Button>
|
|
|
+ <Button radius type="primary" :text="'新建拓扑图'">primary</Button>
|
|
|
</el-header>
|
|
|
<!-- body部分 -->
|
|
|
<el-container class="bodys">
|
|
|
@@ -20,12 +20,13 @@
|
|
|
<!-- 展示部分 -->
|
|
|
<el-main class="main">
|
|
|
<div class="main-head">
|
|
|
- <el-button-group>
|
|
|
- <el-button size="small">已发布</el-button>
|
|
|
- <el-button size="small">未发布</el-button>
|
|
|
- </el-button-group>
|
|
|
+ <el-radio-group v-model="isPub" size="small">
|
|
|
+ <el-radio-button label="已发布">已发布</el-radio-button>
|
|
|
+ <el-radio-button label="未发布">未发布</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
<div class="head-right">
|
|
|
- <el-input size="medium" placeholder="请输入内容" v-model="input2"></el-input>
|
|
|
+ <el-input placeholder="搜索" prefix-icon="el-icon-search" size="small" v-model="queryText">
|
|
|
+ </el-input>
|
|
|
<Dropdown class="Dropdown" v-model="selVal" :data="dataSelect">
|
|
|
<span class="drop-text">{{selText}}</span>
|
|
|
</Dropdown>
|
|
|
@@ -75,7 +76,8 @@ export default {
|
|
|
{ id: "lowerLevel", name: "下级分项" },
|
|
|
{ id: "average", name: "滑动平均", disabled: true },
|
|
|
],
|
|
|
- input2: "",
|
|
|
+ queryText: "",
|
|
|
+ isPub: "已发布", // 发布类型()
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -111,10 +113,15 @@ export default {
|
|
|
box-sizing: border-box;
|
|
|
.main-head {
|
|
|
width: 100%;
|
|
|
- height: 50px;
|
|
|
+ margin-bottom: 10px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
+ /deep/ .el-radio-button__orig-radio:checked+.el-radio-button__inner{
|
|
|
+ color: #0091FF;
|
|
|
+ border-color: #0091FF;
|
|
|
+ background: #E1F2FF;
|
|
|
+ }
|
|
|
.head-right {
|
|
|
display: flex;
|
|
|
align-items: center;
|
