图片地址替换

qingyiay

2023-07-02 f5427eeb16cadd3b0534454ab3c92df6f0ec1536

图片地址替换

 components/combined-title/combined-title.vue

@@ -12,7 +12,7 @@
                v-if="$slots.rightText">
                <view class="title_end_text"
                    @click="rightTextClick">
                    <image src="https://mx.jzeg.cn:9095/appimg/image/banner/add.png"
                    <image :src="`${onlineurl}/appimg/image/banner/add.png`"
                        mode=""></image>
                    <text>
                        <slot name="rightText"></slot>
@@ -24,11 +24,13 @@
</template>

<script>
    import { onlineurl } from '../../api/request.js'
    import { onlineurl } from '@/api/request.js'
    export default {
        name: 'combined-title',
        data() {
            return {};
            return {
                onlineurl: null
            };
        },
        props: {
            title: {
@@ -39,7 +41,8 @@
        methods: {
            rightTextClick() {
                this.$emit('rightText');
            }
            },

        }
    };
</script>

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

@@ -4,7 +4,7 @@
            <view class="customer-index-body">
                <!-- 待领取和转发提煤单 -->
                <view class="wait-collection"
                    style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/customerbanner.png') ;background-size:contain;background-repeat: no-repeat;">
                    :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/customerbanner.png)`, backgroundSize: 'contain', backgroundRepeat: 'no-repeat' }">
                </view>
                <view style="position: relative;top: -120px;">
                    <u-empty mode="data"
@@ -39,7 +39,7 @@
                        <view class="third-line">
                            <view class="time-icon">
                                <view
                                    style="width: 24rpx;height: 24rpx;li ne-height: 24rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/carNO.png') no-repeat;background-size: cover">
                                    :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/carNO.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
                                </view>
                            </view>
                            <view class="car-num">{{ item.carNos||item.carNo||''}}</view>
@@ -47,7 +47,7 @@
                        <view class="third-line">
                            <view class="time-icon">
                                <view
                                    style="width: 24rpx;height: 24rpx;li ne-height: 24rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                                    :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/clock.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
                                </view>
                            </view>
                            <view class="send-date">{{ item.sendDate }}</view>
@@ -118,7 +118,7 @@
                            <view class="fourth">
                                <view class="fourth-icon">
                                    <view
                                        style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                                        :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/clock.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
                                    </view>
                                </view>
                                <view class="senddate">{{ item.sendDate }}</view>
@@ -126,7 +126,7 @@
                            <view class="fourth">
                                <view class="fourth-icon">
                                    <view
                                        style="width: 26rpx;height: 26rpx;line-height: 26rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/carnNUm.png') no-repeat;background-size: cover;">
                                        :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/carnNUm.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'26rpx',height:'26rpx',lineHeight:'26rpx'}">
                                    </view>
                                </view>
                                <view class="senddate">{{ item.orderCode }}</view>
@@ -189,7 +189,7 @@
        computed: {
            roleType() {
                return uni.getStorageSync('roleType');
            }
            },
        },
        data() {
            return {
@@ -223,12 +223,12 @@
        onLoad() {},
        onShow() {
            this.init();
            this.onlineurl = onlineurl;
        },
        methods: {
            init() {
                this.GetOrderPlan();
                this.getJhOrderPlanDataPage();
                this.onlineurl = onlineurl;
            },
            // 获取发运计划列表
            GetOrderPlan() {
@@ -599,6 +599,12 @@
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                        .time-icon {
                            width: 24rpx;
                            height: 24rpx;
                            line-height: 24rpx;
                        }
                    }

                    .fourth-line {

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

@@ -70,19 +70,19 @@
                        <view class="item-block">
                            <view class="item">
                                <view class="concrete"
                                    style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
                                    :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/skin.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                                    皮</view>
                                <view class="num">{{ item.skin }}</view>
                            </view>
                            <view class="item">
                                <view class="concrete"
                                    style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
                                    :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/hair.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                                    毛</view>
                                <view class="num">{{ item.hair }}</view>
                            </view>
                            <view class="item">
                                <view class="concrete"
                                    style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
                                    :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/clean.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                                    净</view>
                                <view class="num">{{ item.clean }}</view>
                            </view>
@@ -96,7 +96,7 @@

<script>
    import combinedTitle from '@/components/combined-title/combined-title.vue';

    import { onlineurl } from '@/api/request.js'
    export default {
        components: {
            combinedTitle
@@ -113,7 +113,8 @@
                yyDailyList: {},
                orderPlanDetail: {},
                coalStatus: ['未称重', '称重中', '验质中', '称重完成'],
                index: ''
                index: '',
                onlineurl,
            };
        },
        computed: {

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

@@ -91,7 +91,7 @@
                            </view>
                            <view class="third-line">
                                <view class="carnum-icon">
                                    <image src="https://mx.jzeg.cn:9095/appimg/image/banner/carNO.png"
                                    <image :src="`${onlineurl}/appimg/image/banner/carNO.png`"
                                        mode="widthFix"></image>
                                </view>
                                <view class="carnum-text">{{ value.carNo || '' }}</view>
@@ -280,6 +280,7 @@

<script>
    import combinedTitle from '@/components/combined-title/combined-title.vue';
    import { onlineurl } from '@/api/request.js'
    export default {
        components: {
            combinedTitle
@@ -329,7 +330,8 @@
                // 点击右箭头详情弹窗
                faYunDetailobj: {},
                modalShow: false,
                coalStatus: ['未称重', '称重中', '验质中', '称重完成']
                coalStatus: ['未称重', '称重中', '验质中', '称重完成'],
                onlineurl,
            };
        },
        onShow() {

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

@@ -1,7 +1,7 @@
<template>
    <view class="bill-of-lading-details">
        <view class="top-banner"
            style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;">
            :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/loadingbanner.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
        </view>
        <view class="top-information">
            <view class="cutomer-name"
@@ -21,8 +21,7 @@
                <view class="basic">
                    <view class="coalName">{{ coalDetailsData.coalName||'' }}</view>
                    <view class="status-button"
                        style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/statusbutton.png') no-repeat;
                                        background-size: cover;">
                        :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/statusbutton.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                        {{ coalStatus[coalDetailsData.statusWeigh] || '' }}
                    </view>
                </view>
@@ -58,19 +57,19 @@
                    <view class="item-block">
                        <view class="item">
                            <view class="concrete"
                                style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
                                :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/skin.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                                皮</view>
                            <view class="num">{{ item.skin }}</view>
                        </view>
                        <view class="item">
                            <view class="concrete"
                                style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
                                :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/hair.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                                毛</view>
                            <view class="num">{{ item.hair }}</view>
                        </view>
                        <view class="item">
                            <view class="concrete"
                                style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
                                :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/clean.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                                净</view>
                            <view class="num">{{ item.clean }}</view>
                        </view>
@@ -153,6 +152,7 @@
</template>

<script>
    import { onlineurl } from '@/api/request.js'
    import { webSocketUrl } from '@/api/request.js';
    import { mapState, mapMutations } from 'vuex';
    export default {
@@ -227,7 +227,8 @@
                completeOutSaleShow: false,
                overTmWaixiao: null,
                // 判读网络状态，
                normalCode: true
                normalCode: true,
                onlineurl,
            };
        },
        onShow() {

 pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue

@@ -1,7 +1,7 @@
<template>
    <view class="coal-pick-up-bill">
        <view class="driver"
            style="background:url(https://mx.jzeg.cn:9095/appimg/image/coalBackgroud/coal-background.png) no-repeat;background-size:100% 100%;">
            :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/coal-background.png)`, backgroundSize: '100% 100%', }">
            <view class="driver-coalOne">电子提煤单</view>
            <view class="driver-coalTwo">
                <view>{{ coalData.code || '暂无订单编号' }}</view>
@@ -17,7 +17,7 @@
                </view>
            </view>
            <view class="driver-coalFour">
                <image src="https://mx.jzeg.cn:9095/appimg/logo.gif"
                <image :src="`${onlineurl}/appimg/logo.gif`"
                    mode=""></image>
            </view>
        </view>
@@ -25,6 +25,7 @@
</template>

<script>
    import { onlineurl } from '@/api/request.js'
    export default {
        onLoad(value) {
            console.log('页面加载', value);
@@ -35,7 +36,8 @@
        data() {
            return {
                orderPlanId: null,
                coalData: {}
                coalData: {},
                onlineurl,
            };
        },
        onShow() {

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

@@ -21,19 +21,19 @@
                <view class="weigh-item">
                    <view class="item">
                        <view class="concrete"
                            style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
                            :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/skin.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                            皮</view>
                        <view class="num">{{ item.skin }}</view>
                    </view>
                    <view class="item">
                        <view class="concrete"
                            style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
                            :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/hair.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                            毛</view>
                        <view class="num">{{ item.hair }}</view>
                    </view>
                    <view class="item">
                        <view class="concrete"
                            style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
                            :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/clean.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                            净</view>
                        <view class="num">{{ item.clean }}</view>
                    </view>

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

@@ -32,7 +32,7 @@
                <view class="third-line">
                    <view class="time-icon">
                        <view
                            style="width: 24rpx;height: 24rpx;li ne-height: 24rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/carNO.png') no-repeat;background-size: cover">
                            :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/carNO.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
                        </view>
                    </view>
                    <view class="car-num">{{ item.carNo||''}}</view>
@@ -40,7 +40,7 @@
                <view class="third-line">
                    <view class="time-icon">
                        <view
                            style="width: 24rpx;height: 24rpx;li ne-height: 24rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                            :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/clock.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
                        </view>
                    </view>
                    <view class="send-date">{{ item.sendDate }}</view>
@@ -99,7 +99,7 @@
                    <view class="fourth">
                        <view class="fourth-icon">
                            <view
                                style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                                :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/clock.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
                            </view>
                        </view>
                        <view class="senddate">{{ item.sendDate }}</view>
@@ -107,7 +107,7 @@
                    <view class="fourth">
                        <view class="fourth-icon">
                            <view
                                style="width: 26rpx;height: 26rpx;line-height: 26rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/carnNUm.png') no-repeat;background-size: cover;">
                                :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/carnNUm.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
                            </view>
                        </view>
                        <view class="senddate">{{ item.orderCode }}</view>
@@ -126,6 +126,7 @@
</template>

<script>
    import { onlineurl } from '@/api/request.js'
    export default {
        data() {
            return {
@@ -137,7 +138,8 @@
                pageCurrent: 1,
                // 是否显示更多数据
                showMoreData: false,
                total: null
                total: null,
                onlineurl,
            };
        },
        computed: {

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

@@ -12,21 +12,21 @@
            <view class="weigh-item">
                <view class="item">
                    <view class="concrete"
                        style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
                        :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/skin.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                        皮
                    </view>
                    <view class="num">{{ item.skin }}</view>
                </view>
                <view class="item">
                    <view class="concrete"
                        style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
                        :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/hair.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                        毛
                    </view>
                    <view class="num">{{ item.hair }}</view>
                </view>
                <view class="item">
                    <view class="concrete"
                        style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
                        :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/clean.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                        净
                    </view>
                    <view class="num">{{ item.clean }}</view>
@@ -94,6 +94,7 @@
</template>

<script>
    import { onlineurl } from '@/api/request.js'
    export default {
        data() {
            return {
@@ -112,7 +113,8 @@
                // 产品列表
                actionsList: [],
                actionShow: false,
                actionIndex: null
                actionIndex: null,
                onlineurl,
            };
        },
        computed: {

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

@@ -1,8 +1,7 @@
<template>
    <view class="weighingDevice">
        <view class="one"
            style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/weighbanner.png') no-repeat;
        background-size: cover;">
            :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/weighbanner.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
            <view class="top">
                <view class="top_left">
                    <text>{{ realTimeWeigh }}</text>
@@ -107,19 +106,19 @@
                        <view class="item-block">
                            <view class="item">
                                <view class="concrete"
                                    style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
                                    :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/skin.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                                    皮</view>
                                <view class="num">{{ item.skin }}</view>
                            </view>
                            <view class="item">
                                <view class="concrete"
                                    style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
                                    :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/hair.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                                    毛</view>
                                <view class="num">{{ item.hair }}</view>
                            </view>
                            <view class="item">
                                <view class="concrete"
                                    style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
                                    :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/clean.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                                    净</view>
                                <view class="num">{{ item.clean }}</view>
                            </view>
@@ -170,7 +169,7 @@

<script>
    let socket = null;
    import { webSocketUrl } from '@/api/request.js';
    import { webSocketUrl, onlineurl } from '@/api/request.js';
    import { mapState, mapMutations } from 'vuex';
    import combinedTitle from '@/components/combined-title/combined-title.vue';
    export default {
@@ -246,7 +245,8 @@
                outBuy: true,
                // 继续卸货按钮
                canUnload: false,
                UnloadingAgainLoading: false
                UnloadingAgainLoading: false,
                onlineurl,
            };
        },
        watch: {

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

@@ -4,7 +4,7 @@
            <view class="driver-index-body">
                <!-- 待领取提煤单 -->
                <view class="wait-collection"
                    style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/diverbanner.png') no-repeat;background-size:contain">
                    :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/diverbanner.png)`, backgroundSize: 'contain', backgroundRepeat: 'no-repeat' }">
                </view>
                <view class="collection-form">
                    <view class="collection-form-item"
@@ -234,7 +234,7 @@
<script>
    import { customerId } from '@/utils/status';
    import combinedTitle from '@/components/combined-title/combined-title.vue';

    import { onlineurl } from '@/api/request.js'
    export default {
        components: {
            combinedTitle
@@ -269,7 +269,8 @@
                fleetId: '',
                xsUserId: '',
                customerId: '',
                coalStatus: ['未称重', '称重中', '验质中', '称重完成']
                coalStatus: ['未称重', '称重中', '验质中', '称重完成'],
                onlineurl,
            };
        },
        onShow() {

 pages/driver-page/drvier-my/drvier-my.vue

@@ -4,7 +4,7 @@
            <view class="navgation">我的</view>
            <view class="avatar">
                <view class="avatar-imgage"
                    style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/driverava.png')no-repeat;background-size: cover;">
                    :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/driverava.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                </view>
                <view class="avatar-name">{{ userInfo.name || '' }}</view>
                <view class="edit-button"><u-button type="primary"
@@ -18,7 +18,7 @@
                        <view class="information-line"
                            @click="">
                            <view class="line-label">
                                <image src="https://mx.jzeg.cn:9095/appimg/image/banner/personalicon.png"
                                <image :src="`${onlineurl}/appimg/image/banner/personalicon.png`"
                                    mode="widthFix"></image>
                                <view class="label-text">身份证号</view>
                            </view>
@@ -29,7 +29,7 @@
                        </view>
                        <view class="information-line">
                            <view class="line-label">
                                <image src="https://mx.jzeg.cn:9095/appimg/image/banner/phonenum.png"
                                <image :src="`${onlineurl}/appimg/image/banner/phonenum.png`"
                                    mode="widthFix"></image>
                                <view class="label-text">手机号</view>
                            </view>
@@ -40,7 +40,7 @@
                        </view>
                        <view class="information-line">
                            <view class="line-label">
                                <image src="https://mx.jzeg.cn:9095/appimg/image/banner/carnum.png"
                                <image :src="`${onlineurl}/appimg/image/banner/carnum.png`"
                                    mode="widthFix"></image>
                                <view class="label-text">车牌号</view>
                            </view>
@@ -51,7 +51,7 @@
                        </view>
                        <view class="information-line">
                            <view class="line-label">
                                <image src="https://mx.jzeg.cn:9095/appimg/image/banner/axisnum.png"
                                <image :src="`${onlineurl}/appimg/image/banner/axisnum.png`"
                                    mode="widthFix"></image>
                                <view class="label-text">车轴数</view>
                            </view>
@@ -62,7 +62,7 @@
                        </view>
                        <view class="information-line last">
                            <view class="line-label">
                                <image src="https://mx.jzeg.cn:9095/appimg/image/banner/weighnum.png"
                                <image :src="`${onlineurl}/appimg/image/banner/weighnum.png`"
                                    mode="widthFix"></image>
                                <view class="label-text">体重</view>
                            </view>
@@ -80,7 +80,7 @@
                <view class="information-body">
                    <view class="car-img">
                        <view class="label-title">
                            <image src="https://mx.jzeg.cn:9095/appimg/image/banner/carimg.png"
                            <image :src="`${onlineurl}/appimg/image/banner/carimg.png`"
                                mode="widthFix"></image>
                            <view class="label-text">车辆照片</view>
                        </view>
@@ -97,7 +97,7 @@
                    </view>
                    <view class="car-img">
                        <view class="label-title">
                            <image src="https://mx.jzeg.cn:9095/appimg/image/banner/cardimg.png"
                            <image :src="`${onlineurl}/appimg/image/banner/cardimg.png`"
                                mode="widthFix"></image>
                            <view class="label-text">行驶证照片</view>
                        </view>
@@ -122,43 +122,6 @@
                    shape="circle"
                    plain></u-button></view>
        </view>
        <!-- <view class="personal-information-form">
            <u--form labelPosition="left" :model="userInfo" ref="form1">
                <u-form-item labelWidth="20%" label="姓名" ref="item1">
                    <u--input v-model="userInfo.name" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
                </u-form-item>
                <u-form-item labelWidth="20%" label="身份证号" ref="item1">
                    <u--input v-model="userInfo.idCard" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
                </u-form-item>
                <u-form-item labelWidth="20%" label="手机号" ref="item1">
                    <u--input v-model="userInfo.phone" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
                </u-form-item>
                <u-form-item labelWidth="20%" label="车牌号" ref="item1">
                    <u--input v-model="userInfo.carNo" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
                </u-form-item>
                <u-form-item labelWidth="20%" label="体重" ref="item1">
                    <u--input v-model="userInfo.weight" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
                </u-form-item>
                <u-form-item v-model="userInfo.axleNum" labelWidth="20%" label="车轴数" ref="item1">
                    <u--input border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
                </u-form-item>
                <u-form-item labelWidth="20%" label="车辆照片" ref="item1">
                    <u--image :showLoading="true" :src="userInfo.carImg != null ? BaseUrl + userInfo.carImg : ''" width="80px" height="80px" @click="imageClick(1)">
                        <view slot="error" style="font-size: 24rpx;">加载失败</view>
                    </u--image>
                </u-form-item>
                <u-form-item labelWidth="25%" label="行驶证照片" ref="item1">
                    <u--image :showLoading="true" :src="userInfo.drivingImg != null ? BaseUrl + userInfo.drivingImg : ''" width="80px" height="80px" @click="imageClick(2)">
                        <view slot="error" style="font-size: 24rpx;">加载失败</view>
                    </u--image>
                </u-form-item>
            </u--form>
            <view class="push-information-button">
                <u-button text="修改个人资料" type="primary" @click="editBtnClick"></u-button>
                <u-button text="退出登录" type="primary" @click="logout"></u-button>
            </view> -->
        <!-- <view class="statistics"><u-button text="发运统计" type="primary" @click="statistics"></u-button></view> -->
        <!-- </view> -->

        <!-- 图片预览弹出框 -->
        <view class="previewImage-container">
@@ -287,6 +250,7 @@
    import { customerId, userInfo, redirectLogin } from '@/utils/status';
    import { BaseUrl } from '@/api/publicInterface.js';
    import { mapMutations } from 'vuex';
    import { onlineurl } from '@/api/request.js'
    export default {
        data() {
            return {
@@ -401,7 +365,8 @@
                logoutShow: false,
                logoutTitle: '提示',
                logoutContent: '是否确认退出',
                BaseUrl
                BaseUrl,
                onlineurl
            };
        },
        onShow() {

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

@@ -2,7 +2,7 @@
    <view class="freightForwarder-index">
        <view class="freightForwarder-index-body">
            <view class="wait-collection"
                style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/customerbanner.png') no-repeat;background-size:contain">
                :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/customerbanner.png)`, backgroundSize: 'contain', backgroundRepeat: 'no-repeat' }">
            </view>
            <view style="position: relative;top: -120px;">
                <u-empty mode="data"
@@ -54,7 +54,7 @@
                    <view class="third-line">
                        <view class="time-icon">
                            <view
                                style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                                :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/clock.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
                            </view>
                        </view>
                        <view class="send-date">{{ item.sendDate }}</view>
@@ -113,7 +113,7 @@
                        <view class="fourth">
                            <view class="fourth-icon">
                                <view
                                    style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                                    :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/clock.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
                                </view>
                            </view>
                            <view class="senddate">{{ item.sendDate }}</view>
@@ -121,7 +121,7 @@
                        <view class="fourth">
                            <view class="fourth-icon">
                                <view
                                    style="width: 26rpx;height: 26rpx;line-height: 26rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/carnNUm.png') no-repeat;background-size: cover">
                                    :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/carnNUm.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'26rpx',height:'26rpx',lineHeight:'26rpx'}">
                                </view>
                            </view>
                            <view class="senddate">{{ item.orderCode }}</view>
@@ -137,6 +137,7 @@
</template>

<script>
    import { onlineurl } from '@/api/request.js'
    import combinedTitle from '@/components/combined-title/combined-title.vue';
    export default {
        props: {
@@ -182,7 +183,8 @@
                // 数据总量
                total: 0,
                // 是否显示更多数据
                showMoreData: false
                showMoreData: false,
                onlineurl,
            };
        },
        onShow() {

 pages/public-page/forward/forward.vue

@@ -3,49 +3,67 @@
    <view class="forward">
        <view class="forward-banner">
            <view class="banner-block">
                <view class="arrow-left" @click="back"><u-icon name="arrow-left" size="40" color="#ffffff"></u-icon></view>
                <view class="arrow-left"
                    @click="back"><u-icon name="arrow-left"
                        size="40"
                        color="#ffffff"></u-icon></view>
                <view class="forward-text">转发</view>
            </view>
        </view>
        <view v-if="roleType == 1" class="notice-bar">
            <u-notice-bar :text="text" :fontSize="30"></u-notice-bar>
            <view
                class="notice-icon"
                style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/notice.png') no-repeat;background-size: cover; width: 42rpx;height: 42rpx;"
            ></view>
        <view v-if="roleType == 1"
            class="notice-bar">
            <u-notice-bar :text="text"
                :fontSize="30"></u-notice-bar>
            <view class="notice-icon"
                :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/notice.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'42rpx',height:'42rpx',lineHeight:'42rpx'}">
            </view>
        </view>
        <view v-else-if="roleType == 2" class="notice-bar"><u-notice-bar :text="text1" :fontSize="30"></u-notice-bar></view>
        <view v-else-if="roleType == 2"
            class="notice-bar"><u-notice-bar :text="text1"
                :fontSize="30"></u-notice-bar></view>
        <view class="card-main">
            <view class="card-block">
                <u-swipe-action>
                    <u-swipe-action-item :options="options1" v-for="(val, index) in jhOrderPlanForwardList" :key="val.vid" :name="val.vid" @click="deleteGroup(index, val)">
                    <u-swipe-action-item :options="options1"
                        v-for="(val, index) in jhOrderPlanForwardList"
                        :key="val.vid"
                        :name="val.vid"
                        @click="deleteGroup(index, val)">
                        <view class="forward-card">
                            <view class="card-content">
                                <u--form labelPosition="left" :model="forwardForm" ref="form1">
                                    <u-form-item label="转发对象" labelWidth="21%" ref="item1" @click="forwardObjectClick(index)">
                                        <u--input v-model="val.name" placeholder="点击选择转发对象" :readonly="true" border="bottom"></u--input>
                                <u--form labelPosition="left"
                                    :model="forwardForm"
                                    ref="form1">
                                    <u-form-item label="转发对象"
                                        labelWidth="21%"
                                        ref="item1"
                                        @click="forwardObjectClick(index)">
                                        <u--input v-model="val.name"
                                            placeholder="点击选择转发对象"
                                            :readonly="true"
                                            border="bottom"></u--input>
                                    </u-form-item>
                                    <u-form-item label="输入数量" ref="item2" labelWidth="21%">
                                    <u-form-item label="输入数量"
                                        ref="item2"
                                        labelWidth="21%">
                                        <view class="forward-card-amount">
                                            <view class="forward-card-amount-input">
                                                <u--input
                                                    v-model="val.carNum"
                                                <u--input v-model="val.carNum"
                                                    placeholder="请输入转发数量"
                                                    @input="debouncecarNumInput(index, val.carNum)"
                                                    @blur="blurInput(index, val.carNum)"
                                                    border="bottom"
                                                ></u--input>
                                                    border="bottom"></u--input>
                                            </view>
                                            <u-checkbox-group v-model="val.checkboxValue1" placement="column" @change="v => checkboxChange(v, index, val)">
                                                <u-checkbox
                                                    size="30"
                                            <u-checkbox-group v-model="val.checkboxValue1"
                                                placement="column"
                                                @change="v => checkboxChange(v, index, val)">
                                                <u-checkbox size="30"
                                                    shape="circle"
                                                    labelSize="30"
                                                    label="全部转发"
                                                    name="全部转发"
                                                    :disabled="val.ischecked"
                                                    :checked="val.isSelected"
                                                ></u-checkbox>
                                                    :checked="val.isSelected"></u-checkbox>
                                            </u-checkbox-group>
                                        </view>
                                    </u-form-item>
@@ -59,31 +77,56 @@

        <view class="utils-buttonGroup">
            <!-- 添加按钮 -->
            <view class="AdddBtn"><u-button text="添加" :hairline="false" @click.stop="addForm" :disabled="whetherClick"></u-button></view>
            <view class="AdddBtn"><u-button text="添加"
                    :hairline="false"
                    @click.stop="addForm"
                    :disabled="whetherClick"></u-button></view>
            <!-- 提交按钮 -->
            <view class="forwardBtn"><u-button text="提交" :hairline="false" type="warning" @click.stop="submitForm" :disabled="whetherClick1"></u-button></view>
            <view class="forwardBtn"><u-button text="提交"
                    :hairline="false"
                    type="warning"
                    @click.stop="submitForm"
                    :disabled="whetherClick1"></u-button></view>
        </view>
        <!-- 增加按钮 -->

        <!-- 选择货代或车队弹出框 -->
        <view class="selectHuoDaiOrFleet-container">
            <u-popup :show="selectPopupShow" mode="bottom" @close="selectPopupClose" @open="selectPopupOpen">
            <u-popup :show="selectPopupShow"
                mode="bottom"
                @close="selectPopupClose"
                @open="selectPopupOpen">
                <view class="selectHuoDaiOrFleet-container-box">
                    <u-tabs :list="list1" @click="tabClick"></u-tabs>
                    <view class="" v-if="!tabHuoDai">
                    <u-tabs :list="list1"
                        @click="tabClick"></u-tabs>
                    <view class=""
                        v-if="!tabHuoDai">
                        <u-cell-group>
                            <u-cell v-for="(item, index) in fleetData" :key="index" :title="item.name">
                                <view class="cell-util" slot="value">
                                    <u-button @click="forwardFleetObjectSelect(item, index)" text="选择" type="primary" size="mini"></u-button>
                            <u-cell v-for="(item, index) in fleetData"
                                :key="index"
                                :title="item.name">
                                <view class="cell-util"
                                    slot="value">
                                    <u-button @click="forwardFleetObjectSelect(item, index)"
                                        text="选择"
                                        type="primary"
                                        size="mini"></u-button>
                                </view>
                            </u-cell>
                        </u-cell-group>
                    </view>
                    <view class="" v-else-if="tabHuoDai">
                    <view class=""
                        v-else-if="tabHuoDai">
                        <u-cell-group>
                            <u-cell v-for="(item, index) in huoDaiData" :key="index" :title="item.name">
                                <view class="cell-util" slot="value">
                                    <u-button @click="forwardHuoDaiObjectSelect(item, index)" text="选择" type="primary" size="mini"></u-button>
                            <u-cell v-for="(item, index) in huoDaiData"
                                :key="index"
                                :title="item.name">
                                <view class="cell-util"
                                    slot="value">
                                    <u-button @click="forwardHuoDaiObjectSelect(item, index)"
                                        text="选择"
                                        type="primary"
                                        size="mini"></u-button>
                                </view>
                            </u-cell>
                        </u-cell-group>
@@ -95,69 +138,69 @@
</template>

<script>
import { customerId } from '@/utils/status';
import toast from '../../../uni_modules/uview-ui/libs/config/props/toast';
    import { onlineurl } from '@/api/request.js'
    import { customerId } from '@/utils/status';
    import toast from '../../../uni_modules/uview-ui/libs/config/props/toast';

export default {
    onLoad(params) {
        console.log(params, '转发页面的参数');
        // 客户
        this.cars2 = Number(params.cars2);
        this.tempcarNumSurplus1 = this.carNumSurplus1 = Number(params.carNumSurplus1);
        // 货代
        this.carNum = Number(params.carNum);
        this.carNumSurplusHuodai = this.forwardSurplus = Number(params.carNumSurplusHuodai);
        this.orderPlanId = params.orderPlanId;
        this.$reqGet('forwardList', { OrderPlanId: params.orderPlanId }).then(res => {
            if (res.data.length !== 0 && this.roleType == 1) {
                this.jhOrderPlanForwardList = res.data.map((item, index) => {
                    return {
                        id: item.id,
                        orderPlanId: item.orderPlanId,
                        name: item.xsUserName === null ? item.fleetName : item.xsUserName,
                        carNum: item.carNum,
                        xsUserId: item.xsUserId === null ? 0 : item.xsUserId,
                        fleetId: item.fleetId === null ? 0 : item.fleetId,
                        checkboxValue1: '',
                        vid: `${new Date().getTime()}${index}${item.id}`
                    };
                });
            } else if (res.data.length !== 0 && this.roleType == 2) {
                this.jhOrderPlanForwardList = res.data.map((item, index) => {
                    return {
                        id: item.id,
                        orderPlanId: item.orderPlanId,
                        name: item.fleetName,
                        carNum: item.carNum,
                        xsUserId: item.xsUserId === null ? 0 : item.xsUserId,
                        fleetId: item.fleetId === null ? 0 : item.fleetId,
                        checkboxValue1: '',
                        vid: `${new Date().getTime()}${index}${item.id}`
                    };
                });
            } else {
                this.jhOrderPlanForwardList = this.jhOrderPlanForwardList.map((item, index) => {
                    if (!item.orderPlanId) {
    export default {
        onLoad(params) {
            console.log(params, '转发页面的参数');
            // 客户
            this.cars2 = Number(params.cars2);
            this.tempcarNumSurplus1 = this.carNumSurplus1 = Number(params.carNumSurplus1);
            // 货代
            this.carNum = Number(params.carNum);
            this.carNumSurplusHuodai = this.forwardSurplus = Number(params.carNumSurplusHuodai);
            this.orderPlanId = params.orderPlanId;
            this.$reqGet('forwardList', { OrderPlanId: params.orderPlanId }).then(res => {
                if (res.data.length !== 0 && this.roleType == 1) {
                    this.jhOrderPlanForwardList = res.data.map((item, index) => {
                        return {
                            ...item,
                            orderPlanId: params.orderPlanId,
                            id: item.id,
                            orderPlanId: item.orderPlanId,
                            name: item.xsUserName === null ? item.fleetName : item.xsUserName,
                            carNum: item.carNum,
                            xsUserId: item.xsUserId === null ? 0 : item.xsUserId,
                            fleetId: item.fleetId === null ? 0 : item.fleetId,
                            checkboxValue1: '',
                            vid: `${new Date().getTime()}${index}${item.id}`
                        };
                    }
                });
            }
        });
    },
    data() {
        return {
            forwardSurplus: 0,
            paramsName: {},
            huoDaiData: [],
            fleetData: [],
            // 日计划id
            orderPlanId: '',
            jhOrderPlanForwardList: [
                {
                    });
                } else if (res.data.length !== 0 && this.roleType == 2) {
                    this.jhOrderPlanForwardList = res.data.map((item, index) => {
                        return {
                            id: item.id,
                            orderPlanId: item.orderPlanId,
                            name: item.fleetName,
                            carNum: item.carNum,
                            xsUserId: item.xsUserId === null ? 0 : item.xsUserId,
                            fleetId: item.fleetId === null ? 0 : item.fleetId,
                            checkboxValue1: '',
                            vid: `${new Date().getTime()}${index}${item.id}`
                        };
                    });
                } else {
                    this.jhOrderPlanForwardList = this.jhOrderPlanForwardList.map((item, index) => {
                        if (!item.orderPlanId) {
                            return {
                                ...item,
                                orderPlanId: params.orderPlanId,
                                vid: `${new Date().getTime()}${index}${item.id}`
                            };
                        }
                    });
                }
            });
        },
        data() {
            return {
                forwardSurplus: 0,
                paramsName: {},
                huoDaiData: [],
                fleetData: [],
                // 日计划id
                orderPlanId: '',
                jhOrderPlanForwardList: [{
                    orderPlanId: '',
                    name: '',
                    carNum: null,
@@ -165,447 +208,469 @@
                    fleetId: 0,
                    checkboxValue1: '',
                    isSelected: false
                }
            ],
            // 索引，利用索引正确显示
            index: '',
            checkboxValue1: '',
            selectPopupShow: false,
            list1: [{ name: '车队' }, { name: '货代' }],
            tabHuoDai: false,
            carNumSurplus1: '',
            tempcarNumSurplus1: '',
            cars2: '',
            carNum: '',
            carNumSurplusHuodai: '',
            formNum: 1,
            // 个人转发数据
            personalForward: {},
            whetherClick: false,
            whetherClick1: false,
            // 滑动单元格配置
            options1: [
                {
                }],
                // 索引，利用索引正确显示
                index: '',
                checkboxValue1: '',
                selectPopupShow: false,
                list1: [{ name: '车队' }, { name: '货代' }],
                tabHuoDai: false,
                carNumSurplus1: '',
                tempcarNumSurplus1: '',
                cars2: '',
                carNum: '',
                carNumSurplusHuodai: '',
                formNum: 1,
                // 个人转发数据
                personalForward: {},
                whetherClick: false,
                whetherClick1: false,
                // 滑动单元格配置
                options1: [{
                    text: '删除',
                    style: {
                        backgroundColor: '#FB0101'
                    }
                }
            ]
        };
    },
    onShow() {
        this.init();
        if (this.roleType == 2) {
            this.list1.splice(1, 1);
            this.tabHuoDai = false;
        }
    },
    computed: {
        roleType() {
            return uni.getStorageSync('roleType');
                }],
                onlineurl,
            };
        },
        text() {
            return `已领取${this.cars2}张提煤单,剩余${this.carNumSurplus1}张提煤单`;
        },
        text1() {
            return `已拥有${this.carNum}张提煤单,剩余${this.carNumSurplusHuodai}张提煤单`;
        }
    },
    methods: {
        // 返回上一页
        back() {
            uni.navigateBack({
                delta: 1
            });
        },
        init() {
            switch (this.roleType) {
                case 1:
                    this.getAllHuoDaiByCustomerId();
                    this.getFleet();
                    break;
                case 2:
                    this.getFleet();
                    break;
                default:
                    break;
            }
        },
        allrelay(x, y) {
            let a = 0;
            if (y != 0) {
                a = Number(x) + Number(y);
                return a;
            } else {
                return Number(x);
            }
        },
        allrelayto(x, y) {
            let a = 0;
            if (y != 0) {
                a = Number(x) - Number(y);
                return a;
            } else {
                return Number(x);
            }
        },
        checkboxChange(value, index, v) {
            this.jhOrderPlanForwardList = this.jhOrderPlanForwardList.map(v => {
                return {
                    ...v,
                    ischecked: false
                };
            });
            if (value.length != 0) {
                if (this.roleType == 1) {
                    this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.carNumSurplus1, this.jhOrderPlanForwardList[index].carNum);
                    this.calculate(this.jhOrderPlanForwardList);
                }
                if (this.roleType == 2) {
                    this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.carNumSurplusHuodai, this.jhOrderPlanForwardList[index].carNum);
                    this.calculate(this.jhOrderPlanForwardList);
                }
                // 选择一个后其余禁止复选
                this.jhOrderPlanForwardList.forEach((v, i) => {
                    if (i !== index) {
                        v.ischecked = true;
                    }
                });
                this.whetherClick = true;
            } else {
                this.jhOrderPlanForwardList[index].carNum = null;
                this.calculate(this.jhOrderPlanForwardList);
            }
        },
        // 获取货代列表
        getAllHuoDaiByCustomerId() {
            this.$reqGet('getAllHuoDaiByCustomerId').then(res => {
                this.huoDaiData = res.data;
            });
        },
        // 获取车队列表
        getFleet() {
            this.$reqGet('getFleet').then(res => {
                this.fleetData = res.data;
            });
        },
        // 转发
        forwardObjectClick(index) {
            this.selectPopupShow = true;
            this.index = index;
        },
        selectPopupClose() {
            this.selectPopupShow = false;
        },
        selectPopupOpen() {},
        // 转发选择货代
        forwardHuoDaiObjectSelect(item, index) {
            this.$nextTick(() => {
                let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name);
                if (isableAdd.length > 0) {
                    this.$u.toast('存在重复添加');
                    this.selectPopupShow = true;
                } else {
                    this.selectPopupShow = false;
                    this.jhOrderPlanForwardList[this.index].xsUserId = item.userId;
                    this.jhOrderPlanForwardList[this.index].name = item.name;
                    this.jhOrderPlanForwardList[this.index].fleetId = 0;
                }
            });
        },
        // 转发选择车队
        forwardFleetObjectSelect(item, index) {
            this.$nextTick(() => {
                let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name);
                if (isableAdd.length > 0) {
                    this.$u.toast('存在重复添加');
                    this.selectPopupShow = true;
                } else {
                    this.selectPopupShow = false;
                    this.jhOrderPlanForwardList[this.index].fleetId = item.id;
                    this.jhOrderPlanForwardList[this.index].name = item.name;
                    this.jhOrderPlanForwardList[this.index].xsUserId = 0;
                }
            });
        },
        // 计算提煤单数量，添加或删除时调用
        calculate(arr) {
            let total = arr.reduce((prev, cur) => {
                return cur.carNum + prev;
            }, 0);
            console.log(total, '提煤单一共的数据');
            if (this.roleType == 1) {
                if (Number(this.cars2) >= total) {
                    this.carNumSurplus1 = Number(this.cars2) - total;
                    this.whetherClick = false;
                    this.whetherClick1 = false;
                } else {
                    this.carNumSurplus1 = 0;
                    this.$u.toast('剩余提煤单数量不足');
                    this.whetherClick = true;
                    this.whetherClick1 = true;
                }
            }
        onShow() {
            this.init();
            if (this.roleType == 2) {
                if (Number(this.carNum) >= total) {
                    this.carNumSurplusHuodai = Number(this.carNum) - total;
                    this.whetherClick = false;
                    this.whetherClick1 = false;
                } else {
                    this.carNumSurplusHuodai = 0;
                    this.$u.toast('剩余提煤单数量不足');
                    this.whetherClick = true;
                    this.whetherClick1 = true;
                }
            }
        },
        debouncecarNumInput(index, value) {
            let time;
            let that = this;
            that.$set(that.jhOrderPlanForwardList[index], 'carNum', Number(value));
            return (function() {
                if (!time) {
                    time = setTimeout(() => {
                        that.calculate(that.jhOrderPlanForwardList);
                        if (that.roleType == 1) {
                            if (that.jhOrderPlanForwardList[index].carNum < Number(that.carNumSurplus1)) {
                                that.$set(that.jhOrderPlanForwardList[index], 'checkboxValue1', '');
                                that.jhOrderPlanForwardList.forEach((v, i) => {
                                    if (index != i) {
                                        v.ischecked = false;
                                    }
                                });
                            }
                        }

                        if (that.roleType == 2) {
                            if (that.jhOrderPlanForwardList[index].carNum < Number(that.carNumSurplusHuodai)) {
                                that.$set(that.jhOrderPlanForwardList[index], 'checkboxValue1', '');
                                that.jhOrderPlanForwardList.forEach((v, i) => {
                                    if (index != i) {
                                        v.ischecked = false;
                                    }
                                });
                            }
                        }
                        time = null;
                    }, 800);
                }
            })();
        },
        blurInput(index, value) {
            this.$set(this.jhOrderPlanForwardList[index], 'carNum', Number(value));
            this.calculate(this.jhOrderPlanForwardList);
        },
        // 添加一组表单
        addForm() {
            // 判断是否有一个复选，如果有则禁止新加的复选，没有则不禁止
            let ischeck = this.jhOrderPlanForwardList.some(v => v.ischecked == true);
            if (!ischeck) {
                this.jhOrderPlanForwardList.push({
                    orderPlanId: this.orderPlanId,
                    name: '',
                    carNum: null,
                    xsUserId: 0,
                    fleetId: 0,
                    checkboxValue1: '',
                    ischecked: false,
                    vid: new Date().getTime(),
                    isSelected: false
                });
            } else {
                this.jhOrderPlanForwardList.push({
                    orderPlanId: this.orderPlanId,
                    name: '',
                    carNum: null,
                    xsUserId: 0,
                    fleetId: 0,
                    checkboxValue1: '',
                    ischecked: true,
                    vid: new Date().getTime(),
                    isSelected: false
                });
            }
            this.calculate(this.jhOrderPlanForwardList);
        },
        // 删除一组表单
        deleteGroup(index, v) {
            let tempcarNum = v.carNum;
            if (v.id) {
                this.$reqPost('deleteForward', { id: v.id }, 'params').then(res => {
                    if (res.code === 0) {
                        this.jhOrderPlanForwardList.splice(index, 1);
                        this.calculate(this.jhOrderPlanForwardList);
                        this.$u.toast('删除成功');
                    } else if (res.code === 1) {
                        this.$u.toast(res.msg);
                    }
                });
            } else {
                this.jhOrderPlanForwardList.splice(index, 1);
                this.calculate(this.jhOrderPlanForwardList);
                this.$u.toast('删除成功');
            }
        },
        // 提交
        submitForm() {
            let isPass = false;
            if (this.jhOrderPlanForwardList.length === 0) {
                this.$u.toast('请至少选择一组转发对象');
            }
            let reg = /^[1-9]\d*$/;
            this.jhOrderPlanForwardList.forEach(v => {
                if (!reg.test(v.carNum) || Number(v.carNum) <= 0) {
                    this.$u.toast('请输入合法数字');
                    isPass = false;
                    return isPass;
                } else {
                    isPass = true;
                    return isPass;
                }
            });
            if (isPass) {
                this.$reqPost('forward', this.jhOrderPlanForwardList, 'json').then(res => {
                    console.log(res, 'zh');
                    if (res.code == 0) {
                        this.$u.toast('提交成功');
                        setTimeout(() => {
                            uni.navigateBack({ delta: 1 });
                        }, 1000);
                    } else {
                        this.$u.toast(res.msg);
                    }
                });
            }
        },
        tabClick(item) {
            if (item.name == '货代') {
                this.tabHuoDai = true;
            } else {
                this.list1.splice(1, 1);
                this.tabHuoDai = false;
            }
        },
        computed: {
            roleType() {
                return uni.getStorageSync('roleType');
            },
            text() {
                return `已领取${this.cars2}张提煤单,剩余${this.carNumSurplus1}张提煤单`;
            },
            text1() {
                return `已拥有${this.carNum}张提煤单,剩余${this.carNumSurplusHuodai}张提煤单`;
            }
        },
        methods: {
            // 返回上一页
            back() {
                uni.navigateBack({
                    delta: 1
                });
            },
            init() {
                switch (this.roleType) {
                    case 1:
                        this.getAllHuoDaiByCustomerId();
                        this.getFleet();
                        break;
                    case 2:
                        this.getFleet();
                        break;
                    default:
                        break;
                }
            },
            allrelay(x, y) {
                let a = 0;
                if (y != 0) {
                    a = Number(x) + Number(y);
                    return a;
                } else {
                    return Number(x);
                }
            },
            allrelayto(x, y) {
                let a = 0;
                if (y != 0) {
                    a = Number(x) - Number(y);
                    return a;
                } else {
                    return Number(x);
                }
            },
            checkboxChange(value, index, v) {
                this.jhOrderPlanForwardList = this.jhOrderPlanForwardList.map(v => {
                    return {
                        ...v,
                        ischecked: false
                    };
                });
                if (value.length != 0) {
                    if (this.roleType == 1) {
                        this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.carNumSurplus1, this
                            .jhOrderPlanForwardList[index].carNum);
                        this.calculate(this.jhOrderPlanForwardList);
                    }
                    if (this.roleType == 2) {
                        this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.carNumSurplusHuodai, this
                            .jhOrderPlanForwardList[index].carNum);
                        this.calculate(this.jhOrderPlanForwardList);
                    }
                    // 选择一个后其余禁止复选
                    this.jhOrderPlanForwardList.forEach((v, i) => {
                        if (i !== index) {
                            v.ischecked = true;
                        }
                    });
                    this.whetherClick = true;
                } else {
                    this.jhOrderPlanForwardList[index].carNum = null;
                    this.calculate(this.jhOrderPlanForwardList);
                }
            },
            // 获取货代列表
            getAllHuoDaiByCustomerId() {
                this.$reqGet('getAllHuoDaiByCustomerId').then(res => {
                    this.huoDaiData = res.data;
                });
            },
            // 获取车队列表
            getFleet() {
                this.$reqGet('getFleet').then(res => {
                    this.fleetData = res.data;
                });
            },
            // 转发
            forwardObjectClick(index) {
                this.selectPopupShow = true;
                this.index = index;
            },
            selectPopupClose() {
                this.selectPopupShow = false;
            },
            selectPopupOpen() {},
            // 转发选择货代
            forwardHuoDaiObjectSelect(item, index) {
                this.$nextTick(() => {
                    let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name);
                    if (isableAdd.length > 0) {
                        this.$u.toast('存在重复添加');
                        this.selectPopupShow = true;
                    } else {
                        this.selectPopupShow = false;
                        this.jhOrderPlanForwardList[this.index].xsUserId = item.userId;
                        this.jhOrderPlanForwardList[this.index].name = item.name;
                        this.jhOrderPlanForwardList[this.index].fleetId = 0;
                    }
                });
            },
            // 转发选择车队
            forwardFleetObjectSelect(item, index) {
                this.$nextTick(() => {
                    let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name);
                    if (isableAdd.length > 0) {
                        this.$u.toast('存在重复添加');
                        this.selectPopupShow = true;
                    } else {
                        this.selectPopupShow = false;
                        this.jhOrderPlanForwardList[this.index].fleetId = item.id;
                        this.jhOrderPlanForwardList[this.index].name = item.name;
                        this.jhOrderPlanForwardList[this.index].xsUserId = 0;
                    }
                });
            },
            // 计算提煤单数量，添加或删除时调用
            calculate(arr) {
                let total = arr.reduce((prev, cur) => {
                    return cur.carNum + prev;
                }, 0);
                console.log(total, '提煤单一共的数据');
                if (this.roleType == 1) {
                    if (Number(this.cars2) >= total) {
                        this.carNumSurplus1 = Number(this.cars2) - total;
                        this.whetherClick = false;
                        this.whetherClick1 = false;
                    } else {
                        this.carNumSurplus1 = 0;
                        this.$u.toast('剩余提煤单数量不足');
                        this.whetherClick = true;
                        this.whetherClick1 = true;
                    }
                }
                if (this.roleType == 2) {
                    if (Number(this.carNum) >= total) {
                        this.carNumSurplusHuodai = Number(this.carNum) - total;
                        this.whetherClick = false;
                        this.whetherClick1 = false;
                    } else {
                        this.carNumSurplusHuodai = 0;
                        this.$u.toast('剩余提煤单数量不足');
                        this.whetherClick = true;
                        this.whetherClick1 = true;
                    }
                }
            },
            debouncecarNumInput(index, value) {
                let time;
                let that = this;
                that.$set(that.jhOrderPlanForwardList[index], 'carNum', Number(value));
                return (function() {
                    if (!time) {
                        time = setTimeout(() => {
                            that.calculate(that.jhOrderPlanForwardList);
                            if (that.roleType == 1) {
                                if (that.jhOrderPlanForwardList[index].carNum < Number(that
                                    .carNumSurplus1)) {
                                    that.$set(that.jhOrderPlanForwardList[index], 'checkboxValue1', '');
                                    that.jhOrderPlanForwardList.forEach((v, i) => {
                                        if (index != i) {
                                            v.ischecked = false;
                                        }
                                    });
                                }
                            }

                            if (that.roleType == 2) {
                                if (that.jhOrderPlanForwardList[index].carNum < Number(that
                                        .carNumSurplusHuodai)) {
                                    that.$set(that.jhOrderPlanForwardList[index], 'checkboxValue1', '');
                                    that.jhOrderPlanForwardList.forEach((v, i) => {
                                        if (index != i) {
                                            v.ischecked = false;
                                        }
                                    });
                                }
                            }
                            time = null;
                        }, 800);
                    }
                })();
            },
            blurInput(index, value) {
                this.$set(this.jhOrderPlanForwardList[index], 'carNum', Number(value));
                this.calculate(this.jhOrderPlanForwardList);
            },
            // 添加一组表单
            addForm() {
                // 判断是否有一个复选，如果有则禁止新加的复选，没有则不禁止
                let ischeck = this.jhOrderPlanForwardList.some(v => v.ischecked == true);
                if (!ischeck) {
                    this.jhOrderPlanForwardList.push({
                        orderPlanId: this.orderPlanId,
                        name: '',
                        carNum: null,
                        xsUserId: 0,
                        fleetId: 0,
                        checkboxValue1: '',
                        ischecked: false,
                        vid: new Date().getTime(),
                        isSelected: false
                    });
                } else {
                    this.jhOrderPlanForwardList.push({
                        orderPlanId: this.orderPlanId,
                        name: '',
                        carNum: null,
                        xsUserId: 0,
                        fleetId: 0,
                        checkboxValue1: '',
                        ischecked: true,
                        vid: new Date().getTime(),
                        isSelected: false
                    });
                }
                this.calculate(this.jhOrderPlanForwardList);
            },
            // 删除一组表单
            deleteGroup(index, v) {
                let tempcarNum = v.carNum;
                if (v.id) {
                    this.$reqPost('deleteForward', { id: v.id }, 'params').then(res => {
                        if (res.code === 0) {
                            this.jhOrderPlanForwardList.splice(index, 1);
                            this.calculate(this.jhOrderPlanForwardList);
                            this.$u.toast('删除成功');
                        } else if (res.code === 1) {
                            this.$u.toast(res.msg);
                        }
                    });
                } else {
                    this.jhOrderPlanForwardList.splice(index, 1);
                    this.calculate(this.jhOrderPlanForwardList);
                    this.$u.toast('删除成功');
                }
            },
            // 提交
            submitForm() {
                let isPass = false;
                if (this.jhOrderPlanForwardList.length === 0) {
                    this.$u.toast('请至少选择一组转发对象');
                }
                let reg = /^[1-9]\d*$/;
                this.jhOrderPlanForwardList.forEach(v => {
                    if (!reg.test(v.carNum) || Number(v.carNum) <= 0) {
                        this.$u.toast('请输入合法数字');
                        isPass = false;
                        return isPass;
                    } else {
                        isPass = true;
                        return isPass;
                    }
                });
                if (isPass) {
                    this.$reqPost('forward', this.jhOrderPlanForwardList, 'json').then(res => {
                        console.log(res, 'zh');
                        if (res.code == 0) {
                            this.$u.toast('提交成功');
                            setTimeout(() => {
                                uni.navigateBack({ delta: 1 });
                            }, 1000);
                        } else {
                            this.$u.toast(res.msg);
                        }
                    });
                }
            },
            tabClick(item) {
                if (item.name == '货代') {
                    this.tabHuoDai = true;
                } else {
                    this.tabHuoDai = false;
                }
            }
        }
    }
};
    };
</script>

<style lang="scss" scoped>
@mixin flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/deep/ .u-notice-bar {
    background: rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0rpx 0rpx 5rpx 0rpx rgba(27, 103, 255, 0);
    border-radius: 28rpx;
    .u-notice__content {
        text {
            text-shadow: 3rpx 3rpx 8rpx #4784fe;
            font-size: 24rpx;
            color: #fd1446 !important;
            font-weight: 400;
        }
<style lang="scss"
    scoped>
    @mixin flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
/deep/ .u-input {
    border-bottom: 1px solid #c4c4c4;
    width: 458rpx;
}
::v-deep.forward {
    width: 100%;
    margin: 0 auto;
    .forward-banner {
        width: 100%;
        height: 430rpx;
        background: linear-gradient(0deg, #ffffff 0%, #0055fe 100%);
        @include flex;
        justify-content: flex-start;
        overflow: hidden;
        .banner-block {
            width: 50%;
            @include flex;
            position: relative;
            top: -75rpx;
            left: 32rpx;
            .forward-text {
                width: 80rpx;
                font-size: 40rpx;

    /deep/ .u-notice-bar {
        background: rgba(255, 255, 255, 0.3) !important;
        box-shadow: 0rpx 0rpx 5rpx 0rpx rgba(27, 103, 255, 0);
        border-radius: 28rpx;

        .u-notice__content {
            text {
                text-shadow: 3rpx 3rpx 8rpx #4784fe;
                font-size: 24rpx;
                color: #fd1446 !important;
                font-weight: 400;
                color: #ffffff;
                line-height: 69rpx;
            }
        }
    }
    .notice-bar {
        width: 688rpx;
        height: 56rpx;
        margin: 0 auto;
        position: relative;
        top: -200rpx;
        background: transparent;
        .notice-icon {
            position: absolute;
            top: 21rpx;
            left: 7rpx;
        }

    /deep/ .u-input {
        border-bottom: 1px solid #c4c4c4;
        width: 458rpx;
    }
    .card-main {

    ::v-deep.forward {
        width: 100%;
        @include flex;
        justify-content: center;
        position: relative;
        top: -100rpx;
        z-index: 1;
        margin-bottom: vww(40);
        .card-block {
            width: 690rpx;
        margin: 0 auto;

        .forward-banner {
            width: 100%;
            height: 430rpx;
            background: linear-gradient(0deg, #ffffff 0%, #0055fe 100%);
            @include flex;
            flex-direction: column;
            .forward-card {
                margin-top: vww(10);
            justify-content: flex-start;
            overflow: hidden;

            .banner-block {
                width: 50%;
                @include flex;
                position: relative;
                top: -75rpx;
                left: 32rpx;

                .forward-text {
                    width: 80rpx;
                    font-size: 40rpx;
                    font-weight: 400;
                    color: #ffffff;
                    line-height: 69rpx;
                }
            }
        }

        .notice-bar {
            width: 688rpx;
            height: 56rpx;
            margin: 0 auto;
            position: relative;
            top: -200rpx;
            background: transparent;

            .notice-icon {
                position: absolute;
                top: 21rpx;
                left: 7rpx;
            }
        }

        .card-main {
            width: 100%;
            @include flex;
            justify-content: center;
            position: relative;
            top: -100rpx;
            z-index: 1;
            margin-bottom: vww(40);

            .card-block {
                width: 690rpx;
                height: 275rpx;
                background: #ffffff;
                box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
                border-radius: 20rpx;
                .card-content {
                    width: 612rpx;
                    margin-left: 48rpx;
                    margin-top: 24rpx;
                    // margin: 56rpx 30rpx 70rpx 48rpx;
                    .u-form {
                        .u-form-item {
                            .u-form-item__body {
                                .u-form-item__body__left {
                                    .u-form-item__body__left__content {
                                        .u-form-item__body__left__content__label {
                                            font-weight: 400 !important;
                                            color: #898989 !important;
                                            font-size: 30rpx !important;
                @include flex;
                flex-direction: column;

                .forward-card {
                    margin-top: vww(10);
                    width: 690rpx;
                    height: 275rpx;
                    background: #ffffff;
                    box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
                    border-radius: 20rpx;

                    .card-content {
                        width: 612rpx;
                        margin-left: 48rpx;
                        margin-top: 24rpx;

                        // margin: 56rpx 30rpx 70rpx 48rpx;
                        .u-form {
                            .u-form-item {
                                .u-form-item__body {
                                    .u-form-item__body__left {
                                        .u-form-item__body__left__content {
                                            .u-form-item__body__left__content__label {
                                                font-weight: 400 !important;
                                                color: #898989 !important;
                                                font-size: 30rpx !important;
                                            }
                                        }
                                    }
                                }
                                .u-form-item__body__right {
                                    .u-form-item__body__right__content {
                                        .u-form-item__body__right__content__slot {
                                            .forward-card-amount {
                                                display: flex;
                                                justify-content: space-between;
                                                align-items: flex-end;
                                                .forward-card-amount-input {
                                                    .u-input {
                                                        width: 263rpx;

                                    .u-form-item__body__right {
                                        .u-form-item__body__right__content {
                                            .u-form-item__body__right__content__slot {
                                                .forward-card-amount {
                                                    display: flex;
                                                    justify-content: space-between;
                                                    align-items: flex-end;

                                                    .forward-card-amount-input {
                                                        .u-input {
                                                            width: 263rpx;
                                                        }
                                                    }
                                                }
                                                .u-checkbox-group {
                                                    position: relative;
                                                    top: vww(8);
                                                    left: vww(4);
                                                    .u-checkbox {
                                                        .u-checkbox__icon-wrap {
                                                            border-color: rgba(42, 97, 255, 1) !important;

                                                    .u-checkbox-group {
                                                        position: relative;
                                                        top: vww(8);
                                                        left: vww(4);

                                                        .u-checkbox {
                                                            .u-checkbox__icon-wrap {
                                                                border-color: rgba(42, 97, 255, 1) !important;
                                                            }
                                                        }
                                                    }
                                                }
@@ -619,51 +684,56 @@
                }
            }
        }
    }
    .utils-buttonGroup {
        width: 610rpx;
        @include flex;
        position: fixed;
        bottom: vww(30);
        left: vww(30);
        z-index: 3;
        .AdddBtn,
        .forwardBtn {
            width: 290rpx;
        }
        .AdddBtn {
            .u-button {
                height: 74rpx;
                border: 1px solid #3b56eb;
                border-radius: 37rpx 37rpx 37rpx 37rpx;
                background: transparent;
                color: #3b56eb;
            }
        }
        .forwardBtn {
            .u-button {
                height: 74rpx;
                color: #ffffff;
                background: rgba(73, 123, 251, 1);
                border: 0;
                border-radius: 37rpx 37rpx 37rpx 37rpx;
            }
        }
    }
    .selectHuoDaiOrFleet-container {
        .u-popup {
            .u-transition {
                height: 80%;

                .u-popup__content {
                    overflow: scroll !important;
                    .selectHuoDaiOrFleet-container-box {
                        width: 90%;
                        margin: 0 auto;
        .utils-buttonGroup {
            width: 610rpx;
            @include flex;
            position: fixed;
            bottom: vww(30);
            left: vww(30);
            z-index: 3;

            .AdddBtn,
            .forwardBtn {
                width: 290rpx;
            }

            .AdddBtn {
                .u-button {
                    height: 74rpx;
                    border: 1px solid #3b56eb;
                    border-radius: 37rpx 37rpx 37rpx 37rpx;
                    background: transparent;
                    color: #3b56eb;
                }
            }

            .forwardBtn {
                .u-button {
                    height: 74rpx;
                    color: #ffffff;
                    background: rgba(73, 123, 251, 1);
                    border: 0;
                    border-radius: 37rpx 37rpx 37rpx 37rpx;
                }
            }
        }

        .selectHuoDaiOrFleet-container {
            .u-popup {
                .u-transition {
                    height: 80%;

                    .u-popup__content {
                        overflow: scroll !important;

                        .selectHuoDaiOrFleet-container-box {
                            width: 90%;
                            margin: 0 auto;
                        }
                    }
                }
            }
        }
    }
}
</style>
</style>

 pages/public-page/mapRoute/mapRoute.vue

@@ -29,9 +29,11 @@
</template>

<script>
    import { onlineurl } from '@/api/request.js'
    export default {
        data() {
            return {
                onlineurl,
                latitude: 38.04606544104117,
                longitude: 114.48735479816793,
                customerId: '',
@@ -47,7 +49,7 @@
                markers: [{
                        latitude: null,
                        longitude: null,
                        iconPath: 'https://mx.jzeg.cn:9095/appimg/image/banner/location.png',
                        iconPath: `${onlineurl}/appimg/image/banner/location.png`,
                        width: 23,
                        height: 33,
                        id: 0,
@@ -64,7 +66,7 @@
                    {
                        latitude: null,
                        longitude: null,
                        iconPath: 'https://mx.jzeg.cn:9095/appimg/image/banner/location.png',
                        iconPath: `${onlineurl}/appimg/image/banner/location.png`,
                        width: 23,
                        height: 33,
                        id: 1,