You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.5 KiB
70 lines
1.5 KiB
<template>
|
|
<view>
|
|
<uni-section class="mb-10" title="业绩查看范围" type="line">
|
|
<uni-datetime-picker v-model="range" type="daterange" />
|
|
<view class="shop-choose">
|
|
<view class="shop-name">
|
|
门店
|
|
</view>
|
|
<uni-data-select
|
|
style="width: 100%"
|
|
v-model="name"
|
|
:localdata="shopList"
|
|
></uni-data-select>
|
|
</view>
|
|
<view class="shop-choose">
|
|
<view class="shop-name">
|
|
员工
|
|
</view>
|
|
<uni-data-select
|
|
style="width: 100%"
|
|
v-model="name"
|
|
:localdata="shopList"
|
|
></uni-data-select>
|
|
</view>
|
|
</uni-section>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
range:[],
|
|
name:'',
|
|
shopList:[],
|
|
}
|
|
},
|
|
created() {
|
|
console.log('created')
|
|
this.getShopList()
|
|
},
|
|
methods: {
|
|
getShopList() {
|
|
this.tui.request('/app/common/shops','get',{}, false,true,false).then(res => {
|
|
if (res.code !== 200) return
|
|
this.shopList = res.result.map((v) => {
|
|
return {
|
|
text:v.shopName,
|
|
value:v.id
|
|
}
|
|
})
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.example-body {
|
|
}
|
|
.shop-choose {
|
|
padding: 25upx 15upx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
.shop-name {
|
|
flex-basis: 150upx;
|
|
}
|
|
}
|
|
</style>
|
|
|