16个文件已修改
4个文件已添加
1 文件已重命名
| | |
| | | |
| | | const BaseUrl = "http://192.168.31.14:9997"; |
| | | const webSocketUrl = "ws://192.168.31.14:9997/wrzs/ws/info" |
| | | // // 线上开发 |
| | | // const BaseUrl = "http://hesuancj.cn:9997"; |
| | | // const webSocketUrl = "ws://hesuancj.cn:9997/wrzs/ws/info" |
| | | // 线上生产 |
| | | // const BaseUrl = "https://mx.jzeg.cn:9095"; |
| | | // const webSocketUrl = "wss://mx.jzeg.cn:9095/wrzs/ws/info" |
| | |
| | | <view class="title_wrapper"> |
| | | <!-- 开始 --> |
| | | <view class="title_start"> |
| | | <view class="icon"> |
| | | </view> |
| | | <view class="text"> |
| | | {{title}} |
| | | </view> |
| | | <view class="icon"></view> |
| | | <view class="text">{{ title }}</view> |
| | | </view> |
| | | |
| | | <!-- 结尾 --> |
| | | <view class="title_end" v-if="$slots.rightText"> |
| | | <view class="title_end_text" @click="rightTextClick"> |
| | | <image src="../../static/image/无人值守/联合 1.png" mode=""></image> |
| | | <text> |
| | | <slot name="rightText"></slot> |
| | | </text> |
| | | <image src="https://mx.jzeg.cn:9095/appimg/image/banner/add.png" mode=""></image> |
| | | <text><slot name="rightText"></slot></text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | |
| | | <script> |
| | | export default { |
| | | name:"combined-title", |
| | | name: 'combined-title', |
| | | data() { |
| | | return { |
| | | |
| | | }; |
| | | return {}; |
| | | }, |
| | | props:{ |
| | | title:{ |
| | |
| | | }, |
| | | methods:{ |
| | | rightTextClick(){ |
| | | this.$emit('rightText') |
| | | this.$emit('rightText'); |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scope> |
| | |
| | | display:inline-block; |
| | | width:vww(4); |
| | | height:vww(12); |
| | | background-color: #007AFF; |
| | | background-color: #007aff; |
| | | border-radius: vww(2); |
| | | } |
| | | .text{ |
| | |
| | | </view> |
| | | </view> |
| | | <view class="second-line"> |
| | | <view class="coal-name">{{ item.coalName }}</view> |
| | | <view class="black-block"></view> |
| | | <view class="coal-name"> |
| | | <view class="">{{ item.coalName }}</view> |
| | | <view class="black-bar"></view> |
| | | <view class="coal-type" v-if="item.orderType">{{ item.orderType }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="third-line"> |
| | | <view class="time-icon"><u-icon name="clock" color="#515151" size="40"></u-icon></view> |
| | | <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" |
| | | ></view> |
| | | </view> |
| | | <view class="send-date">{{ item.sendDate }}</view> |
| | | </view> |
| | | <view class="fourth-line"> |
| | | <u-button @tap.stop="receiveClick(item)" text="领取" type="primary" v-if="item.carNum - item.cars2 != 0" shape="circle"></u-button> |
| | | <u-button text="转发" type="primary" @tap.stop="forwardClick(item)" shape="circle"></u-button> |
| | | <view class="receive" @click.stop="receiveClick(item)"><view class="button-image">领取</view></view> |
| | | <view class="forward" @click.stop="forwardClick(item)"><view class="button-image">转发</view></view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | <view class=""><u-icon name="arrow-right" color="#999999" size="40"></u-icon></view> |
| | | </view> |
| | | <view class="second"> |
| | | <view class="">{{ item.coalName || '' }}</view> |
| | | <view class="coal-name">{{ item.coalName || '' }}</view> |
| | | <view class="order-type">{{ item.orderType || '' }}</view> |
| | | </view> |
| | | <view class="third"> |
| | | <view class="third-line"> |
| | | <view class="third-line_text">领取数:</view> |
| | | <view class="third-line_text">领取数:</view> |
| | | <view class="third-line_num">{{ item.cars2 }}</view> |
| | | </view> |
| | | <view class="third-line"> |
| | | <view class="third-line_text">剩余数:</view> |
| | | <view class="third-line_text">剩余数:</view> |
| | | <view class="third-line_num" v-if="roleType == 1">{{ item.carNumSurplus1 }}</view> |
| | | <view class="third-line_num" v-else-if="roleType == 2">{{ item.carNumSurplus }}</view> |
| | | </view> |
| | | <view class="third-line"> |
| | | <view class="third-line_text">提煤单个数::</view> |
| | | <view class="third-line_text">提煤单个数:</view> |
| | | <view class="third-line_num">{{ item.tmCount }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="fourth"> |
| | | <view class="fourth-icon"><u-icon name="clock" color="#999999" size="40"></u-icon></view> |
| | | <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" |
| | | ></view> |
| | | </view> |
| | | <view class="senddate">{{ item.sendDate }}</view> |
| | | </view> |
| | | <view class="fourth"> |
| | | <view class="fourth-icon"><u-icon name="clock" color="#999999" size="40"></u-icon></view> |
| | | <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;" |
| | | ></view> |
| | | </view> |
| | | <view class="senddate">{{ item.orderCode }}</view> |
| | | </view> |
| | | </view> |
| | |
| | | }, |
| | | // 获取历史提煤单 |
| | | getJhOrderPlanDataPage() { |
| | | this.loading = true; |
| | | uni.showLoading({ |
| | | title: '加载中' |
| | | }); |
| | | this.$reqGet('getJhOrderPlanDataPage', { current: this.pageCurrent, size: this.pageSize }).then(res => { |
| | | if (res.data.records) { |
| | | this.total = res.data.total; |
| | | if (this.pageCurrent > 1) { |
| | | this.historyCoalData = this.historyCoalData.concat(res.data.records); |
| | | this.historyCoalData = this.ArrSet(this.historyCoalData, 'id'); |
| | | this.loading = false; |
| | | uni.hideLoading(); |
| | | } else { |
| | | this.historyCoalData = res.data.records; |
| | | this.loading = false; |
| | | uni.hideLoading(); |
| | | } |
| | | } |
| | | }); |
| | |
| | | }, |
| | | // 提煤单详情 |
| | | cardBodyClick(v) { |
| | | // console.log(name, 'name'); |
| | | // let code = null; |
| | | // let cars2 = null; |
| | | // this.orderPlanData.forEach(item => { |
| | | // if (item.id == name) { |
| | | // code = item.code; |
| | | // cars2 = item.cars2; |
| | | // } |
| | | // }); |
| | | uni.navigateTo({ url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${v.id}&code=${v.code}&cars2=${v.cars2}` }); |
| | | }, |
| | | // 点击历史提煤单获取详情 |
| | |
| | | margin: vww(10) vww(10) 0; |
| | | } |
| | | .second { |
| | | width: 50%; |
| | | width: 100%; |
| | | height: 31rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | |
| | | color: #515151; |
| | | margin: vww(10) vww(10) 0; |
| | | @include flex; |
| | | justify-content: flex-start; |
| | | .coal-name { |
| | | min-width: vww(30); |
| | | height: vww(20); |
| | | margin-right: vww(21); |
| | | } |
| | | .order-type { |
| | | color: #035cfb; |
| | | border: 2px solid #035cfb; |
| | |
| | | } |
| | | } |
| | | .fourth { |
| | | width: 50%; |
| | | width: 100%; |
| | | height: 31rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | |
| | | color: #515151; |
| | | margin: vww(10) vww(10) 0; |
| | | @include flex; |
| | | .fourth-icon { |
| | | width: vww(13); |
| | | height: vww(13); |
| | | margin-right: vww(14); |
| | | } |
| | | .senddate { |
| | | flex: 1; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | .second-line { |
| | | width: 60%; |
| | | width: 100%; |
| | | height: vww(30); |
| | | margin-left: vww(12); |
| | | display: flex; |
| | | justify-content: space-evenly; |
| | | align-items: center; |
| | | justify-content: flex-start; |
| | | .coal-name { |
| | | width: 30%; |
| | | flex-grow: 1; |
| | | height: 30rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | |
| | | color: #515151; |
| | | position: relative; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .black-block { |
| | | align-items: center; |
| | | .black-bar { |
| | | width: 2rpx; |
| | | height: 30rpx; |
| | | background: #515151; |
| | | margin-left: vww(12); |
| | | } |
| | | .coal-type { |
| | | width: 24%; |
| | | margin-left: vww(12); |
| | | min-width: vww(50); |
| | | height: 30rpx; |
| | | line-height: 30rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #515151; |
| | | } |
| | | } |
| | | } |
| | | .third-line { |
| | |
| | | height: vww(30); |
| | | margin-left: vww(15); |
| | | display: flex; |
| | | justify-content: space-between; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | .send-date { |
| | | margin-left: vww(14); |
| | | width: 148rpx; |
| | | height: 24rpx; |
| | | line-height: 24rpx; |
| | |
| | | } |
| | | } |
| | | .fourth-line { |
| | | width: 40%; |
| | | width: 100%; |
| | | height: vww(30); |
| | | @include flex; |
| | | justify-content: flex-start; |
| | | position: relative; |
| | | left: 60%; |
| | | bottom: vww(10); |
| | | .u-button { |
| | | width: vww(50); |
| | | height: vww(30); |
| | | left: 25%; |
| | | .receive, |
| | | .forward { |
| | | width: vww(123); |
| | | height: vww(48); |
| | | @include flex; |
| | | justify-content: center; |
| | | color: #ffffff; |
| | | font-size: 28rpx; |
| | | position: absolute; |
| | | .button-image { |
| | | width: 100%; |
| | | height: 100%; |
| | | background: url('../../../static/image/banner/button.png') no-repeat; |
| | | background-size: cover; |
| | | font-size: 28rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #ffffff; |
| | | text-align: center; |
| | | line-height: vww(45); |
| | | } |
| | | } |
| | | .forward { |
| | | width: vww(106); |
| | | left: vww(140); |
| | | .button-image { |
| | | width: 100%; |
| | | height: 100%; |
| | | background: url('../../../static/image/banner/transpartent.png') no-repeat; |
| | | background-size: cover; |
| | | font-size: 28rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #3b56eb; |
| | | text-align: center; |
| | | line-height: vww(45); |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | <view class="top-title">发运计划详情</view> |
| | | </view> |
| | | <view class="middle-container"> |
| | | <view class="dept-name">{{ deptName }}({{ coalName }})</view> |
| | | <view class="dept-name" v-show="deptName">{{ deptName }}({{ coalName }})</view> |
| | | <view class="dept-num"> |
| | | <text |
| | | style="font-size: 46rpx; |
| | |
| | | position: fixed; |
| | | top: 0; |
| | | .navgation { |
| | | width: 77rpx; |
| | | width: 80rpx; |
| | | height: 37rpx; |
| | | font-size: 40rpx; |
| | | font-family: Adobe Heiti Std; |
| | |
| | | <view class="point-number">{{ value.clean.toFixed(2) || 0 }}</view> |
| | | </view> |
| | | <view class="second-line"> |
| | | <view class="coal-name">{{ value.coalName }}</view> |
| | | <view class="black-block"></view> |
| | | <view class="coal-type">{{ value.orderType }}</view> |
| | | <view class="coal-name"> |
| | | <view class="">{{ value.coalName }}</view> |
| | | <view class="black-bar"></view> |
| | | <view class="coal-type" v-if="value.orderType">{{ value.orderType }}</view> |
| | | </view> |
| | | <!-- <view class="black-block"><view class="black-bar"></view></view> |
| | | <view class="coal-type">{{ value.orderType }}</view> --> |
| | | </view> |
| | | <view class="third-line"> |
| | | <view class="carnum-icon"><image src="https://mx.jzeg.cn:9095/appimg/image/banner/carNO.png" mode="widthFix"></image></view> |
| | | <view class="carnum-text">{{ value.carNo || '' }}</view> |
| | | </view> |
| | | <view class="fourth-line"> |
| | | <view class="time-icon"><u-icon name="clock" color="#515151" size="40"></u-icon></view> |
| | | <view class="time-icon"><u-icon name="clock" color="#515151" size="28"></u-icon></view> |
| | | <view class="send-date">{{ value.sendDate }}</view> |
| | | </view> |
| | | </view> |
| | |
| | | </view> |
| | | </view> |
| | | <u-popup :show="conditinonShow" mode="bottom" :closeable="true" :closeOnClickOverlay="true" @close="conditinonclose"> |
| | | <scroll-view scroll-y="true" class="scroll-Y"> |
| | | <view class="filter-main"> |
| | | <view class="filter-body date-button"> |
| | | <view class="condition-name">日期</view> |
| | |
| | | <view class="condition-name">矿场</view> |
| | | <view class="filter-name"> |
| | | <view class="filter-button" v-for="(item, index) in filedList" :key="index" @click="filterCondition(5, index, item.condition)"> |
| | | <u-button :text="item.condition" :type="item.active ? 'success' : ''" size="small"></u-button> |
| | | <u-button :text="item.condition" :type="item.active ? 'primary' : ''" size="small"></u-button> |
| | | </view> |
| | | <!-- <view class="toggle-button"> |
| | | <u-button :text="filedShow < filedTotal ? '查看更多' : '收起'" type="primary" size="small" @click="toggle(5)" v-if="filedTotal > 3"></u-button> |
| | |
| | | </view> --> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </scroll-view> |
| | | <view class="utils-button"> |
| | | <view class="reset-button"><u-button type="default" text="重置" :plain="true" shape="circle" @click="resetCondition"></u-button></view> |
| | | <view class="confirm-button"><u-button type="primary" text="确定" :plain="true" shape="circle" @click="confirmCondition"></u-button></view> |
| | | </view> |
| | | </u-popup> |
| | | <tab-bar :current="1"></tab-bar> |
| | |
| | | this.totalTon = 0; |
| | | } |
| | | }, |
| | | // 确定筛选 |
| | | confirmCondition() { |
| | | this.conditinonShow = false; |
| | | }, |
| | | // 重置筛选 |
| | | resetCondition() { |
| | | this.conditinonShow = false; |
| | | this.filterList = this.taskList; |
| | | if (this.filterList.length != 0) { |
| | | this.totalLength = this.filterList.map(v => v.taskCoalList.length).reduce((x, y) => x + y); |
| | | this.totalTon = this.filterList.map(v => |
| | | v.taskCoalList.reduce((prev, cur) => { |
| | | return cur.clean + prev; |
| | | }, 0) |
| | | ); |
| | | this.totalTon = this.totalTon.reduce((x, y) => x + y); |
| | | } else { |
| | | this.totalLength = 0; |
| | | this.totalTon = 0; |
| | | } |
| | | this.coalList.forEach(v => { |
| | | v.active = false; |
| | | }); |
| | | this.typeList.forEach(v => { |
| | | v.active = false; |
| | | }); |
| | | this.customerList.forEach(v => { |
| | | v.active = false; |
| | | }); |
| | | this.forwarderList.forEach(v => { |
| | | v.active = false; |
| | | }); |
| | | this.fleetList.forEach(v => { |
| | | v.active = false; |
| | | }); |
| | | this.filedList.forEach(v => { |
| | | v.active = false; |
| | | }); |
| | | }, |
| | | confirm(e) { |
| | | console.log(e, '日期选择'); |
| | | this.first = e.range.before; |
| | |
| | | ::v-deep .toggle-button .u-button { |
| | | width: vww(40); |
| | | } |
| | | .scroll-Y { |
| | | height: 900rpx; |
| | | } |
| | | .utils-button { |
| | | width: 94%; |
| | | height: vww(30); |
| | | margin: vww(50) auto; |
| | | @include flex; |
| | | .reset-button { |
| | | /deep/ .u-button { |
| | | border: 1px solid #c5c5c5; |
| | | outline: none; |
| | | } |
| | | } |
| | | .confirm-button { |
| | | /deep/ .u-button { |
| | | border: 1px solid #3b56eb; |
| | | outline: none; |
| | | color: #3b56eb; |
| | | } |
| | | } |
| | | /deep/ .u-button { |
| | | width: 279rpx; |
| | | height: 60rpx; |
| | | font-size: 28rpx; |
| | | } |
| | | } |
| | | .white-block { |
| | | width: 100%; |
| | | height: vww(50); |
| | |
| | | } |
| | | } |
| | | .content-title { |
| | | width: 158rpx; |
| | | width: 160rpx; |
| | | height: 38rpx; |
| | | font-size: 40rpx; |
| | | font-family: Adobe Heiti Std; |
| | |
| | | background: #ffffff; |
| | | box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); |
| | | border-radius: 20rpx; |
| | | @include flex flex-direction: column; |
| | | @include flex; |
| | | flex-direction: column; |
| | | overflow: hidden; |
| | | position: relative; |
| | | top: -170rpx; |
| | | .data-filter { |
| | | width: 635rpx; |
| | | height: 68rpx; |
| | |
| | | } |
| | | } |
| | | .second-line { |
| | | width: 60%; |
| | | width: 100%; |
| | | height: vww(15); |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | .coal-name { |
| | | width: 60%; |
| | | flex-grow: 1; |
| | | height: 30rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | |
| | | color: #515151; |
| | | position: relative; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .black-block { |
| | | align-items: center; |
| | | .black-bar { |
| | | width: 2rpx; |
| | | height: 30rpx; |
| | | background: #515151; |
| | | margin-left: vww(12); |
| | | } |
| | | .coal-type { |
| | | width: 24%; |
| | | margin-left: vww(12); |
| | | min-width: vww(50); |
| | | height: 30rpx; |
| | | line-height: 30rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #515151; |
| | | } |
| | | } |
| | | } |
| | | .third-line { |
| | | width: 40%; |
| | | height: vww(14); |
| | | display: flex; |
| | | justify-content: space-between; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | .carnum-icon { |
| | | width: 28rpx; |
| | | height: 24rpx; |
| | | height: 28rpx; |
| | | margin-right: vww(10); |
| | | image { |
| | | width: 28rpx; |
| | | height: 24rpx; |
| | | height: 28rpx; |
| | | } |
| | | } |
| | | .carnum-text { |
| | |
| | | width: 40%; |
| | | height: vww(14); |
| | | display: flex; |
| | | justify-content: space-between; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | .time-icon { |
| | | margin-right: vww(10); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .filter-main { |
| | | height: 950rpx; |
| | | width: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | <view class="top-information"> |
| | | <view class="cutomer-name">客户:{{ coalDetailsData.customerName || '' }}</view> |
| | | <view class="fild-name"> |
| | | <view class="">矿场:{{ coalDetailsData.deptName || '' }}</view> |
| | | <view class="">煤场:{{ coalDetailsData.filedName || '' }}</view> |
| | | <view class="">矿场:{{ coalDetailsData.deptName || '暂无' }}</view> |
| | | <view class="">煤场:{{ coalDetailsData.filedName || '暂无' }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="block-information"> |
| | | <view class="block-main"> |
| | | <view class="basic"> |
| | | <view class="coalName">{{ coalDetailsData.coalName }}</view> |
| | | <view class="black-block"></view> |
| | | <view class="order-type">{{ coalDetailsData.orderType }}</view> |
| | | <!-- <view class="black-block"></view> |
| | | <view class="order-type">{{ coalDetailsData.orderType }}</view> --> |
| | | <view |
| | | class="status-button" |
| | | style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/statusbutton.png') no-repeat; |
| | |
| | | <view class="time-icon"><u-icon name="clock" color="#515151" size="40"></u-icon></view> |
| | | <view class="send-date">{{ coalDetailsData.sendDate }}</view> |
| | | </view> |
| | | <view class="coal-code">提煤单编码{{ coalDetailsData.code || '' }}</view> |
| | | <view class="order-code">订单编号:{{ coalDetailsData.orderCode || '' }}</view> |
| | | <view class="coal-code">提煤单编号: {{ coalDetailsData.code || '' }}</view> |
| | | <view class="order-code">订单编号: {{ coalDetailsData.orderCode || '' }}</view> |
| | | <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;">皮</view> |
| | |
| | | openId: null, |
| | | openName: '' |
| | | }, |
| | | coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤场', '出煤仓', '放空'], // 状态 |
| | | coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请', '进入场院'], // 状态 |
| | | weighHouseCode: '', |
| | | // 放空弹窗控制变量 |
| | | evacuationModalShow: false, |
| | |
| | | }, |
| | | openid() { |
| | | return uni.getStorageSync('openid'); |
| | | }, |
| | | // 获取今天日期 |
| | | currentDate() { |
| | | let time = new Date(); |
| | | let year = time.getFullYear(); |
| | | let month = time.getMonth() + 1; |
| | | month = month < 10 ? '0' + month : month; |
| | | let date = time.getDate(); |
| | | date = date < 10 ? '0' + date : date; |
| | | return `${year}-${month}-${date}`; |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => { |
| | | if (res.code == 0) { |
| | | this.dayRZ = res.data; |
| | | this.dayRZ = this.dayRZ.map(v => { |
| | | let slicedate = v.taskStatusDes.slice(0, 10); |
| | | if (slicedate == this.currentDate) { |
| | | return { |
| | | ...v, |
| | | taskStatusDes: v.taskStatusDes.slice(10) |
| | | }; |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | .fild-name { |
| | | @include flex justify-content: space-between; |
| | | @include flex; |
| | | justify-content: space-between; |
| | | width: 100%; |
| | | view { |
| | | min-width: 296rpx; |
| | | } |
| | | } |
| | | } |
| | | .block-information { |
| | |
| | | color: #fff; |
| | | } |
| | | .basic { |
| | | width: 40%; |
| | | width: 100%; |
| | | height: vww(15); |
| | | @include flex justify-content: space-between; |
| | | .coalName { |
| | | width: 50%; |
| | | @include flex; |
| | | justify-content: flex-start; |
| | | .coalName, |
| | | .order-type { |
| | | width: 45%; |
| | | height: 30rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | |
| | | width: 2rpx; |
| | | height: 30rpx; |
| | | background: #515151; |
| | | position: relative; |
| | | top: vww(2); |
| | | } |
| | | } |
| | | .time { |
| | | width: 30%; |
| | | width: 35%; |
| | | height: vww(12); |
| | | display: flex; |
| | | justify-content: space-between; |
| | | justify-content: flex-start; |
| | | .send-date { |
| | | width: 148rpx; |
| | | height: 24rpx; |
| | | margin-left: vww(14); |
| | | font-size: 28rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | |
| | | .weigh-item { |
| | | width: 100%; |
| | | height: vww(36); |
| | | @include flex justify-content: space-around; |
| | | @include flex; |
| | | justify-content: space-around; |
| | | .item { |
| | | width: vww(50); |
| | | min-width: vww(50); |
| | | height: vww(45); |
| | | font-size: 21rpx; |
| | | font-family: Microsoft YaHei; |
| | |
| | | .top-button, |
| | | .bottom-button { |
| | | width: 100%; |
| | | height: vww(80); |
| | | height: vww(47); |
| | | @include flex; |
| | | .u-button { |
| | | width: 40%; |
| | | height: 60rpx; |
| | | font-size: 28rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #497bfb; |
| | | border: 2px solid #3b56eb; |
| | | } |
| | | } |
| | | } |
| | |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #ffffff; |
| | | background: #497bfb; |
| | | letter-spacing: 4rpx; |
| | | border-radius: 37rpx 37rpx 37rpx 37rpx; |
| | | box-shadow: 2rpx 3rpx 13rpx 0rpx rgba(43, 98, 239, 0.5), 0rpx 0rpx 9rpx 0rpx rgba(247, 250, 253, 0.29); |
| | | } |
| | | } |
| | | } |
| | |
| | | <view class="unit">吨</view> |
| | | </view> |
| | | </view> |
| | | <view class="block-sideline" v-else> |
| | | <view class="block-sideline" v-if="weighList.orderType == '内购' || weighList.orderType == '转出'"> |
| | | <view class="first-line"><combined-title title="原发信息"></combined-title></view> |
| | | <view class="weigh-item"> |
| | | <view class="item"> |
| | |
| | | // 监听重量变化 |
| | | globalweigh: { |
| | | handler(v) { |
| | | // this.weighData.weigh = this.realTimeWeigh = v; |
| | | // console.log(this.realTimeWeigh, '真实重量改变了'); |
| | | setTimeout(() => { |
| | | this.weighData.weigh = this.realTimeWeigh = v; |
| | | console.log(this.realTimeWeigh, '真实重量改变了'); |
| | | }, 0); |
| | | }, |
| | | deep: true, |
| | | immediate: true |
| | |
| | | this.weighData.tmId = res.data.id; |
| | | this.weighData.carNo = res.data.carNo; |
| | | this.weighData.tmCode = res.data.code; |
| | | this.weighData.filedId = res.data.filedId; |
| | | if (this.weighList.orderType == '外购' && this.weighList.hair == 0) { |
| | | this.firstHairCustomernameShow = true; |
| | | } |
| | |
| | | } |
| | | }); |
| | | }, |
| | | /** |
| | | * 初始化 weoSocket |
| | | */ |
| | | // initWebSocket() { |
| | | // let wsUrl = `${webSocketUrl}?access_token=${uni.getStorageSync('token')}`; |
| | | // let socket = uni.connectSocket({ |
| | | // url: wsUrl, |
| | | // header: { |
| | | // CLIENT_TOC: 'Y' |
| | | // }, |
| | | // complete: res => { |
| | | // console.log(res, 'socket结果'); |
| | | // } |
| | | // }); |
| | | // socket.onOpen(() => { |
| | | // console.log('onOpen'); |
| | | // }); |
| | | // // 获取服务器传来的数据,做相应处理 |
| | | // socket.onMessage(res => { |
| | | // console.log('socketWeigh', res); |
| | | // let nowWeighObj = JSON.parse(res.data.slice(7)); |
| | | // if (nowWeighObj.eqCode == this.weighHouseCode) { |
| | | // if (nowWeighObj.eqInfraredStatus) { |
| | | // this.infraredStatus = true; |
| | | // this.weighData.weigh = this.realTimeWeigh = nowWeighObj.weigh; |
| | | // } else { |
| | | // this.infraredStatus = false; |
| | | // this.weighData.weigh = this.realTimeWeigh = nowWeighObj.weigh; |
| | | // } |
| | | // } |
| | | // }); |
| | | // socket.onClose(() => { |
| | | // uni.closeSocket(); |
| | | // console.log('webSocketClose'); |
| | | // this.$u.toast('磅房已关闭'); |
| | | // }); |
| | | // socket.onError(err => { |
| | | // console.log('socket报错', err); |
| | | // this.$u.toast('磅房暂时不能使用,请重新进入该页面,重试!!'); |
| | | // }); |
| | | // }, |
| | | // 放空 |
| | | evacuation() { |
| | | this.evacuationModalShow = true; |
| | |
| | | height: vww(36); |
| | | @include flex justify-content: space-around; |
| | | .item { |
| | | width: vww(50); |
| | | min-width: vww(50); |
| | | height: vww(45); |
| | | font-size: 21rpx; |
| | | font-family: Microsoft YaHei; |
| | |
| | | background: #ffffff; |
| | | box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); |
| | | border-radius: 20rpx; |
| | | @include flex justify-content: center; |
| | | @include flex; |
| | | justify-content: center; |
| | | .block-main { |
| | | width: 94%; |
| | | height: 565rpx; |
| | | margin-top: vww(22); |
| | | margin-top: vww(10); |
| | | @include flex; |
| | | justify-content: space-around; |
| | | align-items: flex-start; |
| | | flex-direction: column; |
| | | .main-information { |
| | |
| | | color: #303030; |
| | | @include flex; |
| | | } |
| | | } |
| | | } |
| | | .two { |
| | | flex: 4; |
| | | border: vww(2) solid #dddddd; |
| | | margin: vww(20); |
| | | border-radius: vww(10); |
| | | padding: vww(20); |
| | | .uni-table { |
| | | .uni-table-tr { |
| | | padding: 0; |
| | | border: vww(1) solid #c6c6c6; |
| | | .uni-table-th { |
| | | font-size: vww(14); |
| | | height: vww(30); |
| | | line-height: vww(30); |
| | | padding: vww(5) vww(10); |
| | | color: #111111; |
| | | font-weight: 500; |
| | | background: #e2e2e2; |
| | | } |
| | | .uni-table-td { |
| | | font-size: vww(14); |
| | | font-weight: 400; |
| | | height: vww(30); |
| | | line-height: vww(30); |
| | | padding: vww(5) vww(10); |
| | | color: #111111; |
| | | } |
| | | } |
| | | } |
| | | p { |
| | | text-align: center; |
| | | font-size: vww(20); |
| | | font-weight: 500; |
| | | margin-top: vww(5); |
| | | } |
| | | } |
| | | .three { |
| | |
| | | </view> |
| | | <view class="second-line"> |
| | | <view class="coal-name">{{ item.coalName }}</view> |
| | | <view class="black-block"></view> |
| | | <view class="coal-type">{{ item.orderType }}</view> |
| | | <!-- <view class="black-block"><view class="black-bar"></view></view> |
| | | <view class="coal-type">{{ item.orderType }}</view> --> |
| | | </view> |
| | | <view class="third-line"> |
| | | <view class="time-icon"><u-icon name="clock" color="#515151" size="40"></u-icon></view> |
| | |
| | | <view class="sign">装</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerNameCopy }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerName }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | |
| | | <view class="main-information"> |
| | | <view class="sign">卸</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerNameCopy }}</text> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerName }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName }}</text> |
| | | </view> |
| | | </view> |
| | |
| | | </view> |
| | | <view class="type"> |
| | | <view class="coal-name">{{ item.coalName }}</view> |
| | | <view class="order-type">{{ item.orderType }}</view> |
| | | <!-- <view class="order-type">{{ item.orderType }}</view> --> |
| | | </view> |
| | | </view> |
| | | <view class="fourth-line" @click="toAppointmentClick(item)"><view class="button-img">立即预约</view></view> |
| | |
| | | <view class="sign">装</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerNameCopy }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerName }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | |
| | | <view class="main-information"> |
| | | <view class="sign">卸</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerNameCopy }}</text> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerName }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName }}</text> |
| | | </view> |
| | | </view> |
| | |
| | | </view> |
| | | <view class="type"> |
| | | <view class="coal-name">{{ item.coalName }}</view> |
| | | <view class="order-type">{{ item.orderType }}</view> |
| | | <!-- <view class="order-type">{{ item.orderType }}</view> --> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | } |
| | | } |
| | | .second-line { |
| | | width: 60%; |
| | | width: 100%; |
| | | height: vww(68); |
| | | margin-left: vww(12); |
| | | display: flex; |
| | | justify-content: space-evenly; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | .coal-name { |
| | | width: 30%; |
| | | min-width: vww(50); |
| | | height: 30rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | |
| | | color: #515151; |
| | | position: relative; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | padding: vww(2) vww(4); |
| | | text-align: center; |
| | | justify-content: center; |
| | | } |
| | | .black-block { |
| | | width: 2rpx; |
| | | height: 30rpx; |
| | | background: #515151; |
| | | } |
| | | .coal-type { |
| | | width: 24%; |
| | | min-width: vww(50); |
| | | height: 30rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #515151; |
| | | padding: vww(2) vww(4); |
| | | position: relative; |
| | | top: vww(2); |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | .black-bar { |
| | | width: 2rpx; |
| | | height: 30rpx; |
| | | background: #515151; |
| | | } |
| | | } |
| | | .coal-type { |
| | | min-width: vww(50); |
| | | height: 30rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #515151; |
| | | text-align: center; |
| | | } |
| | | } |
| | | .third-line { |
| | | width: 30%; |
| | | width: 100%; |
| | | height: vww(68); |
| | | margin-left: vww(15); |
| | | display: flex; |
| | | justify-content: space-between; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | .send-date { |
| | | width: 148rpx; |
| | | height: 24rpx; |
| | | margin-left: vww(14); |
| | | line-height: 24rpx; |
| | | font-size: 28rpx; |
| | | font-family: Microsoft YaHei; |
| | |
| | | } |
| | | } |
| | | .third-line { |
| | | @include thirdLine width: 94%; |
| | | @include thirdLine; |
| | | width: 94%; |
| | | justify-content: flex-start; |
| | | .clock { |
| | | width: 33%; |
| | | height: vww(21); |
| | | // margin-right: vww(70); |
| | | line-height: vww(21); |
| | | @include flex; |
| | | justify-content: flex-start; |
| | | .send-date { |
| | | margin-left: vww(14); |
| | | } |
| | | } |
| | | .type { |
| | | width: 40%; |
| | | margin-right: vww(6); |
| | | flex: 1; |
| | | margin-right: vww(10); |
| | | display: flex; |
| | | justify-content: space-between; |
| | | justify-content: center; |
| | | align-items: center; |
| | | .order-type, |
| | | .coal-name { |
| | | width: 120rpx; |
| | | // min-width: 120rpx; |
| | | height: 42rpx; |
| | | line-height: 42rpx; |
| | | border: 2px solid #035cfb; |
| | |
| | | font-weight: 300; |
| | | color: #035cfb; |
| | | text-align: center; |
| | | padding: vww(3) vww(11); |
| | | } |
| | | } |
| | | } |
| | |
| | | <view class="driver-banner"> |
| | | <view class="navgation">我的</view> |
| | | <view class="avatar"> |
| | | <view class="avatar-imgage"></view> |
| | | <view class="avatar-name">{{ userInfo.name }}</view> |
| | | <view class="avatar-imgage" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/avatar.png')no-repeat;background-size: cover;"></view> |
| | | <view class="avatar-name">{{ userInfo.name || '' }}</view> |
| | | <view class="edit-button"><u-button type="primary" @click="editBtnClick" shape="circle" plain>编辑个人资料</u-button></view> |
| | | </view> |
| | | <view class="personal-information"> |
| | |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.idCard }} |
| | | <u-icon name="arrow-right" color="#999999" size="30"></u-icon> |
| | | <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.idCard"></u-icon> |
| | | </view> |
| | | </view> |
| | | <view class="information-line"> |
| | |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.phone }} |
| | | <u-icon name="arrow-right" color="#999999" size="30"></u-icon> |
| | | <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.phone"></u-icon> |
| | | </view> |
| | | </view> |
| | | <view class="information-line"> |
| | |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.carNo }} |
| | | <u-icon name="arrow-right" color="#999999" size="30"></u-icon> |
| | | <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.carNo"></u-icon> |
| | | </view> |
| | | </view> |
| | | <view class="information-line"> |
| | |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.axleNum }} |
| | | <u-icon name="arrow-right" color="#999999" size="30"></u-icon> |
| | | <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.axleNum"></u-icon> |
| | | </view> |
| | | </view> |
| | | <view class="information-line last"> |
| | |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.weight }} |
| | | <u-icon name="arrow-right" color="#999999" size="30"></u-icon> |
| | | <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.weight"></u-icon> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | position: fixed; |
| | | top: 0; |
| | | .navgation { |
| | | width: 77rpx; |
| | | width: 80rpx; |
| | | height: 37rpx; |
| | | font-size: 40rpx; |
| | | font-family: Adobe Heiti Std; |
| | |
| | | .avatar-imgage { |
| | | width: 98rpx; |
| | | height: 98rpx; |
| | | background: #fcfcfc; |
| | | border: 4px solid #ffffff; |
| | | border-radius: 50%; |
| | | margin-left: vww(18); |
| | | @include flex; |
| | | justify-content: center; |
| | | } |
| | | .avatar-name { |
| | | width: 136rpx; |
| | |
| | | height: 50rpx; |
| | | } |
| | | .label-text { |
| | | width: 118rpx; |
| | | width: 120rpx; |
| | | font-size: 30rpx; |
| | | font-family: Source Han Sans CN; |
| | | font-weight: 400; |
| | |
| | | } |
| | | } |
| | | .information-value { |
| | | width: vww(125); |
| | | min-width: vww(125); |
| | | @include flex; |
| | | font-size: 30rpx; |
| | | font-family: Source Han Sans CN; |
| | |
| | | </view> |
| | | </view> |
| | | <view class="second-line"> |
| | | <view class="coal-name">{{ item.coalName }}</view> |
| | | <view class="black-block"></view> |
| | | <view class="coal-type">{{ item.orderType }}</view> |
| | | <view class="coal-name"> |
| | | <view class="">{{ item.coalName }}</view> |
| | | <view class="black-bar"></view> |
| | | <view class="coal-type" v-if="item.orderType">{{ item.orderType }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="third-line"> |
| | | <view class="time-icon"><u-icon name="clock" color="#515151" size="40"></u-icon></view> |
| | | <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" |
| | | ></view> |
| | | </view> |
| | | <view class="send-date">{{ item.sendDate }}</view> |
| | | </view> |
| | | <view class="fourth-line"><u-button text="转发" type="primary" @tap.stop="forwardClick(item)" shape="circle"></u-button></view> |
| | | <view class="fourth-line"> |
| | | <view class="forward" @click.stop="forwardClick(item)"><view class="button-image">转发</view></view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <!-- <view class="transparent"> |
| | |
| | | <view class=""><u-icon name="arrow-right" color="#999999" size="40"></u-icon></view> |
| | | </view> |
| | | <view class="second"> |
| | | <view class="">{{ item.coalName || '' }}</view> |
| | | <view class="coal-name">{{ item.coalName || '' }}</view> |
| | | <view class="order-type" v-if="item.orderType">{{ item.orderType || '' }}</view> |
| | | </view> |
| | | <view class="third"> |
| | |
| | | </view> |
| | | </view> |
| | | <view class="fourth"> |
| | | <view class="fourth-icon"><u-icon name="clock" color="#999999" size="40"></u-icon></view> |
| | | <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" |
| | | ></view> |
| | | </view> |
| | | <view class="senddate">{{ item.sendDate }}</view> |
| | | </view> |
| | | <view class="fourth"> |
| | | <view class="fourth-icon"><u-icon name="clock" color="#999999" size="40"></u-icon></view> |
| | | <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" |
| | | ></view> |
| | | </view> |
| | | <view class="senddate">{{ item.orderCode }}</view> |
| | | </view> |
| | | </view> |
| | |
| | | methods: { |
| | | // 获取历史提煤单 |
| | | getJhOrderPlanDataPage() { |
| | | this.loading = true; |
| | | uni.showLoading({ |
| | | title: '加载中' |
| | | }); |
| | | this.$reqGet('getJhOrderPlanDataPage', { current: this.pageCurrent, size: this.pageSize }).then(res => { |
| | | if (res.data.records) { |
| | | if (this.pageCurrent > 1) { |
| | | this.historyCoalData = this.historyCoalData.concat(res.data.records); |
| | | this.historyCoalData = this.ArrSet(this.historyCoalData, 'id'); |
| | | this.loading = false; |
| | | uni.hideLoading(); |
| | | } else { |
| | | this.historyCoalData = res.data.records; |
| | | this.loading = false; |
| | | uni.hideLoading(); |
| | | } |
| | | } |
| | | }); |
| | |
| | | margin: vww(10) vww(10) 0; |
| | | } |
| | | .second { |
| | | width: 50%; |
| | | width: 100%; |
| | | height: 31rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | |
| | | color: #515151; |
| | | margin: vww(10) vww(10) 0; |
| | | @include flex; |
| | | justify-content: flex-start; |
| | | .coal-name { |
| | | min-width: vww(30); |
| | | height: vww(20); |
| | | margin-right: vww(21); |
| | | } |
| | | .order-type { |
| | | color: #035cfb; |
| | | border: 2px solid #035cfb; |
| | |
| | | color: #515151; |
| | | margin: vww(10) vww(10) 0; |
| | | @include flex; |
| | | .fourth-icon { |
| | | width: vww(13); |
| | | height: vww(13); |
| | | margin-right: vww(14); |
| | | } |
| | | .senddate { |
| | | flex: 1; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | .second-line { |
| | | width: 60%; |
| | | width: 100%; |
| | | height: vww(30); |
| | | margin-left: vww(12); |
| | | display: flex; |
| | | justify-content: space-evenly; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | .coal-name { |
| | | width: 30%; |
| | | flex-grow: 1; |
| | | height: 30rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | |
| | | color: #515151; |
| | | position: relative; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .black-block { |
| | | align-items: center; |
| | | .black-bar { |
| | | width: 2rpx; |
| | | height: 30rpx; |
| | | background: #515151; |
| | | margin-left: vww(12); |
| | | } |
| | | .coal-type { |
| | | width: 24%; |
| | | margin-left: vww(12); |
| | | min-width: vww(50); |
| | | height: 30rpx; |
| | | line-height: 30rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #515151; |
| | | } |
| | | } |
| | | } |
| | | .third-line { |
| | |
| | | height: vww(30); |
| | | margin-left: vww(15); |
| | | display: flex; |
| | | justify-content: space-between; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | .send-date { |
| | | width: 148rpx; |
| | | height: 24rpx; |
| | | margin-left: vww(14); |
| | | line-height: 24rpx; |
| | | font-size: 28rpx; |
| | | font-family: Microsoft YaHei; |
| | |
| | | position: relative; |
| | | left: 60%; |
| | | bottom: vww(10); |
| | | .u-button { |
| | | width: vww(50); |
| | | height: vww(30); |
| | | .forward { |
| | | width: vww(123); |
| | | height: vww(48); |
| | | left: vww(140); |
| | | .button-image { |
| | | width: 100%; |
| | | height: 100%; |
| | | background: url('../../../static/image/banner/button.png') no-repeat; |
| | | background-size: cover; |
| | | font-size: 28rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #fff; |
| | | text-align: center; |
| | | line-height: vww(45); |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | position: fixed; |
| | | top: 0; |
| | | .navgation { |
| | | width: 77rpx; |
| | | width: 80rpx; |
| | | height: 37rpx; |
| | | font-size: 40rpx; |
| | | font-family: Adobe Heiti Std; |
| | |
| | | <template> |
| | | <view> |
| | | <view class="main"> |
| | | <view class="main-body"> |
| | | <view class="body-container"> |
| | | <view class="container-block"> |
| | | <view class="">车牌号</view> |
| | | <view class="">{{ faYunDetailobj.carNo || '' }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="body-container"> |
| | | <view class="container-block"> |
| | | <view class="">提煤单状态</view> |
| | | <view class="">{{ coalStatus[faYunDetailobj.status] }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="body-container"> |
| | | <view class="container-block"> |
| | | <view class="">入场时间</view> |
| | | <view class="">{{ faYunDetailobj.inTime || '' }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="body-container"> |
| | | <view class="container-block"> |
| | | <view class="">皮重</view> |
| | | <view class="">{{ faYunDetailobj.skin || 0 }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="body-container"> |
| | | <view class="container-block"> |
| | | <view class="">毛重</view> |
| | | <view class="">{{ faYunDetailobj.hair || '' }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="body-container"> |
| | | <view class="container-block"> |
| | | <view class="">净重</view> |
| | | <view class="">{{ faYunDetailobj.clean || '' }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="body-container"> |
| | | <view class="container-block"> |
| | | <view class="">订单剩余量</view> |
| | | <view class="">{{ faYunDetailobj.allowance || '' }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="body-container"> |
| | | <view class="container-block"> |
| | | <view class="">提煤单编号</view> |
| | | <view class="">{{ faYunDetailobj.code || '' }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="body-container last"> |
| | | <view class="container-block"> |
| | | <view class="">订单编号</view> |
| | | <view class="">{{ faYunDetailobj.orderCode || '' }}</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <!-- <view> |
| | | <combined-title title="发运详情"></combined-title> |
| | | <view class="compDetails"> |
| | | <uni-table border stripe emptyText="暂无更多数据"> |
| | |
| | | </uni-tr> |
| | | </uni-table> |
| | | </view> |
| | | </view> |
| | | </view> --> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | @mixin flex { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | .main { |
| | | width: 100%; |
| | | margin-top: vww(10); |
| | | @include flex justify-content: center; |
| | | .main-body { |
| | | width: 690rpx; |
| | | height: 1062rpx; |
| | | background: #ffffff; |
| | | box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); |
| | | border-radius: 20rpx; |
| | | @include flex flex-direction: column; |
| | | align-items: flex-start; |
| | | .body-container { |
| | | width: 100%; |
| | | height: vww(56); |
| | | border-bottom: vww(1) solid #d6d6d6; |
| | | @include flex; |
| | | justify-content: center; |
| | | .container-block { |
| | | width: 96%; |
| | | height: vww(56); |
| | | @include flex; |
| | | } |
| | | } |
| | | .last { |
| | | border-bottom: none; |
| | | } |
| | | } |
| | | } |
| | | .uni-table { |
| | | .uni-table-tr { |
| | | padding: 0; |
| | |
| | | // 客户 |
| | | if (this.roleType == 1) { |
| | | this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.personalForward.carNum, tempcarNumSurplus1); |
| | | if (this.jhOrderPlanForwardList[index].carNum == 0) { |
| | | this.jhOrderPlanForwardList[index].carNum == tempcarNumSurplus1; |
| | | } |
| | | } |
| | | tempcarNumSurplus1 = 0; |
| | | // 货代 |
| | |
| | | }); |
| | | } else { |
| | | if (this.roleType == 1) { |
| | | this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.jhOrderPlanForwardList[index].carNum, this.carNumSurplus1); |
| | | this.jhOrderPlanForwardList[index].carNum = this.carNumSurplus1; |
| | | // this.allrelay(this.jhOrderPlanForwardList[index].carNum, this.carNumSurplus1); |
| | | } |
| | | tempcarNumSurplus1 = 0; |
| | | if (this.roleType == 2) { |
| | | this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.jhOrderPlanForwardList[index].carNum, this.forwardSurplus); |
| | | this.jhOrderPlanForwardList[index].carNum = this.forwardSurplus; |
| | | // this.allrelay(this.jhOrderPlanForwardList[index].carNum, this.forwardSurplus); |
| | | } |
| | | tempforwardSurplus = 0; |
| | | } |
| | |
| | | let tempcarNumSurplus1 = this.carNumSurplus1; |
| | | // 货代 |
| | | if (this.roleType == 2) { |
| | | this.jhOrderPlanForwardList[index].carNum = this.allrelayto(this.jhOrderPlanForwardList[index].carNum, this.forwardSurplus); |
| | | this.jhOrderPlanForwardList[index].carNum = 0; |
| | | if (this.jhOrderPlanForwardList[index].carNum <= 0) { |
| | | this.jhOrderPlanForwardList[index].carNum = 0; |
| | | } |
| | | } |
| | | // 客户 |
| | | if (this.roleType == 1) { |
| | | this.jhOrderPlanForwardList[index].carNum = this.allrelayto(this.jhOrderPlanForwardList[index].carNum, this.carNumSurplus1); |
| | | this.jhOrderPlanForwardList[index].carNum = 0; |
| | | if (this.jhOrderPlanForwardList[index].carNum <= 0) { |
| | | this.jhOrderPlanForwardList[index].carNum = 0; |
| | | } |
| | |
| | | if (this.jhOrderPlanForwardList.length === 0) { |
| | | this.$u.toast('请至少选择一组转发对象'); |
| | | } |
| | | let reg = /^[1-9]\d*$/; |
| | | this.jhOrderPlanForwardList.forEach(v => { |
| | | if (isNaN(Number(v.carNum)) || Number(v.carNum) <= 0) { |
| | | if (!reg.test(v.carNum) || Number(v.carNum) <= 0) { |
| | | this.$u.toast('请输入合法数字'); |
| | | isPass = false; |
| | | return isPass; |
| | |
| | | // }, |
| | | // 监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发 |
| | | onReady() { |
| | | // this.$refs.regesterFormRef.setRules(this.rules); |
| | | this.$refs.regesterFormRef.setRules(this.rules); |
| | | // this.$refs.regesterFormRef.validate().then(res => {}).catch(err => { |
| | | // console.log(err); |
| | | // }) |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | // 车牌号键盘控制 |
| | | carNumShow: false, |
| | | keyValue: '', |
| | | registerFormModel: { |
| | | phone: '', |
| | | password: '', |
| | |
| | | required: true, |
| | | message: '请输入车牌号', |
| | | trigger: ['blur', 'change'] |
| | | }, |
| | | { |
| | | transform(value) { |
| | | return String(value); |
| | | }, |
| | | validator: (rule, value, callback) => { |
| | | return uni.$u.test.carNo(value); |
| | | }, |
| | | message: '请输入正确的车牌号', |
| | | trigger: ['change', 'blur'] |
| | | } |
| | | ], |
| | | carImg: { |
| | |
| | | } |
| | | }, |
| | | // 单选框事件 |
| | | groupChange(e) { |
| | | console.log('单选框小组', e); |
| | | }, |
| | | groupChange(e) {}, |
| | | radioChange(e) { |
| | | console.log('单选框', e); |
| | | if ( |
| | | this.registerFormModel.name == '' && |
| | | this.registerFormModel.idCard == '' && |
| | |
| | | this.registerFormModel.carNo == '' && |
| | | this.registerFormModel.password == '' |
| | | ) { |
| | | console.log('变了'); |
| | | this.$refs.regesterFormRef.clearValidate(); |
| | | this.beforeChangeValue = e; |
| | | } |
| | |
| | | <view> |
| | | <view class="search-bar"> |
| | | <view class="icon-body"> |
| | | <view class="icon-box" @click="messagePage"><u-icon name="chat" color="#fff" size="50"></u-icon></view> |
| | | <view class="icon-box" @click="messagePage"> |
| | | <u-badge :isDot="true" type="error" v-if="dotShow"></u-badge> |
| | | <u-icon name="chat" color="#fff" size="50"></u-icon> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <customer-index v-if="roleType == 1" ref="customerIndexRef" :orderPlanDataStore="orderPlanDataStore"></customer-index> |
| | |
| | | <driver-index v-if="roleType == 3" ref="driverIndexRef" :indexdriverBillOfLoadingData="indexdriverBillOfLoadingData"></driver-index> |
| | | <tab-bar :current="0"></tab-bar> |
| | | <!-- 推送消息弹窗 --> |
| | | <u-modal :show="messagePushShow" :title="messageList.title" @confirm="messageconfirm"> |
| | | <u-modal :show="messagePushShow" :title="messageList.title" @confirm="messageconfirm" confirm-text="前去查看"> |
| | | <view class="slot-content"><rich-text :nodes="messageList.content"></rich-text></view> |
| | | </u-modal> |
| | | <view class="white-block"></view> |
| | |
| | | indexdriverBillOfLoadingData: {}, |
| | | messagePushShow: false, |
| | | messageList: {}, |
| | | isconnect: false |
| | | isconnect: false, |
| | | dotShow: false |
| | | }; |
| | | }, |
| | | onShow() { |
| | |
| | | this.initWebsocket(); |
| | | } |
| | | this.userAuthorization(); |
| | | this.messageReq(); |
| | | }, |
| | | onHide() { |
| | | console.log('页面隐藏'); |
| | |
| | | this.messageList = JSON.parse(res.data.slice(5)); |
| | | this.messagePushShow = true; |
| | | } else { |
| | | console.log('websocket启动中'); |
| | | } |
| | | }); |
| | | socket.onClose(e => { |
| | | console.log('webSocketClose', e); |
| | | // this.$u.toast('连接已断开,请重新进入该页面,重试!!'); |
| | | this.isconnect = false; |
| | | }); |
| | | socket.onError(err => { |
| | |
| | | }, |
| | | messageconfirm() { |
| | | this.messagePushShow = false; |
| | | uni.navigateTo({ |
| | | url: '/pages/public-page/message/message' |
| | | }); |
| | | }, |
| | | messageReq() { |
| | | this.$reqGet('getMessageByUser', { current: 1, size: 10 }).then(res => { |
| | | if (res.code == 0) { |
| | | this.messageList = res.data.records; |
| | | this.messageList.map(v => { |
| | | if (v.status !== 1) { |
| | | this.dotShow = true; |
| | | } else { |
| | | this.dotShow = false; |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | }; |
| | |
| | | .search-bar { |
| | | height: vww(20); |
| | | width: 96%; |
| | | position: fixed; |
| | | position: absolute; |
| | | top: vww(96); |
| | | right: vww(32); |
| | | z-index: 1; |
| | | .icon-body { |
| | | position: relative; |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | .icon-box { |
| | | width: vww(30); |
| | | height: vww(30); |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | position: relative; |
| | | /deep/ .u-badge { |
| | | position: absolute; |
| | | right: vww(-3); |
| | | left: vww(18); |
| | | top: vww(5); |
| | | z-index: 1; |
| | | } |
| | | } |
| | | } |
| | | } |