| | |
| | | // const BaseUrl = "http://192.168.31.18:9997" |
| | | // const webSocketUrl = "ws://192.168.31.18:9997/wrzs/ws/info" |
| | | |
| | | const BaseUrl = "http://192.168.31.14:9997"; |
| | | const webSocketUrl = "ws://192.168.31.14:9997/wrzs/ws/info" |
| | | // const BaseUrl = "http://192.168.31.14:9997"; |
| | | // const webSocketUrl = "ws://192.168.31.14:9997/wrzs/ws/info" |
| | | const BaseUrl = "http://192.168.0.106:9997"; |
| | | const webSocketUrl = "ws://192.168.0.106:9997/wrzs/ws/info" |
| | | // 线上生产 |
| | | // const BaseUrl = "https://mx.jzeg.cn:9095"; |
| | | // const webSocketUrl = "wss://mx.jzeg.cn:9095/wrzs/ws/info" |
| | |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | | <view class="filedname"> |
| | | <text v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'">{{ value.deptName.slice(0, 16) }}</text> |
| | | <text v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'"> |
| | | {{ value.customerName.slice(0, 16) }} |
| | | </text> |
| | | <text v-show="value.deptName.length >= 15 || value.customerName.length >= 15">...</text> |
| | | <text v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'">{{ value.deptName || '' }}</text> |
| | | <text v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'">{{ value.customerName || '' }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | | <view class="point-number">{{ value.clean.toFixed(2) || 0 }}</view> |
| | | <!-- <view class="dispatch-receive"> |
| | | <view v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'" class="container"> |
| | | <view class="dispatch">{{ value.deptName }}</view> |
| | | <view class="receive-icon"></view> |
| | | <view class="receive">{{ value.customerName }}</view> |
| | | </view> |
| | | <view v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'" class="container"> |
| | | <view class="dispatch">{{ value.customerName }}</view> |
| | | <view class="receive-icon"></view> |
| | | <view class="receive">{{ value.deptName }}</view> |
| | | </view> |
| | | </view> --> |
| | | <!-- <view class="point-number">{{ value.clean.toFixed(2) || 0 }}</view> --> |
| | | </view> |
| | | <view class="first-extra"> |
| | | <view class="main-information"> |
| | | <view class="sign">卸</view> |
| | | <view class="filedname"> |
| | | <text v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'"> |
| | | {{ value.customerName.slice(0, 16) }} |
| | | </text> |
| | | <text v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'"> |
| | | {{ value.deptName.slice(0, 16) }} |
| | | </text> |
| | | <text v-show="value.customerName.length >= 15 || value.deptName.length >= 15">...</text> |
| | | <text v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'">{{ value.customerName || '' }}</text> |
| | | <text v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'">{{ value.deptName || '' }}</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | align-items: center; |
| | | .content-text { |
| | | height: vww(40); |
| | | @include flex flex-direction: column; |
| | | @include flex; |
| | | flex-direction: column; |
| | | margin-top: 31rpx; |
| | | margin-bottom: 31rpx; |
| | | .content-container { |
| | | width: 100%; |
| | | height: vww(16); |
| | | min-height: vww(16); |
| | | font-size: 40rpx; |
| | | font-weight: bold; |
| | | color: #3b56eb; |
| | |
| | | } |
| | | .content-num { |
| | | width: 96rpx; |
| | | height: 24rpx; |
| | | min-height: 24rpx; |
| | | font-size: 24rpx; |
| | | font-weight: 400; |
| | | color: #333333; |
| | |
| | | flex-direction: column; |
| | | overflow: hidden; |
| | | position: relative; |
| | | top: -170rpx; |
| | | top: -145rpx; |
| | | .data-filter { |
| | | width: 635rpx; |
| | | height: 68rpx; |
| | | border: 2px solid #5b95fd; |
| | | border: 2px solid rgba(73, 95, 252, 0.6); |
| | | box-shadow: 0rpx 5rpx 13rpx 0rpx rgba(73, 95, 252, 0.6); |
| | | border-radius: 34rpx; |
| | | margin-top: vww(21); |
| | |
| | | @include flex; |
| | | flex-direction: column; |
| | | margin-top: vww(5); |
| | | margin-bottom: vww(5); |
| | | overflow: hidden; |
| | | &:last-child { |
| | | .card-main { |
| | | &:last-child { |
| | | border-bottom: 0; |
| | | } |
| | | } |
| | | } |
| | | .card-top { |
| | | width: 96%; |
| | | @include flex; |
| | |
| | | height: vww(150); |
| | | border-bottom: vww(1) solid #d6d6d6; |
| | | margin-top: vww(12); |
| | | margin-left: vww(20); |
| | | padding-bottom: vww(12); |
| | | position: relative; |
| | | @include flex flex-direction: column; |
| | |
| | | } |
| | | } |
| | | .main-divider { |
| | | width: 548rpx; |
| | | width: 530rpx; |
| | | height: 1rpx; |
| | | background: #e3e3e3; |
| | | position: absolute; |
| | |
| | | } |
| | | .third-line { |
| | | width: 40%; |
| | | height: vww(14); |
| | | min-height: vww(15); |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | align-items: flex-start; |
| | | .carnum-icon { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | color: #515151; |
| | | .time-icon { |
| | | margin-right: vww(10); |
| | | } |
| | |
| | | <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;"> |
| | | <view class="top-information"> |
| | | <view class="cutomer-name">客户:{{ coalDetailsData.customerName || '' }}</view> |
| | | <view class="cutomer-name" v-if="orderType == '转入' || orderType == '转出'">煤场:{{ coalDetailsData.filedName || '' }}</view> |
| | | <view class="cutomer-name" v-else>客户:{{ coalDetailsData.customerName || '' }}</view> |
| | | <view class="fild-name"> |
| | | <view class="">矿场:{{ coalDetailsData.deptName || '暂无' }}</view> |
| | | <view class="">煤场:{{ coalDetailsData.filedName || '暂无' }}</view> |
| | |
| | | primarySkin: null, |
| | | primaryHair: null, |
| | | primaryClean: null, |
| | | scrollTop: 0 |
| | | scrollTop: 0, |
| | | // 磅单类型 |
| | | orderType: '' |
| | | }; |
| | | }, |
| | | onShow() { |
| | |
| | | }, |
| | | // 获取提煤单详情 |
| | | getTakeCoal() { |
| | | uni.showLoading({ |
| | | title: '加载中' |
| | | }); |
| | | this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => { |
| | | if (res.code == 0) { |
| | | uni.hideLoading(); |
| | | console.log(res, '提煤单详情'); |
| | | this.coalDetailsData = res.data; |
| | | this.orderType = this.coalDetailsData.orderType; |
| | | // 获取所在磅房参数赋值 |
| | | this.getWeightHouseObj.deptId = this.coalDetailsData.deptId; |
| | | this.getWeightHouseObj.filedId = this.coalDetailsData.filedId; |
| | |
| | | this.primarySkin = this.coalDetailsData.skinTwo; |
| | | this.primaryHair = this.coalDetailsData.hairTwo; |
| | | this.primaryClean = this.coalDetailsData.cleanTwo; |
| | | } else { |
| | | this.$u.toast('加载失败'); |
| | | } |
| | | }); |
| | | }, |
| | |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'"> |
| | | {{ item.customerNameCopy.slice(0, 16) }} |
| | | </text> |
| | | <text v-show="item.deptName.length >= 15 || item.customerNameCopy.length >= 15">...</text> |
| | | <view class="filedname exceedHide"> |
| | | <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> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | |
| | | <view class="first-extra"> |
| | | <view class="main-information"> |
| | | <view class="sign">卸</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerNameCopy.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-show="item.customerNameCopy.length >= 15 || item.deptName.length >= 15">...</text> |
| | | <view class="filedname exceedHide"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'"> |
| | | {{ item.customerNameCopy ? item.customerNameCopy : item.customerName }} |
| | | </text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName }}</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | v-if="driverBillOfLoadingData.list3 ? (driverBillOfLoadingData.list3.length == 0 ? true : false) : true" |
| | | ></u-empty> |
| | | |
| | | <view class="appointment-form" v-if="driverBillOfLoadingData.list3 && driverBillOfLoadingData.list3.length !== 0"> |
| | | <view class="appointment-form"> |
| | | <view class="appointment-form-item" v-for="(item, index) in driverBillOfLoadingData.list3" :key="index"> |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'"> |
| | | {{ item.customerName.slice(0, 16) }} |
| | | </text> |
| | | <text v-show="item.deptName.length >= 15 || item.customerName.length >= 15">...</text> |
| | | <view class="filedname exceedHide"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerName }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | |
| | | <view class="second-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">卸</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerName.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-show="item.deptName.length >= 15 || item.customerName.length >= 15">...</text> |
| | | <view class="filedname exceedHide"> |
| | | <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 class="map-icon" @click.stop="skipMap(item)"> |
| | |
| | | iconSize="1000" |
| | | v-if="driverBillOfLoadingData.list2 ? (driverBillOfLoadingData.list2.length == 0 ? true : false) : true" |
| | | ></u-empty> |
| | | <view class="appointment-form" v-if="driverBillOfLoadingData.list2 && driverBillOfLoadingData.list2.length !== 0"> |
| | | <view class="appointment-form"> |
| | | <view class="appointment-form-item" v-for="(item, index) in driverBillOfLoadingData.list2" :key="index" @click="list3CardIconClick(item)"> |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'"> |
| | | {{ item.customerName.slice(0, 16) }} |
| | | </text> |
| | | <text v-show="item.deptName.length >= 15 || item.customerName.length >= 15">...</text> |
| | | <view class="filedname exceedHide"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerName }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | |
| | | <view class="second-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">卸</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerName.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-show="item.deptName.length >= 15 || item.customerName.length >= 15">...</text> |
| | | <view class="filedname exceedHide"> |
| | | <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 class="map-icon" @click.stop="skipMap(item)"> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="white-block" v-if="driverBillOfLoadingData.list2.length !== 0">没有数据了...</view> |
| | | <view class="white-block"></view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | skipMap(val) { |
| | | uni.navigateTo({ |
| | | url: `/pages/public-page/mapRoute/mapRoute?customerId=${val.customerId}&filedId=${val.filedId}&orderType=${val.orderType}${ |
| | | val.toFiledId ? `&toFiledId=${val.toFiledId}` : '' |
| | | val.toFiledId ? `&toFiledId=${val.toFiledId}&filedId=${val.filedId}` : '' |
| | | }` |
| | | }); |
| | | }, |
| | |
| | | line-height: vww(40); |
| | | } |
| | | } |
| | | .exceedHide { |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | ::v-deep.driver-index { |
| | | width: 100%; |
| | | margin: 0 auto; |
| | |
| | | .second-line { |
| | | width: 100%; |
| | | height: vww(68); |
| | | margin-left: vww(12); |
| | | margin-left: vww(21); |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | .coal-name { |
| | | min-width: vww(50); |
| | | height: 30rpx; |
| | | height: 35rpx; |
| | | font-size: 30rpx; |
| | | |
| | | font-weight: 300; |
| | | color: #515151; |
| | | position: relative; |
| | | display: flex; |
| | | justify-content: center; |
| | | justify-content: flex-start; |
| | | } |
| | | .black-block { |
| | | min-width: vww(50); |
| | |
| | | .third-line { |
| | | width: 100%; |
| | | height: vww(68); |
| | | margin-left: vww(15); |
| | | margin-left: vww(21); |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | |
| | | @include thirdLine; |
| | | width: 94%; |
| | | justify-content: flex-start; |
| | | margin-left: vww(18); |
| | | .clock { |
| | | width: 33%; |
| | | height: vww(21); |
| | |
| | | align-items: center; |
| | | .order-type, |
| | | .coal-name { |
| | | // min-width: 120rpx; |
| | | width: 120rpx; |
| | | height: 42rpx; |
| | | line-height: 42rpx; |
| | | border: 2px solid #035cfb; |
| | |
| | | color: #035cfb; |
| | | text-align: center; |
| | | padding: vww(3) vww(11); |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | } |
| | | } |
| | |
| | | <view class="label-text">身份证号</view> |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.idCard }} |
| | | {{ userInfo.idCard || '' }} |
| | | <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.idCard"></u-icon> |
| | | </view> |
| | | </view> |
| | |
| | | <view class="label-text">手机号</view> |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.phone }} |
| | | {{ userInfo.phone || '' }} |
| | | <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.phone"></u-icon> |
| | | </view> |
| | | </view> |
| | |
| | | <view class="label-text">车牌号</view> |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.carNo }} |
| | | {{ userInfo.carNo || '' }} |
| | | <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.carNo"></u-icon> |
| | | </view> |
| | | </view> |
| | |
| | | <view class="label-text">车轴数</view> |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.axleNum }} |
| | | {{ userInfo.axleNum || '' }} |
| | | <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.axleNum"></u-icon> |
| | | </view> |
| | | </view> |
| | |
| | | <view class="label-text">体重</view> |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.weight }} |
| | | {{ userInfo.weight || '' }} |
| | | <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.weight"></u-icon> |
| | | </view> |
| | | </view> |
| | |
| | | justify-content: center; |
| | | } |
| | | .avatar-name { |
| | | width: 136rpx; |
| | | width: 200rpx; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | height: 32rpx; |
| | | font-size: 34rpx; |
| | | font-weight: bold; |
| | |
| | | } |
| | | .edit-button { |
| | | position: relative; |
| | | left: vww(94); |
| | | left: vww(73); |
| | | top: vww(4); |
| | | } |
| | | } |
| | |
| | | <view class="collection-form"> |
| | | <view class="collection-form-item" v-for="(item, index) in orderPlanData" :key="index" @click="cardBodyClick(item)"> |
| | | <view class="first-line"> |
| | | <view class="dispatch-receive"> |
| | | <view v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'" class="container"> |
| | | <view class="dispatch">{{ item.deptName }}</view> |
| | | <view class="receive-icon"></view> |
| | | <view class="receive">{{ item.customerName }}</view> |
| | | </view> |
| | | <view v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'" class="container"> |
| | | <view class="dispatch">{{ item.customerName }}</view> |
| | | <view class="receive-icon"></view> |
| | | <view class="receive">{{ item.deptName }}</view> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerName.slice(0, 16) }}</text> |
| | | <text v-show="item.deptName.length >= 15 || item.customerName.length >= 15">...</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | | <view class="point-number"> |
| | | <text class="residue">{{ item.carNumSurplusHuodai || 0 }}</text> |
| | | <text>/{{ item.carNum }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="first-extra"> |
| | | <view class="main-information"> |
| | | <view class="sign">卸</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerName.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-show="item.customerName.length >= 15 || item.deptName.length >= 15">...</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="second-line"> |
| | |
| | | <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> |
| | |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | @mixin firstLine { |
| | | width: 94%; |
| | | height: vww(68); |
| | | margin: vww(18) vww(16) 0 vww(16); |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .scroll-Y { |
| | | height: 900rpx; |
| | | .more_text { |
| | |
| | | top: vww(-144); |
| | | .collection-form-item { |
| | | width: 690rpx; |
| | | height: 300rpx; |
| | | height: 340rpx; |
| | | background: #ffffff; |
| | | box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15); |
| | | border-radius: 20rpx; |
| | | overflow: hidden; |
| | | @include flex flex-direction: column; |
| | | @include flex; |
| | | flex-direction: column; |
| | | position: relative; |
| | | align-items: flex-start; |
| | | margin-top: vww(10); |
| | |
| | | margin: vww(10) vww(16) 0 vww(16); |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .dispatch-receive { |
| | | width: 70%; |
| | | .main-information { |
| | | width: 88%; |
| | | height: vww(28); |
| | | display: flex; |
| | | justify-content: space-between; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | .container { |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | .receive-icon { |
| | | width: 62rpx; |
| | | height: 14rpx; |
| | | border-bottom: 3px solid #275fa5; |
| | | position: relative; |
| | | &:after { |
| | | content: ''; |
| | | position: absolute; |
| | | width: 3px; |
| | | height: 10px; |
| | | background-color: #275fa5; |
| | | right: 0; |
| | | transform: rotate(-45deg); |
| | | } |
| | | .sign { |
| | | width: vww(28); |
| | | height: vww(28); |
| | | line-height: vww(28); |
| | | text-align: center; |
| | | background: url('https://mx.jzeg.cn:9095/appimg/image/banner/blueblock.png') no-repeat; |
| | | background-size: contain; |
| | | font-size: 30rpx; |
| | | font-weight: 400; |
| | | color: #ffffff; |
| | | margin-right: vww(20); |
| | | } |
| | | } |
| | | .main-divider { |
| | | width: 548rpx; |
| | | height: 1rpx; |
| | | background: #e3e3e3; |
| | | position: absolute; |
| | | top: 98rpx; |
| | | left: vww(50); |
| | | } |
| | | .point-number { |
| | | position: absolute; |
| | | right: 0; |
| | | width: 15%; |
| | | text { |
| | | font-size: 24rpx; |
| | |
| | | } |
| | | } |
| | | } |
| | | .first-extra { |
| | | @include firstLine; |
| | | .main-information { |
| | | width: 100%; |
| | | height: vww(28); |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | .sign { |
| | | width: vww(28); |
| | | height: vww(28); |
| | | line-height: vww(28); |
| | | text-align: center; |
| | | background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat; |
| | | background-size: contain; |
| | | font-size: 30rpx; |
| | | font-weight: 400; |
| | | color: #ffffff; |
| | | margin-right: vww(20); |
| | | } |
| | | } |
| | | } |
| | | .second-line { |
| | | width: 100%; |
| | | height: vww(30); |
| | | margin-left: vww(12); |
| | | height: vww(40); |
| | | margin-left: vww(18); |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | |
| | | } |
| | | .third-line { |
| | | width: 40%; |
| | | height: vww(30); |
| | | margin-left: vww(15); |
| | | height: vww(50); |
| | | margin-left: vww(18); |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | |
| | | </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('../../../static/image/banner/notice.png') no-repeat;background-size: cover; width: 42rpx;height: 42rpx;"></view> |
| | | <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> |
| | | <view v-else-if="roleType == 2" class="notice-bar"><u-notice-bar :text="text1" :fontSize="30"></u-notice-bar></view> |
| | | <view class="card-main"> |
| | |
| | | <text>{{ duration || '' }}</text> |
| | | </view> |
| | | </view> |
| | | <!-- <view class="" @click="awaken"><button type="default">跳转</button></view> --> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | { |
| | | latitude: null, |
| | | longitude: null, |
| | | iconPath: '../../../static/image/banner/location.png', |
| | | iconPath: 'https://mx.jzeg.cn:9095/appimg/image/banner/location.png', |
| | | width: 23, |
| | | height: 33, |
| | | id: 0, |
| | | callout: { |
| | | content: '起点', //文本 |
| | | color: '#ffffff', //文字颜色 |
| | | color: '#000000', //文字颜色 |
| | | fontSize: 14, //文本大小 |
| | | borderRadius: 15, //边框圆角 |
| | | borderWidth: '10', |
| | |
| | | { |
| | | latitude: null, |
| | | longitude: null, |
| | | iconPath: '../../../static/image/banner/location.png', |
| | | iconPath: 'https://mx.jzeg.cn:9095/appimg/image/banner/location.png', |
| | | width: 23, |
| | | height: 33, |
| | | id: 1, |
| | |
| | | } |
| | | ], |
| | | distance: null, |
| | | duration: null |
| | | duration: null, |
| | | fromLocation: {}, |
| | | toLocation: {} |
| | | }; |
| | | }, |
| | | methods: { |
| | |
| | | let qqmapsdk = new QQMapWX({ |
| | | key: 'HTNBZ-LZGRQ-YDB5S-B4KAS-KLHJH-GHBUE' // 必填 |
| | | }); |
| | | const params = this.toFiledId ? { toFiledId: this.toFiledId } : { customerId: this.customerId, filedId: this.filedId }; |
| | | this.$reqGet('getAppLocation', params).then(res => { |
| | | console.log(res, '腾讯经纬度'); |
| | | const params = this.toFiledId ? { filedId: this.filedId, toFiledId: this.toFiledId } : { customerId: this.customerId, filedId: this.filedId }; |
| | | this.$reqGet('getAppLocation', params).then(result => { |
| | | console.log(result, '腾讯经纬度'); |
| | | let _this = this; |
| | | console.log(_this.orderType, '类型'); |
| | | let fromLocation; |
| | | let toLocation; |
| | | if (_this.orderType == '外购' || _this.orderType == '外销') { |
| | | _this.$set(_this.markers[0], 'longitude', res.data.customerLongitude); |
| | | _this.$set(_this.markers[0], 'latitude', res.data.customerLatitude); |
| | | fromLocation = { |
| | | longitude: res.data.customerLongitude, |
| | | latitude: res.data.customerLatitude |
| | | longitude: result.data.customerLongitude, |
| | | latitude: result.data.customerLatitude |
| | | }; |
| | | _this.$set(_this.markers[1], 'longitude', res.data.filedLongitude); |
| | | _this.$set(_this.markers[1], 'latitude', res.data.filedLatitude); |
| | | toLocation = { |
| | | longitude: res.data.filedLongitude, |
| | | latitude: res.data.filedLatitude |
| | | longitude: result.data.filedLongitude, |
| | | latitude: result.data.filedLatitude |
| | | }; |
| | | } else if (_this.orderType == '内购' || _this.orderType == '内销') { |
| | | _this.$set(_this.markers[0], 'longitude', res.data.filedLongitude); |
| | | _this.$set(_this.markers[0], 'latitude', res.data.filedLatitude); |
| | | fromLocation = { |
| | | longitude: res.data.filedLongitude, |
| | | latitude: res.data.filedLatitude |
| | | longitude: result.data.filedLongitude, |
| | | latitude: result.data.filedLatitude |
| | | }; |
| | | _this.$set(_this.markers[1], 'longitude', res.data.customerLongitude); |
| | | _this.$set(_this.markers[1], 'latitude', res.data.customerLatitude); |
| | | toLocation = { |
| | | longitude: res.data.customerLongitude, |
| | | latitude: res.data.customerLatitude |
| | | longitude: result.data.customerLongitude, |
| | | latitude: result.data.customerLatitude |
| | | }; |
| | | } else { |
| | | fromLocation = { |
| | | longitude: result.data.filedLongitude, |
| | | latitude: result.data.filedLatitude |
| | | }; |
| | | toLocation = { |
| | | longitude: result.data.toFiledLongitude, |
| | | latitude: result.data.toFiledLatitude |
| | | }; |
| | | _this.fromLocation = fromLocation; |
| | | _this.toLocation = toLocation; |
| | | } |
| | | _this.fromLocation = fromLocation; |
| | | _this.toLocation = toLocation; |
| | | //调用距离计算接口 |
| | | qqmapsdk.direction({ |
| | | mode: 'driving', |
| | |
| | | arrowLine: true |
| | | } |
| | | ]; |
| | | if (_this.orderType == '外购' || _this.orderType == '外销') { |
| | | _this.$set(_this.markers[0], 'longitude', result.data.customerLongitude); |
| | | _this.$set(_this.markers[0], 'latitude', result.data.customerLatitude); |
| | | _this.$set(_this.markers[1], 'longitude', result.data.filedLongitude); |
| | | _this.$set(_this.markers[1], 'latitude', result.data.filedLatitude); |
| | | } else if (_this.orderType == '内购' || _this.orderType == '内销') { |
| | | _this.$set(_this.markers[0], 'longitude', result.data.filedLongitude); |
| | | _this.$set(_this.markers[0], 'latitude', result.data.filedLatitude); |
| | | _this.$set(_this.markers[1], 'longitude', result.data.customerLongitude); |
| | | _this.$set(_this.markers[1], 'latitude', result.data.customerLatitude); |
| | | } else { |
| | | _this.$set(_this.markers[0], 'longitude', result.data.filedLongitude); |
| | | _this.$set(_this.markers[0], 'latitude', result.data.filedLatitude); |
| | | _this.$set(_this.markers[1], 'longitude', result.data.toFiledLongitude); |
| | | _this.$set(_this.markers[1], 'latitude', result.data.toFiledLatitude); |
| | | } |
| | | }, |
| | | fail: function(error) { |
| | | console.error(error); |
| | |
| | | .toString() |
| | | .padStart(2, '0'); |
| | | return hours + ':' + minutes; |
| | | }, |
| | | // 唤醒 |
| | | awaken() { |
| | | uni.getSystemInfo({ |
| | | success: function(res) { |
| | | if (res.platform == 'android') { |
| | | uni.navigateTo({ |
| | | url: `intent://map/routeplan?type=drive&fromcoord=&from=${_this.fromLocation}&tocoord=${_this.toLocation.latitude},${ |
| | | _this.toLocation.longitude |
| | | }&to=name&policy=0&referer=myapp#Intent;scheme=qqmap;package=com.tencent.map;end` |
| | | }); |
| | | } else if (res.platform == 'ios') { |
| | | uni.navigateTo({ |
| | | url: `qqmap://map/routeplan?type=drive&fromcoord=&from=${_this.fromLocation}&tocoord=${_this.toLocation.latitude},${ |
| | | _this.toLocation.longitude |
| | | }&to=name&policy=0&referer=myapp` |
| | | }); |
| | | } else { |
| | | uni.showToast({ |
| | | title: '当前设备不支持地图导航', |
| | | icon: 'none' |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | onLoad(params) { |
| | |
| | | } |
| | | }, |
| | | onShow() { |
| | | if (this.orderType !== '转入' || this.orderType !== '转出') { |
| | | this.getLocation(); |
| | | } else { |
| | | } |
| | | this.getLocation(); |
| | | // this.awaken(); |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | this.$reqGet('getMessageByUser', { current: 1, size: 10 }).then(res => { |
| | | if (res.code == 0) { |
| | | this.messageList = res.data.records; |
| | | this.messageList.map(v => { |
| | | this.messageList.forEach(v => { |
| | | if (v.status !== 1) { |
| | | this.dotShow = true; |
| | | } else { |