bdzl2/bxztApp
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bdzl2:09dc7a61193dfb5c817301c20aced7d497473368
Branches Tags
bdzl2:main
bdzl2:dev
bdzl2:feat-zc
..
compare: bdzl2:627f7fde609f1e74a9284b8c07db344e74e5cf69
Branches Tags
bdzl2:dev
bdzl2:feat-zc
bdzl2:main

2 Commits
09dc7a6119 ... 627f7fde60

Author SHA1 Message Date
huangchenhao
627f7fde60 Merge branch 'dev' of http://222.212.85.86:8222/bdzl2/bxztApp into dev 2025-11-20 11:16:29 +08:00
huangchenhao
fad125d843 测试使用高德地图Api获取定位坐标 2025-11-20 11:16:27 +08:00
3 changed files with 81 additions and 52 deletions
Show Stats Expand all files Collapse all files

32
packages/mobile/index.html
View File

@ -1,14 +1,24 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN"> <html lang="zh-CN">
<head>
<meta charset="UTF-8" /> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, viewport-fit=cover" /> <meta charset="UTF-8" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="viewport"
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, viewport-fit=cover" />
<title>H5移动端</title> <meta name="apple-mobile-web-app-capable" content="yes" />
</head> <meta name="apple-mobile-web-app-status-bar-style" content="black" />
<body> <title>H5移动端</title>
<div id="app"></div> <script>
<script type="module" src="/src/main.js"></script> window._AMapSecurityConfig = {
</body> securityJsCode: "08c037da44c78afd7338203268c2d2a5"
};
</script>
<script src="https://webapi.amap.com/loader.js"></script>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html> </html>

75
packages/mobile/src/views/Material/MaterialManagement.vue
View File

@ -211,6 +211,7 @@ import { ref, onMounted, reactive, toRaw, watch } from "vue";
import { useRouter, useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
import { showToast, showLoadingToast } from "vant"; import { showToast, showLoadingToast } from "vant";
import { request } from "../../../../shared/utils/request"; import { request } from "../../../../shared/utils/request";
import { loadAMap } from "../../../../shared/utils/amap";
const router = useRouter(); const router = useRouter();
const route = useRoute(); const route = useRoute();
@ -218,7 +219,7 @@ const searchValue = ref(""); // 搜索框输入值
const showPopup = ref(false); // 控制弹出层显示隐藏 const showPopup = ref(false); // 控制弹出层显示隐藏
const yhzDetail = ref({}); // 养护站详情数据 const yhzDetail = ref({}); // 养护站详情数据
const materialList = ref([]); // 物资列表数据 const materialList = ref([]); // 物资列表数据
const INIT_FORM = { const getInitForm = () => ({
material: { material: {
jd: "", // 物资经度 jd: "", // 物资经度
wd: "", // 物资纬度 wd: "", // 物资纬度
@ -238,8 +239,8 @@ const INIT_FORM = {
remark: "", // 备注 remark: "", // 备注
}, },
photos: [], photos: [],
}; });
const form = reactive({ ...INIT_FORM }); // 表单 const form = reactive(getInitForm());
// 根据养护站rid获取物资列表 // 根据养护站rid获取物资列表
const getMaterialList = async (wzmc) => { const getMaterialList = async (wzmc) => {
@ -281,15 +282,6 @@ onMounted(() => {
// 购置日期相关 // 购置日期相关
const showTimePicker = ref(false); const showTimePicker = ref(false);
const currentDate = ref([
new Date().getFullYear(),
new Date().getMonth() + 1,
new Date().getDate(),
]);
const onDateConfirm = ({ selectedValues }) => {
form.rkrq = selectedValues.join("-");
showTimePicker.value = false;
};
// 选择单位相关 // 选择单位相关
const dwField = ref(null); const dwField = ref(null);
@ -338,7 +330,6 @@ const handleSubmit = async () => {
message: "新增成功", message: "新增成功",
}); });
onPopupClose(); onPopupClose();
Object.assign(form, { ...INIT_FORM });
getMaterialList(searchValue.value); getMaterialList(searchValue.value);
} else { } else {
throw new Error(res.message); throw new Error(res.message);
@ -423,37 +414,38 @@ const afterRead = async (file) => {
}; };
// 获取经纬度 // 获取经纬度
const handleGetLocation = () => { const handleGetLocation = async () => {
if (!navigator.geolocation) { // 确保AMap完成加载
showToast("您的浏览器不支持地理位置获取"); if (!window.AMap) {
return; await loadAMap();
} }
const loadingToast = showLoadingToast({
showLoadingToast({ message: "正在获取位置",
message: "定位中...",
forbidClick: true, forbidClick: true,
duration: 0, // 设置为0表示不会自动关闭
zIndex: 9999,
}); });
navigator.geolocation.getCurrentPosition( AMap.plugin("AMap.Geolocation", () => {
(position) => { const geolocation = new AMap.Geolocation({
form.material.jd = position.coords.longitude.toFixed(6); enableHighAccuracy: true,
form.material.wd = position.coords.latitude.toFixed(6); timeout: 5000,
}, showMarker: false,
(error) => { zoomToAccuracy: true,
const errorMessage = });
{
1: "位置服务被拒绝", geolocation.getCurrentPosition((status, result) => {
2: "暂时无法获取位置", if (status === "complete") {
3: "定位超时", form.material.jd = result.position.lng.toFixed(6);
}[error.code] || "定位失败"; form.material.wd = result.position.lat.toFixed(6);
showToast(errorMessage); loadingToast.close();
}, } else {
{ loadingToast.close();
enableHighAccuracy: true, // 高精度模式 showToast("定位失败 请检查网络情况后重试");
timeout: 5000, // 超时时间 console.log("result", result);
maximumAge: 0, // 不缓存位置 }
} });
); });
}; };
watch( watch(
@ -505,6 +497,9 @@ const handleAdd = async () => {
}; };
const onPopupClose = () => { const onPopupClose = () => {
Object.assign(form, getInitForm());
fileList.value = [];
[showDwPicker, showFzrPicker].forEach((v) => (v.value = false));
showPopup.value = false; showPopup.value = false;
}; };
</script> </script>

24
packages/shared/utils/aMap.js Normal file
View File

@ -0,0 +1,24 @@
export function loadAMap() {
return new Promise((resolve, reject) => {
if (window.AMap) return resolve();
// 确保AMapLoader存在
if (!window.AMapLoader) {
return reject(new Error("AMapLoader未正确加载"));
}
window.AMapLoader.load({
key: "848ab05db2a57a7782c153119f50dcef",
version: "2.0",
})
.then((AMap) => {
window.AMap = AMap;
console.log("AMap初始化完成", AMap);
resolve();
})
.catch((err) => {
console.error("AMap加载失败:", err);
reject(new Error("地图加载失败，请检查网络连接"));
});
});
};