1 line
15 KiB
Plaintext
1 line
15 KiB
Plaintext
{"version":3,"file":"door.js","sources":["../../../../../src/pages/push/door.vue","../../../../../uniPage:/cGFnZXMvcHVzaC9kb29yLnZ1ZQ"],"sourcesContent":["<route lang=\"json5\" type=\"page\">\n{\n layout: 'default',\n style: {\n navigationBarTitleText: '发布上门服务',\n },\n}\n</route>\n\n<template>\n <view class=\"p-4 flex flex-col h-[120vh]\">\n <view class=\"card mt-4 flex-grow\">\n <!-- 服务名称 -->\n <view class=\"mb-4\">\n <input\n v-model=\"serviceName\"\n class=\"input w-full\"\n placeholder=\"输入服务名称（例如：宠物看护）\"\n />\n </view>\n\n <!-- 服务类型 -->\n <view class=\"mb-4\">\n <label class=\"label block mb-2\">选择服务类型</label>\n <picker mode=\"selector\" :range=\"serviceTypes\">\n <view class=\"input w-full bg-gray-100 p-2 rounded\">\n {{ serviceTypes[selectedServiceType] }}\n </view>\n </picker>\n </view>\n\n <!-- 服务描述 -->\n <view class=\"mb-4\">\n <textarea\n v-model=\"serviceDescription\"\n class=\"input h-24 w-full\"\n placeholder=\"描述服务内容，例如：包含宠物喂养、遛狗等...\"\n ></textarea>\n </view>\n\n <!-- 服务价格 -->\n <view class=\"mb-4\">\n <label class=\"label block mb-2\">服务价格（每小时）</label>\n <view class=\"flex w-[140px] items-center\">\n <button\n class=\"btn w-10 bg-gray-200 text-black text-center\"\n @touchstart=\"startIncrement(false)\"\n @touchend=\"stopIncrement\"\n @click=\"incrementPrice(1)\"\n >\n -\n </button>\n <input v-model=\"servicePrice\" type=\"number\" class=\"input text-center\" readonly />\n <button\n class=\"btn w-12 bg-gray-200 text-black text-center\"\n @touchstart=\"startIncrement(true)\"\n @touchend=\"stopIncrement\"\n @click=\"incrementPrice(1)\"\n >\n +\n </button>\n </view>\n </view>\n\n <!-- 服务地址 -->\n <view class=\"flex justify-between mb-4\">\n <text class=\"text-gray-500\">服务地点（范围）</text>\n <text class=\"text-gray-500\">{{ serviceLocation }}</text>\n </view>\n\n <!-- 地图容器 -->\n <view v-show=\"loadmap\" class=\"mb-4\">正在定位......</view>\n <!-- <view id=\"mapContainer\" class=\"mb-4 mapContainer\"></view> -->\n <view class=\"mapContainer\">\n <Map @doneFun=\"doneFun\" />\n </view>\n\n <!-- 服务状态 -->\n <view class=\"flex justify-between mb-4\">\n <label class=\"label\">服务状态(开启/关闭)</label>\n <switch :checked=\"serviceState\" @change=\"switchChange\" color=\"#42b983\"></switch>\n </view>\n\n <!-- 图片上传 -->\n <view class=\"mb-4\">\n <label class=\"label block mb-2\">上传服务封面</label>\n <button class=\"btn bg-gray-200 text-black mb-2\" @click=\"chooseImage\">选择图片</button>\n <view v-if=\"uploadedImages.length > 0\" class=\"flex flex-wrap\">\n <view\n v-for=\"(image, index) in uploadedImages\"\n :key=\"index\"\n class=\"w-24 h-24 m-2 bg-cover bg-center\"\n :style=\"{ backgroundImage: 'url(' + baseUrl + image + ')' }\"\n ></view>\n </view>\n </view>\n </view>\n\n <!-- 发布按钮固定在页面底部 -->\n <view class=\"fixed bottom-0 left-0 right-0 p-4 bg-white border-t border-gray-200\">\n <button class=\"btn w-full bg-yellow-500 text-black\" @click=\"submitService\">\n {{ isEditMode ? '更新服务' : '发布上门服务' }}\n </button>\n </view>\n </view>\n</template>\n\n<script lang=\"js\" setup>\nimport { ref } from 'vue'\nimport { httpGet, httpPost, httpUploadFile } from '@/utils/http'\nimport { baseUrl, toast } from '@/utils/commUtils'\nimport { getCurrentLocation, showLocationOnMap, initMap } from '@/utils/map-utils'\nimport config from '@/utils/config'\nimport Map from '@/components/Map.vue'\nimport { useUserStore } from '@/store'\nimport { isBindPhone } from '@/service/auth'\n\nlet incrementInterval = null\n\n// 数据和状态变量\nconst serviceId = ref(null)\nconst isEditMode = ref(!!serviceId.value)\nconst serviceName = ref('')\nconst serviceTypes = ref(['宠物看护', '宠物洗澡', '宠物训练', '宠物寄养'])\nconst selectedServiceType = ref(0)\nconst serviceDescription = ref('')\nconst servicePrice = ref(0)\nconst serviceLocation = ref('')\nconst serviceState = ref(true)\nconst uploadedImages = ref([])\nconst loadmap = ref(true)\nconst location = ref({})\nconst mapDetail = ref({})\nconst userStore = useUserStore()\n\n// 页面加载时获取位置信息并显示在地图上\nonLoad(async (options) => {\n if (options.id) {\n serviceId.value = options.id\n await fetchServiceData()\n }\n})\n\nonShow(async () => {\n await auth()\n})\n\n// 验证用户信息是否符合发布服务的状态\nconst auth = async () => {\n if (!userStore.userInfo.isRealName) {\n toast('您还未实名认证，请先实名认证！')\n try {\n const res = await isBindPhone()\n if (res.code != 200 || !res.data) {\n toast('您手机号还未绑定!')\n uni.navigateTo({ url: '/pages/permission/bind-phone' })\n return\n }\n } catch (e) {\n console.log('手机号发送验证信息失败：', e)\n }\n toast('请先实名认证！')\n // 跳转到指定实名页面\n uni.navigateTo({ url: '/pages/permission/real-name-auth' })\n return\n }\n}\n\n/**\n * 地图加载完后执行的方法\n * @param mapDetail 返回服务器获取的详细地址\n */\nconst doneFun = (mapDetail) => {\n loadmap.value = false\n mapDetail.value = mapDetail\n serviceLocation.value = mapDetail.formatted_address\n}\n\n// 如果是编辑模式，获取服务数据\nconst fetchServiceData = async () => {\n try {\n const response = await httpPost('/personal-service/get', { id: serviceId.value })\n if (response.code == 200) {\n const service = response.data\n serviceName.value = service.serviceName\n selectedServiceType.value = serviceTypes.value.indexOf(service.type)\n serviceDescription.value = service.description\n servicePrice.value = service.price\n serviceLocation.value = service.serviceHost\n serviceState.value = service.state === 1\n uploadedImages.value = [service.url]\n location.value = {\n latitude: service.latitude,\n longitude: service.longitude,\n address: service.address,\n }\n }\n } catch (error) {\n uni.showToast({ title: '获取服务数据失败', icon: 'none' })\n console.error('Error fetching service data:', error)\n }\n}\n\n// 这个初始化方法已经被废弃\nconst init = async () => {\n // #ifdef H5\n window._AMapSecurityConfig = {\n securityJsCode: config.MapSecurityJsCode,\n }\n // #endif\n if (isEditMode.value) {\n try {\n // 初始化地图（H5 和小程序分别处理）\n const mapContextOrMap = await initMap(\n 'mapContainer',\n [location.value.longitude, location.value.latitude],\n 15,\n )\n // 显示当前位置\n showLocationOnMap(mapContextOrMap, location.value)\n loadmap.value = false\n } catch (error) {\n console.error('获取位置信息失败:', error)\n } finally {\n loadmap.value = false\n }\n } else {\n try {\n const locationInfo = await getCurrentLocation()\n serviceLocation.value = locationInfo.address\n location.value = locationInfo\n console.log('获取位置信息成功:', locationInfo)\n\n // 初始化地图（H5 和小程序分别处理）\n const mapContextOrMap = await initMap(\n 'mapContainer',\n [locationInfo.longitude, locationInfo.latitude],\n 15,\n )\n\n // 显示当前位置\n showLocationOnMap(mapContextOrMap, locationInfo)\n } catch (error) {\n console.error('获取位置信息失败:', error)\n } finally {\n loadmap.value = false\n }\n }\n}\n\n// 增加或减少服务价格\nconst incrementPrice = (increment) => {\n servicePrice.value = Math.max(servicePrice.value + increment, 0)\n}\n\n// 长按开始\nconst startIncrement = (isIncrement) => {\n incrementInterval = setInterval(() => {\n incrementPrice(isIncrement ? 10 : -10)\n }, 200)\n}\n\n// 长按结束\nconst stopIncrement = () => {\n clearInterval(incrementInterval)\n}\n\n// 开关切换服务状态\nconst switchChange = (e) => {\n serviceState.value = e.value\n}\n\n// 选择并上传图片\nconst chooseImage = () => {\n uni.chooseImage({\n count: 1,\n success: async (res) => {\n for (const filePath of res.tempFilePaths) {\n const uploadedUrl = await uploadImage(filePath)\n if (uploadedUrl) {\n uploadedImages.value.pop()\n uploadedImages.value.push(uploadedUrl)\n }\n }\n },\n fail: () => {\n uni.showToast({ title: '图片选择失败', icon: 'none' })\n },\n })\n}\n\n// 上传图片到服务器\nconst uploadImage = async (filePath) => {\n try {\n const uploadResult = await httpUploadFile('/file/upload', filePath)\n if (uploadResult && uploadResult.data && uploadResult.data.url) {\n return uploadResult.data.url\n } else {\n uni.showToast({ title: '图片上传失败', icon: 'none' })\n return ''\n }\n } catch (error) {\n uni.showToast({ title: '图片上传失败', icon: 'none' })\n return ''\n }\n}\n\n// 发布或更新服务的函数\nconst submitService = () => {\n const serviceData = {\n id: serviceId.value,\n serviceName: serviceName.value,\n type: serviceTypes.value[selectedServiceType.value],\n description: serviceDescription.value,\n price: servicePrice.value,\n serviceHost: serviceLocation.value,\n state: serviceState.value ? 1 : 0,\n url: uploadedImages.value[0],\n address: location.value.address,\n latitude: `${location.value.latitude}`,\n longitude: `${location.value.longitude}`,\n country: mapDetail.value.country,\n province: mapDetail.value.province,\n city: mapDetail.value.city,\n district: mapDetail.value.district,\n township: mapDetail.value.township,\n streetNumber: mapDetail.value.streetNumber.street + mapDetail.value.streetNumber.number,\n }\n const endpoint = isEditMode.value ? '/personal-service/update' : '/personal-service/push'\n httpPost(endpoint, serviceData).then((response) => {\n if (response.code === 200) {\n uni.showToast({ title: isEditMode.value ? '更新成功' : '发布成功', icon: 'success' })\n } else {\n uni.showToast({ title: isEditMode.value ? '更新失败' : '发布失败', icon: 'none' })\n }\n })\n}\n</script>\n\n<style scoped>\n.mapContainer {\n width: 100%;\n height: 20vh;\n margin-bottom: 20px;\n}\n\n.fixed {\n position: fixed;\n}\n\n.bottom-0 {\n bottom: 0;\n}\n\n.left-0 {\n left: 0;\n}\n\n.right-0 {\n right: 0;\n}\n\n.bg-white {\n background-color: white;\n}\n\n.border-t {\n border-top-width: 1px;\n}\n\n.border-gray-200 {\n border-color: #e5e7eb;\n}\n</style>\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/pages/push/door.vue'\nwx.createPage(MiniProgramPage)"],"names":["ref","useUserStore","onLoad","onShow","toast","isBindPhone","uni","mapDetail","httpPost","httpUploadFile"],"mappings":"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"} |