|
|
@@ -7,9 +7,6 @@
|
|
|
<i class="iconfont iconsanjiao_xia"></i>
|
|
|
</view>
|
|
|
<view
|
|
|
- :style="{
|
|
|
- top
|
|
|
- }"
|
|
|
class="select-mark-view" v-show="dropdownShow" @click="switchCut"></view>
|
|
|
<view
|
|
|
v-if="dropdownShow"
|
|
|
@@ -25,7 +22,7 @@
|
|
|
v-for="(item,index) in menuObj.list"
|
|
|
:key="index"
|
|
|
@click="changeItem(item)"
|
|
|
- :class="['admin-button-com','mini-btn',selectItem.name === item.name?'blue':'default']">
|
|
|
+ :class="['admin-button-com','mini-btn',selectItemId === item.id?'blue':'default']">
|
|
|
{{item.name}}
|
|
|
</button>
|
|
|
</view>
|
|
|
@@ -37,8 +34,8 @@
|
|
|
<view class="item-child_box">
|
|
|
<picker
|
|
|
class="admin-button-com mini-btn default custom"
|
|
|
- mode="date" :value="selectItem" @change="endTimeFn">
|
|
|
- <div v-if="selectItem&&$util.isString(selectItem)">{{ selectItem }}</div>
|
|
|
+ mode="date" :value="selectItemId" @change="endTimeFn">
|
|
|
+ <div v-if="selectItemId&&formatSelect(selectItemId)">{{ selectItemId }}</div>
|
|
|
<div class="tui-placeholder" v-else>自定义时间</div>
|
|
|
</picker>
|
|
|
</view>
|
|
|
@@ -63,7 +60,7 @@
|
|
|
type: Object,
|
|
|
default: ()=>({
|
|
|
title:'时间',
|
|
|
- titleChild:'选择时间',
|
|
|
+ titleChild:'门店',
|
|
|
list: [{name:'昨天'},{name:'今天'},{name:'本月'},{name:'上月'},{name:'今年'}]
|
|
|
})
|
|
|
},
|
|
|
@@ -75,6 +72,10 @@
|
|
|
top:{
|
|
|
type: String,
|
|
|
default: 'auto'
|
|
|
+ },
|
|
|
+ selectItemId:{
|
|
|
+ type:[String,Number],
|
|
|
+ default:''
|
|
|
}
|
|
|
},
|
|
|
data(){
|
|
|
@@ -87,23 +88,52 @@
|
|
|
|
|
|
},
|
|
|
methods:{
|
|
|
+ formatSelect(val){
|
|
|
+ if(val.split('-').length>1){
|
|
|
+ return true
|
|
|
+ }else{
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ },
|
|
|
switchCut(){
|
|
|
this.dropdownShow = !this.dropdownShow
|
|
|
},
|
|
|
changeItem(val){
|
|
|
- this.selectItem = val
|
|
|
+ if(val.id== this.selectItemId){
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ this.$emit('update:selectItemId',val.id)
|
|
|
+
|
|
|
+ this.dropdownShow = false;
|
|
|
+
|
|
|
+ this.$emit('update:menuObj',{
|
|
|
+ ...this.menuObj,
|
|
|
+ title:val.name
|
|
|
+ })
|
|
|
+
|
|
|
+ this.$emit('selectSussess',{
|
|
|
+ select: this.$util.isString(val)?val:val.name,
|
|
|
+ selectItem: val
|
|
|
+ })
|
|
|
},
|
|
|
endTimeFn(e){
|
|
|
- this.selectItem = e.detail.value;
|
|
|
+
|
|
|
+ this.selectItemId = e.detail.value;
|
|
|
+
|
|
|
+ this.dropdownShow = false;
|
|
|
+
|
|
|
+ this.$emit('update:selectItemId',val.id)
|
|
|
+
|
|
|
+ this.$emit('update:menuObj',{
|
|
|
+ ...this.menuObj,
|
|
|
+ title:e.detail.value
|
|
|
+ })
|
|
|
+
|
|
|
+ this.$emit('selectSussess',{
|
|
|
+ select: e.detail.value,
|
|
|
+ selectItem: val
|
|
|
+ })
|
|
|
}
|
|
|
- },
|
|
|
- watch:{
|
|
|
- selectItem(val){
|
|
|
- this.$emit('selectSussess',{
|
|
|
- select: this.$util.isString(val)?val:val.name,
|
|
|
- selectItem: val
|
|
|
- })
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -113,8 +143,9 @@
|
|
|
.select-title {
|
|
|
color: #666666;
|
|
|
font-size: 26px;
|
|
|
+
|
|
|
& .iconsanjiao_xia {
|
|
|
- margin-left: 30px;
|
|
|
+ margin-left: 10px;
|
|
|
}
|
|
|
&.select_corlor {
|
|
|
color: #3385FF;
|
|
|
@@ -124,17 +155,14 @@
|
|
|
}
|
|
|
}
|
|
|
.select-mark-view {
|
|
|
- /* #ifndef H5 */
|
|
|
height: 100vh;
|
|
|
- /* #endif */
|
|
|
- /* #ifdef H5 */
|
|
|
height: 100%;
|
|
|
- /* #endif */
|
|
|
- position: absolute;
|
|
|
+ position: fixed;
|
|
|
width: 100%;
|
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
|
left: 0;
|
|
|
- // top: 100px;
|
|
|
+ top: 0px;
|
|
|
+ z-index: 900;
|
|
|
}
|
|
|
& .select-fixed_bx {
|
|
|
position: fixed;
|
|
|
@@ -152,6 +180,7 @@
|
|
|
font-size: 24px;
|
|
|
color: #333333;
|
|
|
font-weight: 600;
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
& .item-child_box {
|
|
|
display: flex;
|