secondCommit

付延余

2023-03-14 0b51c6b83c0aae48c3f40225c2d8e1c44644d767

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<template>
    <view class="bill-of-lading-details">
        <view class="bangDanMessage"><text>磅单信息</text></view>
        <view class="timeLine" style="font-size: 16rpx;"><u-text v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u-text></view>
        <view class="utilsBox">
            <view class="utils_chil utils_chilTop">
                <u-button text="签到" type="primary" @click="arriveClick"></u-button>
                <u-button text="入场申请" type="primary" @click="rcsqClick"></u-button>
                <u-button text="放空" type="primary"></u-button>
                <u-button text="呼叫客服" type="primary"></u-button>
            </view>
            <view class="utils_chil"><u-button text="展示提煤单" @click="showCaolPickUpBill" type="primary"></u-button></view>
            <view class="utils_chil"><u-button text="上磅计量" @click="cengZhongClick" type="primary"></u-button></view>
        </view>
    </view>
</template>
 
<script>
export default {
    onLoad(value) {
        console.log('页面加载', value);
        if (value.orderPlanId && value.yyId) {
            this.orderPlanId = value.orderPlanId;
            this.yyId = value.yyId;
        }
    },
    data() {
        return {
            orderPlanId: null,
            yyId: null,
            dayRZ: []
        };
    },
    onShow() {
        this.init();
    },
    methods: {
        init() {
            this.coalDayPage();
        },
        // 日志查询
        coalDayPage() {
            this.$reqGet('coalDayPage').then(res => {
                if (res.code == 0) {
                    this.dayRZ = res.data.records;
                }
            });
        },
        showCaolPickUpBill() {
            uni.navigateTo({
                url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}`
            });
        },
        // 签到
        arriveClick() {
            this.$reqPost('arrive', { id: this.orderPlanId }, 'params').then(res => {
                console.log(res, '签到');
            });
        },
        rcsqClick() {
            uni.navigateTo({
                url: `/pages/driver-page/appointment/appointment?takeCoalId=${this.orderPlanId}&type=入场申请&yyId=${this.yyId}`
            });
        },
        cengZhongClick() {}
        /**
         * @desc 等待取煤单接口
         * */
    }
};
</script>
 
<style lang="scss" scoped>
::v-deep.bill-of-lading-details {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
 
    .bangDanMessage {
        font-size: vww(20);
        font-weight: 500;
        border: vww(1) solid #dddddd;
        border-radius: vww(20);
        margin: vww(20);
        margin-bottom: vww(10);
        flex: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .timeLine {
        margin: vww(20);
        margin-top: vww(10);
        margin-bottom: vww(10);
        border: vww(1) solid #dddddd;
        border-radius: vww(20);
        flex: 2;
    }
    .utilsBox {
        padding: vww(20);
        flex: 1;
        display: flex;
        flex-direction: column;
        .utils_chil {
            flex: 1;
            display: flex;
            align-items: center;
        }
        .utils_chilTop {
            .u-button {
                margin-right: vww(4);
                &:nth-child(4) {
                    margin-right: 0;
                }
            }
        }
    }
}
</style>