zx_bms_uni/myPages/pages/commandList/commandList.vue

<template>
    <!-- myPages/pages/commandList/commandList.wxml -->

    <view class="container">
        <view class="item-container">
            <view class="command-item flex-row" v-for="(item, index) in commandList" :key="index">
                <view style="width: 100%">
                    <view class="flex-row flex-between" style="width: 100%; margin-bottom: 8rpx">
                        <view class="command-title">{{ commandLabel[item.cmd] ? commandLabel[item.cmd] : item.cmd }}</view>
                        <view class="command-status">{{ item.status == 0 ? $t('发送成功') : $t('发送失败') }}</view>
                    </view>
                    <view class="command-time">{{ tools.formatTime(item.ctime) }}</view>
                </view>
            </view>
        </view>
        <i-load-more :tip="isLoading ? $t('正在加载...') : $t('没有更多信息啦~')" :loading="isLoading" />
    </view>
</template>
<script module="tools" lang="wxs" src="@/pages/common/wxs/tools.wxs"></script>
<script>
import noMore from '@/component/nomore/nomore';
import iLoadMore from '@/component/iview/load-more/index';
// myPages/pages/commandList/commandList.js
var config = require('../../../common/config.js');
var http = require('../../../common/http.js');
var common = require('../../../common/common.js');
var storage = require('../../../common/storage.js');
const LIMT_PAGE = 20;
export default {
	
    components: {
        noMore,
        iLoadMore
    },
    data() {
        return {
            isLoading: false,
            macid: '',
            commandLabel: {
                CLOSERELAY: this.$t('断开油电'),
                OPENRELAY: this.$t('恢复油电'),
                SAFEON: this.$t('设备设防'),
                SAFEOFF: this.$t('设备撤防'),
                LOCATION: this.$t('立即定位'),
                RESTART: this.$t('设备重启'),
                RESET: this.$t('恢复出厂设置'),
                UPTIME: this.$t('调整上报间隔'),
                OPENBUZZER: this.$t('打开蜂鸣器'),
                CLOSEBUZZER: this.$t('关闭蜂鸣器'),
                SETLOWVOLTAGE: this.$t('设置休眠电压')
            },
            commandList: [],
            start_page: 1,
            limit_page: LIMT_PAGE
        };
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
		uni.setNavigationBarTitle({
			title: this.$t('记录')
		});
        if (!options.macid) {
            uni.navigateBack({
                delta: 1
            });
        }
        this.setData({
            macid: options.macid
        });
        this.refreshLoadCommandList();
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        this.refreshLoadCommandList();
    },
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        if (this.isLoading) {
            return;
        }
        this.setData({
            isLoading: true
        });
        this.start_page++;
        //common.loading()
        this.loadCommandList();
    },
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {
        refreshLoadCommandList: function () {
            if (this.isLoading) {
                return;
            }
            this.setData({
                commandList: [],
                isLoading: true
            });
            common.loading(this);
            this.limit_page = LIMT_PAGE;
            this.start_page = 1;
            this.loadCommandList();
        },

        loadCommandList: function () {
            const pData = {
                size: this.limit_page,
                page: this.start_page,
                macid: this.macid
            };
            http.postApi(config.API_BATTERY_COMMAND_LIST, pData, (resp) => {
                uni.hideLoading();
                uni.stopPullDownRefresh();
                if (resp.data.code === 200) {
                    let commandList = this.commandList;
                    commandList.push.apply(commandList, resp.data.data.list);
                    this.setData({
                        commandList: commandList,
                        isLoading: false
                    });
                } else {
                    common.simpleToast(this,resp.data.msg);
                }
            });
        }
    }
};
</script>
<style>
@import './commandList.css';
</style>