feat(oa): 添加定位权限说明提示功能

- 添加了定位获取失败时的操作指引提示框
- 提供了浏览器定位权限配置的详细步骤说明
- 包含Edge和Chrome浏览器的配置方法
- 添加了站点地址的配置示例
- 更新了工作地点输入框的提示文字格式
This commit is contained in:
2026-04-25 14:29:38 +08:00
parent f6b5940a27
commit 4faad94c79

View File

@@ -82,15 +82,33 @@
<!-- 添加或修改项目报工对话框 --> <!-- 添加或修改项目报工对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
<!-- 今日报工提示 --> <!-- 今日报工提示 -->
<el-alert v-if="hasTodayReport" title="今日已报工" type="warning" description="您今天已有报工记录提交后将修改今日报工内容" show-icon <el-alert v-if="hasTodayReport" title="今日已报工" type="warning" description="您今天已有报工记录,提交后将修改今日报工内容" show-icon
:closable="false" style="margin-bottom: 20px;"> :closable="false" style="margin-bottom: 20px;">
</el-alert> </el-alert>
<!-- 定位权限说明 -->
<el-alert
v-if="workPlaceLocateError && !form.reportId"
title="定位获取失败"
type="info"
:closable="false"
style="margin-bottom: 20px;">
<div slot="default">
<p style="margin: 5px 0; font-weight: bold;">如果浏览器无法获取定位,请按以下步骤操作:</p>
<ol style="margin: 5px 0; padding-left: 20px; line-height: 1.8;">
<li>在浏览器地址栏输入:<code style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px;">edge://flags/#unsafely-treat-insecure-origin-as-secure</code>(Edge) 或 <code style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px;">chrome://flags/#unsafely-treat-insecure-origin-as-secure</code>(Chrome)</li>
<li>找到选项 <strong>"Insecure origins treated as secure"</strong></li>
<li>输入您的站点地址:<code style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px;">http://49.232.154.205</code>,然后设置为 <strong>Enabled</strong></li>
<li>重启浏览器,再尝试点击重新获取定位按钮</li>
</ol>
</div>
</el-alert>
<el-form ref="form" :model="form" :rules="rules" label-width="96px"> <el-form ref="form" :model="form" :rules="rules" label-width="96px">
<el-form-item label="工作地点" prop="workPlace"> <el-form-item label="工作地点" prop="workPlace">
<el-input <el-input
v-model="form.workPlace" v-model="form.workPlace"
readonly readonly
:placeholder="workPlaceLoading ? '正在获取定位…' : '请点击「重新获取定位」获取工作地点不可手动输入'" :placeholder="workPlaceLoading ? '正在获取定位…' : '请点击「重新获取定位」获取工作地点 (不可手动输入)'"
> >
<el-button <el-button
slot="append" slot="append"