修改空数据提示

qingyiay

2023-09-12 5386f47f55ecb9ad2189998f9dda6d682b6be7e0

修改空数据提示

 pages/customer-page/customer-index/customer-index.vue

@@ -31,6 +31,7 @@
                        icon="http://cdn.uviewui.com/uview/empty/data.png"
                        textSize="30"
                        iconSize="1000"
                        text="暂无数据"
                        v-if="orderPlanData.length == 0"></u-empty>
                </view>
                <view class="collection-form">
@@ -103,6 +104,7 @@
                            icon="http://cdn.uviewui.com/uview/empty/data.png"
                            textSize="30"
                            iconSize="1000"
                            text="暂无数据"
                            v-if="historyCoalData.length == 0"></u-empty>
                        <view class="history-information"
                            v-for="(item, index) in historyCoalData"

 pages/customer-page/customer-my/faYunstatistics/faYunstatistics.vue

@@ -35,6 +35,7 @@
                        icon="http://cdn.uviewui.com/uview/empty/data.png"
                        textSize="30"
                        iconSize="1000"
                        text="暂无数据"
                        v-if="filterList.length == 0"></u-empty>
                    <view class="statistics-card"
                        v-for="(item, index) in filterList"

 pages/customer-page/customer-my/userMange/userMange.vue

@@ -4,6 +4,7 @@
            icon="http://cdn.uviewui.com/uview/empty/data.png"
            textSize="30"
            iconSize="1000"
            text="暂无数据"
            v-if="userList.length == 0"></u-empty>
        <u-list @scrolltolower="scrolltolower">
            <u-list-item v-for="(item, index) in userList"

 pages/customer-page/fleet-management/fleet-management.vue

@@ -1,22 +1,38 @@
<template>
    <view class="fleet-management">
        <view><u-notice-bar mode="closable" fontSize="25" :text="text1"></u-notice-bar></view>
        <view class="groupCars" v-if="groupCarsShow">
            <u-collapse @change="change" @close="close" @open="open" :border="false" :value="['0']">
                <u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" v-if="fleetDriverData.length == 0" width="400" height="400" textSize="18"></u-empty>
                <u-collapse-item :title="fleetDriverData[0].fleetName" v-if="fleetDriverData.length != 0" name="0">
        <view><u-notice-bar mode="closable"
                fontSize="25"
                :text="text1"></u-notice-bar></view>
        <view class="groupCars"
            v-if="groupCarsShow">
            <u-collapse @change="change"
                @close="close"
                @open="open"
                :border="false"
                :value="['0']">
                <u-empty mode="data"
                    icon="http://cdn.uviewui.com/uview/empty/data.png"
                    v-if="fleetDriverData.length == 0"
                    width="400"
                    height="400"
                    textSize="18"
                    text="暂无数据"></u-empty>
                <u-collapse-item :title="fleetDriverData[0].fleetName"
                    v-if="fleetDriverData.length != 0"
                    name="0">
                    <view class="myCarContainer">
                        <u-swipe-action>
                            <u-cell-group>
                                <u-swipe-action-item
                                    :options="options1"
                                <u-swipe-action-item :options="options1"
                                    v-for="(item, index) in fleetDriverData"
                                    :key="index"
                                    :index="item.id"
                                    :name="item.userId"
                                    @click="deleteGroupClick"
                                >
                                    <u-cell icon="car" iconStyle="font-size:20px;" :title="item.carNo" :value="item.name"></u-cell>
                                    @click="deleteGroupClick">
                                    <u-cell icon="car"
                                        iconStyle="font-size:20px;"
                                        :title="item.carNo"
                                        :value="item.name"></u-cell>
                                </u-swipe-action-item>
                            </u-cell-group>
                        </u-swipe-action>
@@ -26,166 +42,169 @@
        </view>
        <!-- 删除小组模态框 -->
        <view class="deleteModal">
            <u-modal
                :show="deleteGroupShow"
            <u-modal :show="deleteGroupShow"
                :title="title"
                @close="deleteGroupClose"
                @cancel="deleteCancel"
                @confirm="deleteConfirm"
                :closeOnClickOverlay="true"
                :showCancelButton="true"
            >
                :showCancelButton="true">
                <view class="slot-content"><rich-text :nodes="content"></rich-text></view>
            </u-modal>
        </view>
        <view class="updateGroupButton"><u-button text="邀请司机加入" type="primary" @click="addDrvier"></u-button></view>
        <view class="updateGroupButton"><u-button text="邀请司机加入"
                type="primary"
                @click="addDrvier"></u-button></view>
    </view>
</template>

<script>
import { mapState } from 'vuex';
export default {
    computed: {
        ...mapState(['fleetDriverDataLength'])
    },
    watch: {
        fleetDriverDataLength(v) {
            if (this.fleetDriverData.length !== v) {
    import { mapState } from 'vuex';
    export default {
        computed: {
            ...mapState(['fleetDriverDataLength'])
        },
        watch: {
            fleetDriverDataLength(v) {
                if (this.fleetDriverData.length !== v) {
                    this.GetUserFleet();
                }
            }
        },
        onLoad(params) {
            this.deleteDriveObj.fleetId = params.id;
        },
        data() {
            return {
                text1: '向左滑动车辆可进行删除车队操作！！！',
                groupCarsShow: true,
                fleetDriverData: [],
                myCarShow: true,
                // 单元格滑动
                options1: [{
                    text: '删除'
                }],
                deleteDriveObj: {
                    id: null, // 删除车辆小组id
                    fleetId: null
                },
                // 删除小组模态框
                title: '提示',
                content: '',
                deleteGroupShow: false, // 删除小组模态框,
                value: ['0']
            };
        },
        onShow() {
            this.init();
        },
        methods: {
            init() {
                this.GetUserFleet();
            },
            // 获取司机列表
            GetUserFleet() {
                uni.showLoading({
                    title: '加载中...'
                });
                this.$reqGet('GetUserFleet', { fleetId: this.deleteDriveObj.fleetId }).then(res => {
                    uni.hideLoading();
                    this.fleetDriverData = res.data;
                });
            },
            change() {},
            close() {},
            open() {},
            deleteGroupClick(args) {
                this.deleteDriveObj.id = args.name;
                this.fleetDriverData.forEach(item => {
                    if (item.userId == this.deleteDriveObj.id) {
                        this.content = '确认删除司机：' + item.name;
                    }
                });
                this.deleteGroupShow = true;
            },
            deleteConfirm() {
                this.$reqPost('deleteSiJi', this.deleteDriveObj, 'params').then(res => {
                    console.log('删除司机', res);
                    this.GetUserFleet();
                    if (res.code == 0) {
                        uni.showToast({
                            title: '删除成功',
                            duration: 2000
                        });
                    } else {
                        uni.showToast({
                            title: res.msg ? res.msg : '删除失败',
                            duration: 2000
                        });
                    }
                    this.deleteGroupShow = false;
                });
            },
            deleteCancel() {
                this.deleteGroupShow = false;
            },
            deleteGroupClose() {
                this.deleteGroupShow = false;
            },
            // 邀请司机加入
            addDrvier() {
                uni.navigateTo({
                    url: `/pages/customer-page/addTo-freightForwarder-driver/addTo-freightForwarder-driver?role=2&fleetId=${this.deleteDriveObj.fleetId}` // 2代表的是司机
                });
            }
        }
    },
    onLoad(params) {
        this.deleteDriveObj.fleetId = params.id;
    },
    data() {
        return {
            text1: '向左滑动车辆可进行删除车队操作！！！',
            groupCarsShow: true,
            fleetDriverData: [],
            myCarShow: true,
            // 单元格滑动
            options1: [
                {
                    text: '删除'
                }
            ],
            deleteDriveObj: {
                id: null, // 删除车辆小组id
                fleetId: null
            },
            // 删除小组模态框
            title: '提示',
            content: '',
            deleteGroupShow: false, // 删除小组模态框,
            value: ['0']
        };
    },
    onShow() {
        this.init();
    },
    methods: {
        init() {
            this.GetUserFleet();
        },
        // 获取司机列表
        GetUserFleet() {
            uni.showLoading({
                title: '加载中...'
            });
            this.$reqGet('GetUserFleet', { fleetId: this.deleteDriveObj.fleetId }).then(res => {
                uni.hideLoading();
                this.fleetDriverData = res.data;
            });
        },
        change() {},
        close() {},
        open() {},
        deleteGroupClick(args) {
            this.deleteDriveObj.id = args.name;
            this.fleetDriverData.forEach(item => {
                if (item.userId == this.deleteDriveObj.id) {
                    this.content = '确认删除司机：' + item.name;
                }
            });
            this.deleteGroupShow = true;
        },
        deleteConfirm() {
            this.$reqPost('deleteSiJi', this.deleteDriveObj, 'params').then(res => {
                console.log('删除司机', res);
                this.GetUserFleet();
                if (res.code == 0) {
                    uni.showToast({
                        title: '删除成功',
                        duration: 2000
                    });
                } else {
                    uni.showToast({
                        title: res.msg ? res.msg : '删除失败',
                        duration: 2000
                    });
                }
                this.deleteGroupShow = false;
            });
        },
        deleteCancel() {
            this.deleteGroupShow = false;
        },
        deleteGroupClose() {
            this.deleteGroupShow = false;
        },
        // 邀请司机加入
        addDrvier() {
            uni.navigateTo({
                url: `/pages/customer-page/addTo-freightForwarder-driver/addTo-freightForwarder-driver?role=2&fleetId=${this.deleteDriveObj.fleetId}` // 2代表的是司机
            });
        }
    }
};
    };
</script>

<style lang="scss" scoped>
::v-deep.fleet-management {
    width: 94%;
    margin: 0 auto;
    .myCarContainer {
        max-height: vww(450);
        width: 100%;
        border: 1px solid #dddddd;
        border-radius: 4px;
        overflow: hidden;
        overflow-y: auto;
        .carNum {
            padding: vww(2) 0;
            text-align: center;
            display: inline-block;
            width: 33%;
            // .u-tooltip {
            //     display: inline-block;
            //     .u-tooltip__wrapper {
            //     }
            // }
        }
    }
<style lang="scss"
    scoped>
    ::v-deep.fleet-management {
        width: 94%;
        margin: 0 auto;

    .updateGroupButton {
        margin: vww(15) auto 0;
        .u-button {
            width: 30%;
        .myCarContainer {
            max-height: vww(450);
            width: 100%;
            border: 1px solid #dddddd;
            border-radius: 4px;
            overflow: hidden;
            overflow-y: auto;

            .carNum {
                padding: vww(2) 0;
                text-align: center;
                display: inline-block;
                width: 33%;
                // .u-tooltip {
                //     display: inline-block;
                //     .u-tooltip__wrapper {
                //     }
                // }
            }
        }
    }
    .groupCars {
        .u-swipe-action {
            .u-swipe-action-item {
                .u-swipe-action-item__right {
                    .u-swipe-action-item__right__button {
                        .u-swipe-action-item__right__button__wrapper {
                            background-color: #f56c6c !important;

        .updateGroupButton {
            margin: vww(15) auto 0;

            .u-button {
                width: 30%;
            }
        }

        .groupCars {
            .u-swipe-action {
                .u-swipe-action-item {
                    .u-swipe-action-item__right {
                        .u-swipe-action-item__right__button {
                            .u-swipe-action-item__right__button__wrapper {
                                background-color: #f56c6c !important;
                            }
                        }
                    }
                }
            }
        }
    }
}
</style>
</style>

 pages/driver-page/driver-index/bill-of-lading-details/completeOutSale/completeOutSale.vue

@@ -5,6 +5,7 @@
                icon="http://cdn.uviewui.com/uview/empty/data.png"
                textSize="30"
                iconSize="1000"
                text="暂无数据"
                v-if="recordList.length == 0"></u-empty>
            <view class="main-block"
                v-for="item in recordList"

 pages/driver-page/driver-index/bill-of-lading-details/selectOrderPlan/selectOrderPlan.vue

@@ -5,6 +5,7 @@
                icon="http://cdn.uviewui.com/uview/empty/data.png"
                textSize="30"
                iconSize="1000"
                text="暂无数据"
                v-if="orderPlanData.length===0"></u-empty>
        </view>
        <view class="collection-form">
@@ -69,6 +70,7 @@
                    icon="http://cdn.uviewui.com/uview/empty/data.png"
                    textSize="30"
                    iconSize="1000"
                    text="暂无数据"
                    v-if="historyCoalData.length==0"></u-empty>
                <view class="history-information"
                    v-for="(item, index) in historyCoalData"

 pages/driver-page/driver-index/bill-of-lading-details/weighDetail/weighDetail.vue

@@ -5,6 +5,7 @@
            icon="http://cdn.uviewui.com/uview/empty/data.png"
            textSize="30"
            iconSize="1000"
            text="暂无数据"
            v-if="showWeigh.length===0"></u-empty>
        <view class="main-block"
            v-for="(item,i) in showWeigh"

 pages/driver-page/driver-index/driver-index.vue

@@ -97,6 +97,7 @@
                        icon="http://cdn.uviewui.com/uview/empty/data.png"
                        textSize="30"
                        iconSize="1000"
                        text="暂无数据"
                        v-if="driverBillOfLoadingData.list3 ? (driverBillOfLoadingData.list3.length == 0 ? true : false) : true"></u-empty>

                    <view class="appointment-form">
@@ -175,6 +176,7 @@
                        icon="http://cdn.uviewui.com/uview/empty/data.png"
                        textSize="30"
                        iconSize="1000"
                        text="暂无数据"
                        v-if="driverBillOfLoadingData.list2 ? (driverBillOfLoadingData.list2.length == 0 ? true : false) : true"></u-empty>
                    <view class="appointment-form">
                        <view class="appointment-form-item"

 pages/freight-forwarder-page/freightForwarder-index/freightForwarder-index.vue

@@ -9,6 +9,7 @@
                    icon="http://cdn.uviewui.com/uview/empty/data.png"
                    textSize="30"
                    iconSize="1000"
                    text="暂无数据"
                    v-if="orderPlanData.length == 0"></u-empty>
            </view>
            <view class="collection-form">
@@ -80,6 +81,7 @@
                        icon="http://cdn.uviewui.com/uview/empty/data.png"
                        textSize="30"
                        iconSize="1000"
                        text="暂无数据"
                        v-if="historyCoalData.length === 0"></u-empty>
                    <view class="history-information"
                        v-for="(item, index) in historyCoalData"

 pages/public-page/message/message.vue

@@ -5,6 +5,7 @@
            v-if="messageList.length == 0"
            width="400"
            height="400"
            text="暂无数据"
            textSize="18"></u-empty>
        <view class="message-list">
            <u-list @scrolltolower="scrolltolower"