liukangdong
2024-08-28 8ab31157536e116dba27e942a05a20e3caaa4812
h5/pages/driver/taskDetail.vue
@@ -6,34 +6,40 @@
        src="../../static/driver/bg_renwu@2x.png"
        mode=""
      ></image>
      <view class="name">作业已完成</view>
      <view class="id_card">皖AD1212</view>
      <view class="status">作业完成</view>
      <view class="name" v-if="param.status == 1">请与{{ param.arriveDate.slice(0,11) }}现场签到</view>
      <view class="name" v-if="param.status == 2">前方排队:{{param.lineUpNum}}辆</view>
      <view class="name" v-if="param.status == 5">月台作业中</view>
      <view class="name" v-if="param.status == 6">作业已完成</view>
      <view class="id_card">{{ param.carCodeFront }}</view>
      <view class="status" v-if="param.status == 1">等待签到</view>
      <view class="status" v-if="param.status == 2">等待叫号</view>
      <view class="status" v-if="param.status == 5">作业中</view>
      <view class="status" v-if="param.status == 6">作业完成</view>
    </view>
    <!--  -->
    <view class="main_content">
      <view class="line">
        <view class="label">司机姓名</view>
        <view class="value">刘某</view>
        <view class="value">{{param.lineUpNum}}</view>
      </view>
      <view class="line">
        <view class="label">手机号</view>
        <view class="value">188</view>
        <view class="value">{{param.lineUpNum}}</view>
      </view>
      <view class="line">
        <view class="label">运输单号</view>
        <view class="value" @click="showDetail = true">
          <text class="waybill_num">Y111</text>
          <text class="waybill_num">{{param.lineUpNum}}</text>
          <text class="btn">运单详情</text>
        </view>
      </view>
      <view class="line">
        <view class="label">作业类型</view>
        <view class="value">入园装货</view>
        <view class="value">{{param.lineUpNum}}</view>
      </view>
      <view class="line">
        <view class="label">车牌照</view>
        <view class="value">前:皖A21</view>
        <view class="value">{{param.lineUpNum}}</view>
      </view>
      <!--  -->
      <view class="line">
@@ -41,11 +47,7 @@
        <view class="value">
          <view class="">0 公里</view>
          <view class="btn" @click="getLocation">
            <u-icon
              name="map"
              :color="$store.state.primaryColor"
              class="mr6"
            ></u-icon>
                  <image class="icon mr6" src="../../static/driver/position.png"></image>
            重新定位
          </view>
        </view>
@@ -151,6 +153,7 @@
</template>
<script>
   import { driverTaskJobDetail } from '@/api'
export default {
  data() {
    return {
@@ -160,15 +163,27 @@
      showDetail: false,
    }
  },
   onLoad(option) {
      this.getLocation(option.id)
   },
  methods: {
    handleSignIn() {
      const { param } = this
      this.param.status = param.status == '0' ? '1' : '0'
    },
    getLocation() {
    getLocation(jobId) {
      uni.getLocation({
        type: 'wgs84',
        success: function (res) {
               driverTaskJobDetail({
                  jobId,
                  lat: res.latitude,
                  lnt: res.longitude,
               }).then(ress => {
                  this.param = { ...ress.data }
               })
               console.log(res);
          console.log('当前位置的经度:' + res.longitude)
          console.log('当前位置的纬度:' + res.latitude)
        }
@@ -209,6 +224,11 @@
          font-size: 28rpx;
          color: $uni-color-primary;
          display: flex;
               align-items: center;
               .icon{
                  width: 30rpx;
                  height: 30rpx;
               }
        }
      }
    }