12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- <template>
- <view v-if="merchantListSize>1">
- <uni-collapse :accordion="true">
- <uni-list>
- <view v-for="merchant in merchantList" :key="merchant.id">
- <uni-list-item :title="getMerchantTitle(merchant)" @click="openEquipmentStatisticsByAdmin(merchant)"/>
- </view>
- </uni-list>
- </uni-collapse>
- </view>
- <view v-else>
- <equipmentStatistics v-if="merchantList[0].id" :adminId="adminId" style="padding: 20upx;"></equipmentStatistics>
- <view v-else style="text-align: center;">暂无数据</view>
- </view>
- </template>
- <script>
- import {mapState,mapActions,mapMutations} from 'vuex'
- import uniCollapse from '@/components/uni-collapse/uni-collapse.vue'
- import uniCollapseItem from '@/components/uni-collapse-item/uni-collapse-item.vue'
- import uniList from '@/components/uni-list/uni-list.vue'
- import uniListItem from '@/components/uni-list-item/uni-list-item.vue'
- import {equipmentStatistics} from '@/pages/Charts/equipmentStatistics';
- export default {
- components: {
- uniCollapse,
- uniCollapseItem,
- uniList,
- uniListItem
- },
- data() {
- return {
- adminId: '',
- merchantList:[{equipmentList:[]}],
- extraIcon: {
- color: '#4cd964',
- size: '22',
- type: 'spinner'
- }
- }
- },
- computed: {
- ...mapState(['loginUser']),
- adminIdData:{
- get(){
- return this.adminId;
- }
- },
- merchantListSize:{
- get(){
- console.log('merchantList1',this.merchantList.length)
- return this.merchantList.length;
- }
- }
- },
- onShow(state){
- this.adminId = this.loginUser.id;
- this.init();
- },
- onPullDownRefresh() {
- this.init();
- },
- methods: {
- ...mapActions('chart', ['getEquipmentListByUser']),
- async init(){
- await this.getEquipmentListData();
- },
- openEquipmentStatisticsByAdmin(merchant){
- const adminId = merchant.id;
- const pname = merchant.name;
- uni.navigateTo({
- url: '/pages/Charts/equipmentStatistics?adminId=' + adminId+'&pname='+pname,
- });
- },
- getMerchantTitle(merchant){
- return merchant.name?merchant.name:merchant.username;
- },
- getEquipmentListData(){
- console.log('getEquipmentListData')
- this.getEquipmentListByUser(this.loginUser)
- .then(data => {
- this.merchantList = data;
- console.log('merchantList2',this.merchantList.length)
- uni.stopPullDownRefresh();
- }
- , _ => void uni.stopPullDownRefresh());
- }
- }
- }
- </script>
- <style>
-
- </style>
|