|
|
@@ -7,6 +7,11 @@
|
|
|
<el-radio-button label="bottom">bottom</el-radio-button>
|
|
|
<el-radio-button label="left">left</el-radio-button>
|
|
|
</el-radio-group>
|
|
|
+ <div class="headerCheck">
|
|
|
+ <ul>
|
|
|
+ <li v-for="(item, i) in checkList" :key="i">{{ item.title }}</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
<div class="innerContainer leftPane" v-drag>
|
|
|
<h2 class="Pangetitle darg-div el-col">
|
|
|
<span class="pange_text">全域土地综合整治专题 </span>
|
|
|
@@ -72,6 +77,24 @@ export default {
|
|
|
loading: false,
|
|
|
activeTabs: "tjzl",
|
|
|
xzqh: "",
|
|
|
+ checkList: [
|
|
|
+ {
|
|
|
+ title: "试点总揽",
|
|
|
+ active:true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "整治项目",
|
|
|
+ active:false
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "新增耕地",
|
|
|
+ active:false
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "整治预检",
|
|
|
+ active:false
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -130,6 +153,41 @@ export default {
|
|
|
cursor: pointer;
|
|
|
z-index: 200;
|
|
|
}
|
|
|
+ .headerCheck {
|
|
|
+ width: 520px;
|
|
|
+ height: 50px;
|
|
|
+ // background: rgba(255, 192, 203, 0.379);
|
|
|
+ position: absolute;
|
|
|
+ left: 38%;
|
|
|
+ top: 10px;
|
|
|
+ z-index: 99;
|
|
|
+ pointer-events: none;
|
|
|
+ ul {
|
|
|
+ list-style: none;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ height: 100%;
|
|
|
+ li {
|
|
|
+ width: 114px;
|
|
|
+ height: 36px;
|
|
|
+ background: inherit;
|
|
|
+ background-color: rgba(128, 255, 255, 0.39);
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-width: 2px;
|
|
|
+ border-style: solid;
|
|
|
+ border-color: #64DAFF;
|
|
|
+ border-radius: 9px;
|
|
|
+ border-top-right-radius: 0px;
|
|
|
+ border-bottom-left-radius: 0px;
|
|
|
+ color: #64DAFF;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 36px;
|
|
|
+ pointer-events: all;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="scss">
|
