Skip to content

H
hu-shoujijingfen-h5
Commit 7c8ec8c8 by chenweisong
Options

营销模块改bug

parent 05be57df
Showing with 172 additions and 126 deletions
src/views/app/gridMarketing.vue
......@@ -68,21 +68,18 @@
v-if="popObjMouth.visable"
:obj="popObjMouth"></Popup>
</div>
<div class="select-bar">
<select @change="handleSelect">
<option :key="i" v-for="(item,i) in categories" :value="item.id">{{item.name}}</option>
</select>
</div>
<div class="divInput">
<!-- <div class="select-bar">-->
<!-- <select @change="handleSelect">-->
<!-- <option :key="i" v-for="(item,i) in categories" :value="item.id">{{item.name}}</option>-->
<!-- </select>-->
<!-- </div>-->
<div class=" select-bar">
<div class="input" @click="openValue">
<input v-model="value" type="text" placeholder="筛选实验类型">
<div v-html="value"></div>
</div>
<div class="list" v-show="show">
<ul>
<li @click="getvalue(index,item)" v-for="(item,index) in tableData" :key="item.index">{{
<li @click="handleSelect( item)" v-for="(item,index) in categories" :key="item.index">{{
item.name }}
</li>
</ul>
......@@ -106,7 +103,7 @@
id="table"
class="rolling-table tableDetails"
ref="tableBoxDetails"
:style="{height: maxHeight + 'px',overflow: overflowStyle}"
:style="{height: maxHeight + 'px',overflow: overflowStyle, zIndex: -1}"
>
<table v-if="isShowTable" class="table" cellpadding="0" cellspacing="0" ref="table">
<thead ref="theadDetails">
......@@ -202,19 +199,6 @@
},
data() {
return {
tableData: [
{
'name': 111
},
{
'name': 222
},
{
'name': 333
}, {
'name': 444
}
],
show: false,
value: '',
categories: [],
......@@ -336,12 +320,10 @@
openValue() {
this.show = !this.show;
},
getvalue(index, item) {
this.value = item.name;
handleSelect(item) {
this.value = item.name + " v";
this.show = false;
},
handleSelect(e) {
let id = parseInt(e.target.value);
let id = parseInt(item.id);
this.kpiList = [];
this.bodyList = [];
this.activeKpiItem = {};
......@@ -988,7 +970,13 @@
}
,
watch: {
showUpperLevel(val) {
categories: {
immediate: true,
handler(val) {
if (val && val.length) {
this.value = val[0].name + " v"
}
}
}
,
cacheList: {
......@@ -1121,27 +1109,64 @@
height: 0.5rem;
color: #999;
select {
border: none;
/* //清除select聚焦时候的边框颜色 */
outline: none;
line-height: 0.3rem;
/* //隐藏select的下拉图标 */
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
/* //通过padding-left的值让文字居中 */
text-align: center;
background: transparent;
color: #2b90fa;
font-size: .05rem;
width: 1.58rem;
height: 100%;
option {
font-size: .05rem;
.input {
width: 1.6rem;
height: 0.5rem;
line-height: 0.5rem;
position: relative;
div {
border: none;
outline: none;
width: 90%;
font-size: 0.05rem;
color: #2b90fa;
}
img {
position: absolute;
right: 34px;
top: 48%;
}
}
ul {
padding: 0;
margin: 0;
li {
padding: 0;
margin: 0;
list-style: none;
}
}
.list {
background-color: #fff;
z-index: 1;
width: 1.8rem;
border: 1px solid #cccccc;
overflow: hidden;
ul {
li {
width: 100%;
height: 0.45rem;
cursor: pointer;
line-height: 0.45rem;
border-bottom: solid 1px #cccccc;
color: #999999;
font-size: .05rem;
&:hover {
background-color: #cccccc;
}
&:last-child {
border-bottom: none;
}
}
}
}
}
......@@ -1364,50 +1389,5 @@
}
.divInput {
position: absolute;
}
ul li {
list-style: none;
}
.input {
width: 140px;
height: 40px;
line-height: 40px;
padding-left: 10px;
border: 1px solid #cccccc;
position: relative;
}
.input input {
border: none;
outline: none;
width: 90%;
}
.input img {
position: absolute;
right: 34px;
top: 48%;
}
.list {
width: 150px;
border: 1px solid #cccccc;
overflow: hidden;
}
.list ul li {
width: 100%;
height: 30px;
cursor: pointer;
line-height: 30px;
padding-left: 10px;
}
.list ul li:hover {
background-color: #cccccc;
}
</style>
src/views/app/gridMarketing2.vue
......@@ -68,11 +68,24 @@
v-if="popObjMouth.visable"
:obj="popObjMouth"></Popup>
</div>
<div class="select-bar">
<select @change="handleSelect">
<option :key="i" v-for="(item,i) in categories" :value="item.id">{{item.name}}</option>
</select>
<!-- <div class="select-bar">-->
<!-- <select @change="handleSelect">-->
<!-- <option :key="i" v-for="(item,i) in categories" :value="item.id">{{item.name}}</option>-->
<!-- </select>-->
<!-- </div>-->
<div class=" select-bar">
<div class="input" @click="openValue">
<div v-html="value"></div>
</div>
<div class="list" v-show="show">
<ul>
<li @click="handleSelect( item)" v-for="(item,index) in categories" :key="item.index">{{
item.name }}
</li>
</ul>
</div>
</div>
</div>
<div ref="kpiRef" class="kpis">
<div class="kpi" :style="{width: kpiWidth}">
......@@ -90,7 +103,7 @@
id="table"
class="rolling-table tableDetails"
ref="tableBoxDetails"
:style="{height: maxHeight + 'px',overflow: overflowStyle}"
:style="{height: maxHeight + 'px',overflow: overflowStyle, zIndex: -1}"
>
<table v-if="isShowTable" class="table" cellpadding="0" cellspacing="0" ref="table">
<thead ref="theadDetails">
......@@ -186,6 +199,8 @@
},
data() {
return {
show: false,
value: '',
categories: [],
categoriesOrigin: [],
public: true,
......@@ -302,8 +317,13 @@
}
},
methods: {
handleSelect(e) {
let id = parseInt(e.target.value);
openValue() {
this.show = !this.show;
},
handleSelect(item) {
this.value = item.name + " v";
this.show = false;
let id = parseInt(item.id);
this.kpiList = [];
this.bodyList = [];
this.activeKpiItem = {};
......@@ -950,7 +970,13 @@
}
,
watch: {
showUpperLevel(val) {
categories: {
immediate: true,
handler(val) {
if (val && val.length) {
this.value = val[0].name + " v"
}
}
}
,
cacheList: {
......@@ -1083,27 +1109,64 @@
height: 0.5rem;
color: #999;
select {
border: none;
/* //清除select聚焦时候的边框颜色 */
outline: none;
line-height: 0.3rem;
/* //隐藏select的下拉图标 */
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
/* //通过padding-left的值让文字居中 */
text-align: center;
background: transparent;
color: #2b90fa;
font-size: .05rem;
width: 1.58rem;
height: 100%;
option {
font-size: .05rem;
.input {
width: 1.6rem;
height: 0.5rem;
line-height: 0.5rem;
position: relative;
div {
border: none;
outline: none;
width: 90%;
font-size: 0.05rem;
color: #2b90fa;
}
img {
position: absolute;
right: 34px;
top: 48%;
}
}
ul {
padding: 0;
margin: 0;
li {
padding: 0;
margin: 0;
list-style: none;
}
}
.list {
background-color: #fff;
z-index: 1;
width: 1.8rem;
border: 1px solid #cccccc;
overflow: hidden;
ul {
li {
width: 100%;
height: 0.45rem;
cursor: pointer;
line-height: 0.45rem;
border-bottom: solid 1px #cccccc;
color: #999999;
font-size: .05rem;
&:hover {
background-color: #cccccc;
}
&:last-child {
border-bottom: none;
}
}
}
}
}
......@@ -1323,5 +1386,8 @@
width: 0.4rem;
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment