地图导航

刘淇
1 parent 6cc0ab0e
Showing 1 changed file with 30 additions and 2 deletions
pages-sub/problem/work-order-manage/index.vue
@@ -74,7 +74,7 @@
                 <view class="u-body-item-title">工单编号：</view>
                 <view class="u-line-1 u-body-value">{{ item.orderNo || '-' }}</view>
               </view>
-              <view class="u-body-item u-flex">
+              <view class="u-body-item u-flex" @click="openMapNav(item)">
                 <view class="u-body-item-title">工单位置：</view>
                 <view class="u-line-1 u-body-value">{{ item.lonLatAddress || '-' }}</view>
               </view>
@@ -144,7 +144,7 @@
                 <view class="u-body-item-title">工单编号：</view>
                 <view class="u-line-1 u-body-value">{{ item.orderNo || '-' }}</view>
               </view>
-              <view class="u-body-item u-flex">
+              <view class="u-body-item u-flex" @click="openMapNav(item)">
                 <view class="u-body-item-title">工单位置：</view>
                 <view class="u-line-1 u-body-value">{{ item.lonLatAddress || '-' }}</view>
               </view>
@@ -351,6 +351,34 @@ const acceptImgs = useUploadImgs({
   fieldName: 'acceptImgs' // 自定义字段名，区分回退图片
 })
  
+// 打开地图导航
+const openMapNav = (item) => {
+  // 校验经纬度
+  // if (!item.lat || !item.lon) {
+  //   uni.showToast({ title: "该工单无经纬度，无法导航", icon: "none" });
+  //   return;
+  // }
+  // const latitude = Number(item.lat);
+  // const longitude = Number(item.lon);
+  // const addressName = item.lonLatAddress || "工单位置";
+
+  // uni.openLocation({
+  //   latitude,
+  //   longitude,
+  //   name: addressName, // 终点名称
+  //   address: addressName, // 地址描述
+  //   scale: 16, // 地图缩放级别
+  //   success: () => {
+  //     // 唤起地图选择弹窗成功，用户可以选择高德/百度地图进行导航
+  //   },
+  //   fail: (err) => {
+  //     console.error("打开地图失败", err);
+  //     uni.showToast({ title: "打开地图失败", icon: "none" });
+  //   }
+  // });
+};
+
+
 // 分页查询列表
 const queryList = async (pageNo, pageSize) => {
   try {