feat: 三项改进 — require_report + 拜访联动 + 解绑移到弹窗
1. 用户管理页 UX 优化: - 表格内「解绑」按钮移入编辑弹窗(clearable 输入框) - 新增「需要填写周报」el-switch 开关 - 新增「填报」列显示是否计入统计 2. require_report 字段 (DB + API + 联动): - users 表新增 require_report BOOLEAN DEFAULT TRUE - 调度器/仪表盘进度/立即检查 均排除 require_report=false - UserOut schema + UpdateUserRoleRequest 同步更新 3. 拜访联动客户 last_visit: - customers 表新增 last_visit_date / last_visit_manager_id - 创建拜访记录时自动更新对应客户的最后拜访信息 - 亮灯表可据此精确判断客户拜访状态 Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import api from '@/api/index'
|
||||
|
||||
const loading = ref(false)
|
||||
@@ -10,6 +10,7 @@ const editUser = ref<any>(null)
|
||||
const editRole = ref('')
|
||||
const editDepartment = ref('')
|
||||
const editWecomId = ref('')
|
||||
const editRequireReport = ref(true)
|
||||
|
||||
const roleOptions = [
|
||||
{ label: '客户经理', value: 'manager' },
|
||||
@@ -40,13 +41,15 @@ function openEdit(user: any) {
|
||||
editRole.value = user.role
|
||||
editDepartment.value = user.department || ''
|
||||
editWecomId.value = user.wecom_userid || ''
|
||||
editRequireReport.value = user.require_report !== false // default true
|
||||
editDialogVisible.value = true
|
||||
}
|
||||
|
||||
async function handleSave() {
|
||||
if (!editUser.value) return
|
||||
try {
|
||||
await api.put(`/users/${editUser.value.id}/role`, { role: editRole.value, department: editDepartment.value })
|
||||
const payload: any = { role: editRole.value, department: editDepartment.value, require_report: editRequireReport.value }
|
||||
await api.put(`/users/${editUser.value.id}/role`, payload)
|
||||
const newWecomId = editWecomId.value.trim()
|
||||
if (newWecomId !== (editUser.value.wecom_userid || '')) {
|
||||
await api.put(`/users/${editUser.value.id}/wecom`, { wecom_userid: newWecomId || null })
|
||||
@@ -56,16 +59,6 @@ async function handleSave() {
|
||||
await loadUsers()
|
||||
} catch (e: any) { ElMessage.error('更新失败: ' + (e.response?.data?.detail || e.message)) }
|
||||
}
|
||||
|
||||
async function handleUnbind(row: any) {
|
||||
if (!row.wecom_userid) return
|
||||
try {
|
||||
await ElMessageBox.confirm(`确定解除「${row.name}」的企微绑定?`, '确认解绑', { type: 'warning' })
|
||||
await api.put(`/users/${row.id}/wecom`, { wecom_userid: null })
|
||||
ElMessage.success('已解绑')
|
||||
await loadUsers()
|
||||
} catch (e: any) { if (e !== 'cancel') ElMessage.error('操作失败') }
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -83,16 +76,20 @@ async function handleUnbind(row: any) {
|
||||
<el-tag :type="roleTagType[row.role]">{{ roleLabel[row.role] || row.role }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="wecom_userid" label="企微 UserID" min-width="140">
|
||||
<el-table-column label="填报" width="70">
|
||||
<template #default="{ row }">
|
||||
<template v-if="row.wecom_userid">
|
||||
<span class="wecom-id">{{ row.wecom_userid }}</span>
|
||||
<el-button text size="small" type="danger" @click="handleUnbind(row)" style="margin-left:6px">解绑</el-button>
|
||||
</template>
|
||||
<span v-else style="color:var(--c-text-muted)">未绑定</span>
|
||||
<span :class="row.require_report !== false ? 'tag-yes' : 'tag-no'">
|
||||
{{ row.require_report !== false ? '✓ 是' : '— 否' }}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="100" fixed="right">
|
||||
<el-table-column prop="wecom_userid" label="企微 UserID" min-width="140">
|
||||
<template #default="{ row }">
|
||||
<span v-if="row.wecom_userid" class="wecom-id">{{ row.wecom_userid }}</span>
|
||||
<span v-else style="color:var(--c-text-muted);font-size:12px">未绑定</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="80" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button text size="small" type="primary" @click="openEdit(row)">编辑</el-button>
|
||||
</template>
|
||||
@@ -109,10 +106,14 @@ async function handleUnbind(row: any) {
|
||||
<el-option v-for="opt in roleOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="部门(可选)"><el-input v-model="editDepartment" placeholder="如:XX支局" /></el-form-item>
|
||||
<el-form-item label="部门"><el-input v-model="editDepartment" placeholder="如:XX支局" /></el-form-item>
|
||||
<el-form-item label="企业微信 UserID">
|
||||
<el-input v-model="editWecomId" placeholder="从企微后台通讯录获取,留空则解绑" clearable />
|
||||
<div class="form-hint">在企微后台 → 通讯录 → 成员详情 → 账号 中查看</div>
|
||||
<div class="form-hint">企微后台 → 通讯录 → 成员详情 → 账号</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="需要填写周报">
|
||||
<el-switch v-model="editRequireReport" active-text="是" inactive-text="否" />
|
||||
<div class="form-hint">关闭后该用户不计入填报统计,不接收催办提醒</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
@@ -135,4 +136,6 @@ async function handleUnbind(row: any) {
|
||||
.page-rule { width: 32px; height: 3px; background: var(--gold); margin-top: 12px; }
|
||||
.wecom-id { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--sage); background: var(--c-bg-light, #f0ede5); padding: 2px 8px; border-radius: 4px; }
|
||||
.form-hint { font-size: 12px; color: var(--c-text-muted); margin-top: 4px; }
|
||||
.tag-yes { font-size: 12px; color: var(--sage); }
|
||||
.tag-no { font-size: 12px; color: var(--c-text-muted); }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user