feat: 管理后台完整可用 + 注册登录记日志 + 提取信息结构化展示 + 微信配置就绪
- 管理后台用户/统计/日志/配置四页签全部对接真实后端API - auth注册/登录/游客/微信登录事件写入usage_logs表 - 提取信息结果从原始JSON改为卡片式字段列表(中文标签) - 管理后台搜索按钮增加加载态和结果数提示 - 配置WECHAT_APP_ID/WECHAT_APP_SECRET - 客户/产品/报价单CRUD页面完整(导出导入批量操作)
This commit is contained in:
@@ -59,7 +59,7 @@
|
||||
</view>
|
||||
<view class="search-bar">
|
||||
<input class="search-input" v-model="searchQuery" placeholder="用户名/手机号" @confirm="doSearch" />
|
||||
<text class="search-btn" @click="doSearch">搜索</text>
|
||||
<text class="search-btn" :class="{ loading: searching }" @click="doSearch">{{ searching ? '搜索中...' : '搜索' }}</text>
|
||||
</view>
|
||||
<view class="user-list" v-if="searchResults.length">
|
||||
<view class="user-item" v-for="u in searchResults" :key="u.id" @click="showUserDetail(u.id)">
|
||||
@@ -201,13 +201,30 @@
|
||||
|
||||
<!-- 系统配置 -->
|
||||
<view v-if="tab === 'config'">
|
||||
<view class="section" v-for="cfg in configList" :key="cfg.key">
|
||||
<view class="section-header">
|
||||
<text class="section-title">{{ cfg.key }}</text>
|
||||
<text class="config-desc">{{ cfg.description }}</text>
|
||||
<view class="card" v-for="cfg in configList" :key="cfg.key">
|
||||
<view class="card-header">
|
||||
<text class="card-title">{{ configLabels[cfg.key] || cfg.key }}</text>
|
||||
<text class="card-subtitle">{{ cfg.description }}</text>
|
||||
</view>
|
||||
<view class="config-editor">
|
||||
<textarea class="config-textarea" :value="formatConfigValue(cfg.value)" @input="e => onConfigEdit(cfg.key, e)" />
|
||||
<view class="card-body" v-if="typeof cfg.value === 'object' && !Array.isArray(cfg.value)">
|
||||
<view class="cfg-field" v-for="(v, k) in cfg.value" :key="k">
|
||||
<text class="cfg-label">{{ fieldLabels(cfg.key, k) }}</text>
|
||||
<input v-if="typeof v === 'string'" class="cfg-input" :value="v" @input="e => onFieldEdit(cfg.key, k, 'string', e)" />
|
||||
<input v-else-if="typeof v === 'number'" class="cfg-input" type="number" :value="String(v)" @input="e => onFieldEdit(cfg.key, k, 'number', e)" />
|
||||
<switch v-else-if="typeof v === 'boolean'" :checked="v" @change="e => onFieldEdit(cfg.key, k, 'boolean', e)" />
|
||||
<textarea v-else class="cfg-textarea" :value="JSON.stringify(v)" @input="e => onFieldEdit(cfg.key, k, 'json', e)" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-body" v-else-if="typeof cfg.value === 'boolean'">
|
||||
<view class="cfg-field">
|
||||
<text class="cfg-label">启用</text>
|
||||
<switch :checked="cfg.value" @change="e => onSimpleEdit(cfg.key, 'boolean', e)" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-body" v-else>
|
||||
<textarea class="cfg-textarea" :value="String(cfg.value)" @input="e => onSimpleEdit(cfg.key, 'string', e)" />
|
||||
</view>
|
||||
<view class="card-footer">
|
||||
<text class="save-btn" @click="saveConfig(cfg.key)">保存</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -268,6 +285,35 @@ const logFilter = ref({ action: '', user_id: '', date_from: '', date_to: '' })
|
||||
|
||||
const configList = ref([])
|
||||
const configEdits = ref({})
|
||||
|
||||
const configLabels = {
|
||||
ai_provider_translate: '翻译 AI 模型',
|
||||
ai_provider_reply: '回复建议 AI 模型',
|
||||
ai_provider_marketing: '营销文案 AI 模型',
|
||||
ai_provider_extract: '信息提取 AI 模型',
|
||||
ai_provider_quotation: '报价单 AI 模型',
|
||||
feature_guest_mode: '游客模式',
|
||||
feature_wechat_login: '微信登录',
|
||||
feature_registration: '新用户注册',
|
||||
free_daily_limits: '免费版每日配额',
|
||||
pro_daily_limits: 'Pro 版每日配额',
|
||||
}
|
||||
|
||||
const fieldLabels = (configKey, fieldKey) => {
|
||||
const map = {
|
||||
ai_provider_translate: { primary: '主模型', fallback: '备用模型' },
|
||||
ai_provider_reply: { primary: '主模型', fallback: '备用模型' },
|
||||
ai_provider_marketing: { primary: '主模型', fallback: '备用模型' },
|
||||
ai_provider_extract: { primary: '主模型', fallback: '备用模型' },
|
||||
ai_provider_quotation: { primary: '主模型', fallback: '备用模型' },
|
||||
feature_guest_mode: { enabled: '允许游客模式' },
|
||||
feature_wechat_login: { enabled: '允许微信登录' },
|
||||
feature_registration: { enabled: '开放注册' },
|
||||
free_daily_limits: { translate_chars: '翻译字符数', replies: '智能回复次数', marketing: '营销文案生成', customers: '客户数', products: '产品数', quotations: '报价单数' },
|
||||
pro_daily_limits: { translate_chars: '翻译字符数', replies: '智能回复次数', marketing: '营销文案生成', customers: '客户数', products: '产品数', quotations: '报价单数' },
|
||||
}
|
||||
return map[configKey]?.[fieldKey] || fieldKey
|
||||
}
|
||||
const userDetail = ref(null)
|
||||
|
||||
const userTotalPages = computed(() => Math.ceil(userTotal.value / userPageSize) || 1)
|
||||
@@ -297,10 +343,19 @@ const changeUserPage = (page) => {
|
||||
|
||||
const doSearch = async () => {
|
||||
const q = searchQuery.value.trim()
|
||||
if (!q) return
|
||||
if (!q) {
|
||||
uni.showToast({ title: '请输入用户名或手机号', icon: 'none' })
|
||||
return
|
||||
}
|
||||
searching.value = true
|
||||
try {
|
||||
searchResults.value = await adminApi.searchUsers(q)
|
||||
const results = await adminApi.searchUsers(q)
|
||||
searchResults.value = results
|
||||
if (results.length) {
|
||||
uni.showToast({ title: `找到 ${results.length} 个用户`, icon: 'success' })
|
||||
} else {
|
||||
uni.showToast({ title: '无匹配用户', icon: 'none' })
|
||||
}
|
||||
} catch (err) {
|
||||
uni.showToast({ title: err.message || '搜索失败', icon: 'none' })
|
||||
} finally {
|
||||
@@ -348,7 +403,7 @@ const showUserDetail = async (userId) => {
|
||||
}
|
||||
}
|
||||
|
||||
const formatTime = (t) => t ? t.split('T')[0] : ''
|
||||
const formatTime = (t) => t ? t.slice(0, 16).replace('T', ' ') : ''
|
||||
const formatShortDate = (d) => d ? d.slice(5) : ''
|
||||
|
||||
const maxActionCount = ref(1)
|
||||
@@ -404,29 +459,30 @@ const loadConfig = async () => {
|
||||
}
|
||||
}
|
||||
|
||||
const formatConfigValue = (val) => {
|
||||
if (typeof val === 'object') return JSON.stringify(val, null, 2)
|
||||
return String(val)
|
||||
const onFieldEdit = (configKey, fieldKey, type, e) => {
|
||||
if (!configEdits.value[configKey]) configEdits.value[configKey] = {}
|
||||
const val = e.detail ? e.detail.value : e
|
||||
configEdits.value[configKey][fieldKey] = type === 'number' ? Number(val) : type === 'boolean' ? val : val
|
||||
}
|
||||
|
||||
const onConfigEdit = (key, e) => {
|
||||
configEdits.value[key] = e.detail.value
|
||||
const onSimpleEdit = (configKey, type, e) => {
|
||||
const val = e.detail ? e.detail.value : e
|
||||
configEdits.value[configKey] = type === 'number' ? Number(val) : type === 'boolean' ? val : val
|
||||
}
|
||||
|
||||
const saveConfig = async (key) => {
|
||||
const raw = configEdits.value[key]
|
||||
if (!raw) {
|
||||
const edit = configEdits.value[key]
|
||||
if (!edit) {
|
||||
uni.showToast({ title: '无改动', icon: 'none' })
|
||||
return
|
||||
}
|
||||
try {
|
||||
const value = JSON.parse(raw)
|
||||
await adminApi.updateConfig(key, value)
|
||||
await adminApi.updateConfig(key, edit)
|
||||
delete configEdits.value[key]
|
||||
uni.showToast({ title: '已保存', icon: 'success' })
|
||||
loadConfig()
|
||||
} catch (err) {
|
||||
uni.showToast({ title: 'JSON 格式错误或保存失败', icon: 'none' })
|
||||
uni.showToast({ title: err.message || '保存失败', icon: 'none' })
|
||||
}
|
||||
}
|
||||
|
||||
@@ -476,6 +532,7 @@ watch(tab, (val) => {
|
||||
.search-bar { display: flex; gap: 16rpx; margin-bottom: 20rpx; }
|
||||
.search-input { flex: 1; height: 70rpx; background: #f5f5f5; border-radius: 12rpx; padding: 0 20rpx; font-size: 26rpx; }
|
||||
.search-btn { height: 70rpx; line-height: 70rpx; padding: 0 30rpx; background: #667eea; color: #fff; border-radius: 12rpx; font-size: 26rpx; flex-shrink: 0; }
|
||||
.search-btn.loading { opacity: 0.6; }
|
||||
.search-btn.small { height: 56rpx; line-height: 56rpx; padding: 0 20rpx; font-size: 24rpx; }
|
||||
.search-btn.gray { background: #999; }
|
||||
.filter-row { display: flex; gap: 12rpx; margin-bottom: 12rpx; }
|
||||
@@ -494,10 +551,18 @@ watch(tab, (val) => {
|
||||
.log-time { font-size: 22rpx; color: #999; }
|
||||
.log-user, .log-ip { font-size: 22rpx; color: #999; display: block; }
|
||||
.log-detail { font-size: 22rpx; color: #666; margin-top: 6rpx; display: block; word-break: break-all; }
|
||||
.config-editor { display: flex; gap: 12rpx; align-items: flex-start; }
|
||||
.config-textarea { flex: 1; height: 160rpx; background: #f5f5f5; border-radius: 12rpx; padding: 16rpx; font-size: 24rpx; font-family: monospace; }
|
||||
.config-desc { font-size: 22rpx; color: #999; }
|
||||
.save-btn { height: 70rpx; line-height: 70rpx; padding: 0 30rpx; background: #52c41a; color: #fff; border-radius: 12rpx; font-size: 26rpx; flex-shrink: 0; }
|
||||
.card { background: #fff; border-radius: 16rpx; margin-bottom: 24rpx; overflow: hidden; }
|
||||
.card-header { padding: 24rpx 30rpx 0; }
|
||||
.card-title { font-size: 28rpx; font-weight: 600; color: #333; display: block; }
|
||||
.card-subtitle { font-size: 22rpx; color: #999; display: block; margin-top: 4rpx; }
|
||||
.card-body { padding: 20rpx 30rpx; }
|
||||
.card-footer { padding: 0 30rpx 24rpx; display: flex; justify-content: flex-end; }
|
||||
.cfg-field { display: flex; align-items: center; padding: 12rpx 0; border-bottom: 1rpx solid #f5f5f5; }
|
||||
.cfg-field:last-child { border-bottom: none; }
|
||||
.cfg-label { width: 180rpx; font-size: 24rpx; color: #666; flex-shrink: 0; }
|
||||
.cfg-input { flex: 1; height: 64rpx; background: #f5f5f5; border-radius: 8rpx; padding: 0 16rpx; font-size: 26rpx; }
|
||||
.cfg-textarea { flex: 1; min-height: 80rpx; background: #f5f5f5; border-radius: 8rpx; padding: 12rpx 16rpx; font-size: 24rpx; font-family: monospace; }
|
||||
.save-btn { height: 60rpx; line-height: 60rpx; padding: 0 28rpx; background: #52c41a; color: #fff; border-radius: 8rpx; font-size: 24rpx; flex-shrink: 0; }
|
||||
.pagination { display: flex; justify-content: center; align-items: center; gap: 20rpx; margin-top: 20rpx; padding: 20rpx 0; }
|
||||
.page-btn { font-size: 26rpx; padding: 8rpx 24rpx; background: #667eea; color: #fff; border-radius: 8rpx; }
|
||||
.page-btn.disabled { opacity: 0.4; }
|
||||
|
||||
@@ -101,12 +101,12 @@
|
||||
</view>
|
||||
|
||||
<view class="bottom-actions">
|
||||
<view class="action-btn export-btn" @click="exportCsv">
|
||||
<text class="btn-icon">CSV</text>
|
||||
<view class="action-btn export-btn" @click="showExportSheet = true">
|
||||
<text class="btn-icon">导</text>
|
||||
<text class="btn-text">导出</text>
|
||||
</view>
|
||||
<view class="action-btn import-btn" @click="importCustomers">
|
||||
<text class="btn-icon">导</text>
|
||||
<view class="action-btn import-btn" @click="showImportSheet = true">
|
||||
<text class="btn-icon">入</text>
|
||||
<text class="btn-text">导入</text>
|
||||
</view>
|
||||
<view class="action-btn add-btn" @click="showAddModal = true">
|
||||
@@ -280,6 +280,64 @@
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="action-sheet-overlay" v-if="showExportSheet" @click="showExportSheet = false">
|
||||
<view class="action-sheet" @click.stop>
|
||||
<view class="action-sheet-header">导出客户</view>
|
||||
<view class="action-sheet-item" @click="exportAsXlsx">
|
||||
<text class="action-sheet-icon">📊</text>
|
||||
<text class="action-sheet-text">导出为 Excel (.xlsx)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-item" @click="exportAsCsv">
|
||||
<text class="action-sheet-icon">📄</text>
|
||||
<text class="action-sheet-text">导出为 CSV (.csv)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-item" @click="exportToClipboard">
|
||||
<text class="action-sheet-icon">📋</text>
|
||||
<text class="action-sheet-text">复制到剪贴板(分享到微信/WhatsApp)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-cancel" @click="showExportSheet = false">取消</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="action-sheet-overlay" v-if="showImportSheet" @click="showImportSheet = false">
|
||||
<view class="action-sheet" @click.stop>
|
||||
<view class="action-sheet-header">导入客户</view>
|
||||
<view class="action-sheet-item" @click="importFromFile">
|
||||
<text class="action-sheet-icon">📁</text>
|
||||
<text class="action-sheet-text">从文件导入(支持 .xlsx / .csv)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-item" @click="showPasteImport = true; showImportSheet = false">
|
||||
<text class="action-sheet-icon">📋</text>
|
||||
<text class="action-sheet-text">从剪贴板导入(粘贴客户数据)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-cancel" @click="showImportSheet = false">取消</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="modal" v-if="showPasteImport" @click="showPasteImport = false">
|
||||
<view class="modal-content" @click.stop>
|
||||
<view class="modal-header">
|
||||
<text class="modal-title">从剪贴板导入</text>
|
||||
<text class="modal-close" @click="showPasteImport = false">×</text>
|
||||
</view>
|
||||
<view class="modal-body">
|
||||
<view class="form-item">
|
||||
<text class="form-label">粘贴客户数据</text>
|
||||
<textarea class="form-textarea" v-model="pasteData" placeholder="每行一个客户,用逗号或Tab分隔 格式: 姓名,公司,国家,电话,邮箱,状态" rows="6" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="modal-footer">
|
||||
<button class="cancel-btn" @click="showPasteImport = false">取消</button>
|
||||
<button class="submit-btn" @click="importFromPaste">导入</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -311,6 +369,11 @@ const formData = ref({
|
||||
status: 'lead',
|
||||
})
|
||||
|
||||
const showExportSheet = ref(false)
|
||||
const showImportSheet = ref(false)
|
||||
const showPasteImport = ref(false)
|
||||
const pasteData = ref('')
|
||||
|
||||
const statusOptions = ['lead', 'negotiating', 'customer', 'lost']
|
||||
|
||||
onShow(() => {
|
||||
@@ -392,7 +455,7 @@ const getStatusText = (status) => {
|
||||
|
||||
const formatTime = (time) => {
|
||||
if (!time) return ''
|
||||
return time.split('T')[0]
|
||||
return time.slice(0, 16).replace('T', ' ')
|
||||
}
|
||||
|
||||
const showCustomerDetail = async (item) => {
|
||||
@@ -463,7 +526,26 @@ const submitCustomer = async () => {
|
||||
}
|
||||
}
|
||||
|
||||
const exportCsv = () => {
|
||||
const exportAsXlsx = () => {
|
||||
showExportSheet.value = false
|
||||
const url = customerApi.exportXlsx()
|
||||
const token = uni.getStorageSync('token')
|
||||
uni.downloadFile({
|
||||
url,
|
||||
header: { Authorization: `Bearer ${token}` },
|
||||
success: (res) => {
|
||||
if (res.statusCode === 200) {
|
||||
uni.showToast({ title: '导出成功', icon: 'success' })
|
||||
} else {
|
||||
uni.showToast({ title: '导出失败', icon: 'none' })
|
||||
}
|
||||
},
|
||||
fail: () => { uni.showToast({ title: '导出失败', icon: 'none' }) },
|
||||
})
|
||||
}
|
||||
|
||||
const exportAsCsv = () => {
|
||||
showExportSheet.value = false
|
||||
const url = customerApi.exportCsv()
|
||||
const token = uni.getStorageSync('token')
|
||||
uni.downloadFile({
|
||||
@@ -480,7 +562,35 @@ const exportCsv = () => {
|
||||
})
|
||||
}
|
||||
|
||||
const importCustomers = () => {
|
||||
const exportToClipboard = async () => {
|
||||
showExportSheet.value = false
|
||||
try {
|
||||
const res = await customerApi.list(1, 9999)
|
||||
const items = res.items || []
|
||||
if (items.length === 0) {
|
||||
uni.showToast({ title: '暂无客户可导出', icon: 'none' })
|
||||
return
|
||||
}
|
||||
const headers = ['姓名', '公司', '国家', '电话', '邮箱', '状态', '最后联系']
|
||||
const rows = items.map(c => [
|
||||
c.name || '', c.company || '', c.country || '', c.phone || '',
|
||||
c.email || '', c.status || '', c.last_contact_at ? c.last_contact_at.slice(0, 16).replace('T', ' ') : '',
|
||||
])
|
||||
const text = [headers.join('\t'), ...rows.map(r => r.join('\t'))].join('\n')
|
||||
uni.setClipboardData({
|
||||
data: text,
|
||||
success: () => {
|
||||
uni.showToast({ title: `已复制 ${items.length} 条客户数据`, icon: 'success' })
|
||||
},
|
||||
fail: () => { uni.showToast({ title: '复制失败', icon: 'none' }) },
|
||||
})
|
||||
} catch (err) {
|
||||
uni.showToast({ title: err.message || '导出失败', icon: 'none' })
|
||||
}
|
||||
}
|
||||
|
||||
const importFromFile = () => {
|
||||
showImportSheet.value = false
|
||||
uni.chooseImage({
|
||||
count: 1,
|
||||
success: async (res) => {
|
||||
@@ -502,6 +612,48 @@ const importCustomers = () => {
|
||||
})
|
||||
}
|
||||
|
||||
const importFromPaste = async () => {
|
||||
if (!pasteData.value.trim()) {
|
||||
uni.showToast({ title: '请粘贴客户数据', icon: 'none' })
|
||||
return
|
||||
}
|
||||
showPasteImport.value = false
|
||||
uni.showLoading({ title: '导入中...' })
|
||||
try {
|
||||
const lines = pasteData.value.trim().split('\n')
|
||||
const imported = []
|
||||
const errors = []
|
||||
for (const line of lines) {
|
||||
const parts = line.split(/[\t,,]/).map(s => s.trim()).filter(Boolean)
|
||||
if (parts.length < 1) continue
|
||||
const data = {
|
||||
name: parts[0] || '',
|
||||
company: parts[1] || '',
|
||||
country: parts[2] || '',
|
||||
phone: parts[3] || '',
|
||||
email: parts[4] || '',
|
||||
status: parts[5] && ['lead', 'negotiating', 'customer', 'lost'].includes(parts[5]) ? parts[5] : 'lead',
|
||||
}
|
||||
try {
|
||||
await customerApi.create(data)
|
||||
imported.push(data.name)
|
||||
} catch (e) {
|
||||
errors.push(`${data.name}: ${e.message || '创建失败'}`)
|
||||
}
|
||||
}
|
||||
uni.hideLoading()
|
||||
pasteData.value = ''
|
||||
uni.showModal({
|
||||
title: '导入完成',
|
||||
content: `成功导入 ${imported.length} 条\n失败 ${errors.length} 条`,
|
||||
success: () => loadCustomers(),
|
||||
})
|
||||
} catch (err) {
|
||||
uni.hideLoading()
|
||||
uni.showToast({ title: err.message || '导入失败', icon: 'none' })
|
||||
}
|
||||
}
|
||||
|
||||
const generateWhatsAppReply = async () => {
|
||||
if (!currentCustomer.value?.whatsapp_id) return
|
||||
const lastMsg = conversation.value.length > 0 ? conversation.value[conversation.value.length - 1].content : ''
|
||||
@@ -1211,4 +1363,73 @@ const deleteCustomer = async (id) => {
|
||||
background: #25d366;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.action-sheet-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.action-sheet {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
padding: 0 0 60rpx;
|
||||
}
|
||||
|
||||
.action-sheet-header {
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
padding: 30rpx;
|
||||
border-bottom: 2rpx solid #f0f0f0;
|
||||
}
|
||||
|
||||
.action-sheet-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 28rpx 32rpx;
|
||||
border-bottom: 2rpx solid #f5f5f5;
|
||||
}
|
||||
|
||||
.action-sheet-icon {
|
||||
font-size: 36rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.action-sheet-text {
|
||||
flex: 1;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.action-sheet-arrow {
|
||||
font-size: 32rpx;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.action-sheet-cancel {
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
padding: 24rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.form-textarea {
|
||||
width: 100%;
|
||||
height: 240rpx;
|
||||
background: #f5f5f5;
|
||||
border-radius: 8rpx;
|
||||
padding: 20rpx;
|
||||
font-size: 26rpx;
|
||||
line-height: 1.5;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -71,12 +71,15 @@
|
||||
<text class="result-text">{{ tryResult }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="try-extracted" v-if="tryExtracted">
|
||||
<view class="try-extracted" v-if="tryExtracted && Object.keys(tryExtracted).length">
|
||||
<view class="result-header">
|
||||
<text class="result-label">提取结果</text>
|
||||
</view>
|
||||
<view class="extracted-content">
|
||||
<text class="extracted-text">{{ tryExtracted }}</text>
|
||||
<view class="extract-field" v-for="(val, key) in tryExtracted" :key="key">
|
||||
<text class="extract-field-label">{{ extractFieldLabels[key] || key }}</text>
|
||||
<text class="extract-field-value">{{ val || '-' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -144,7 +147,7 @@
|
||||
<text class="more-icon">👨👩👧👦</text>
|
||||
<text class="more-text">团队</text>
|
||||
</view>
|
||||
<view class="more-item" @click="hasLogin ? goToPage('/pages/admin/admin') : goToLogin()">
|
||||
<view class="more-item" v-if="isAdmin" @click="goToPage('/pages/admin/admin')">
|
||||
<text class="more-icon">⚙️</text>
|
||||
<text class="more-text">管理</text>
|
||||
</view>
|
||||
@@ -272,6 +275,10 @@ const hasLogin = computed(() => {
|
||||
const isGuest = uni.getStorageSync('isGuest')
|
||||
return !!token && !isGuest
|
||||
})
|
||||
const isAdmin = computed(() => {
|
||||
return hasLogin.value && userInfo.value?.role === 'admin'
|
||||
})
|
||||
const userInfo = ref(null)
|
||||
const stats = ref({
|
||||
customers: 0,
|
||||
silentCustomers: 0,
|
||||
@@ -291,7 +298,13 @@ const generatedContent = ref([])
|
||||
|
||||
const tryText = ref('')
|
||||
const tryResult = ref('')
|
||||
const tryExtracted = ref('')
|
||||
const tryExtracted = ref(null)
|
||||
const extractFieldLabels = {
|
||||
product_name: '产品名称', quantity: '数量', price: '价格',
|
||||
currency: '货币', delivery_terms: '交货条款', target_country: '目标国家',
|
||||
intent: '意图', product_interest: '感兴趣产品', budget: '预算',
|
||||
urgency: '紧迫程度', contact_info: '联系方式',
|
||||
}
|
||||
const tryLoading = ref(false)
|
||||
|
||||
onShow(() => {
|
||||
@@ -309,7 +322,7 @@ onShow(() => {
|
||||
loadFollowupStats()
|
||||
} else {
|
||||
tryResult.value = ''
|
||||
tryExtracted.value = ''
|
||||
tryExtracted.value = null
|
||||
tryText.value = ''
|
||||
}
|
||||
})
|
||||
@@ -429,7 +442,7 @@ const handleTryTranslate = async () => {
|
||||
}
|
||||
tryLoading.value = true
|
||||
tryResult.value = ''
|
||||
tryExtracted.value = ''
|
||||
tryExtracted.value = null
|
||||
|
||||
try {
|
||||
const chinesePattern = /[\u4e00-\u9fa5]/
|
||||
@@ -455,7 +468,7 @@ const handleTryExtract = async () => {
|
||||
}
|
||||
tryLoading.value = true
|
||||
tryResult.value = ''
|
||||
tryExtracted.value = ''
|
||||
tryExtracted.value = null
|
||||
|
||||
try {
|
||||
const isGuest = uni.getStorageSync('isGuest')
|
||||
@@ -463,7 +476,7 @@ const handleTryExtract = async () => {
|
||||
? await translateApi.publicExtract(tryText.value, 'auto')
|
||||
: await translateApi.extract(tryText.value, 'auto')
|
||||
const extracted = res.extracted || {}
|
||||
tryExtracted.value = JSON.stringify(extracted, null, 2)
|
||||
tryExtracted.value = typeof extracted === 'string' ? { raw: extracted } : extracted
|
||||
uni.showToast({ title: '提取成功', icon: 'success' })
|
||||
} catch (err) {
|
||||
uni.showToast({ title: err.message || '提取失败', icon: 'none' })
|
||||
@@ -761,13 +774,20 @@ const playTryResult = () => {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.try-result, .try-extracted {
|
||||
.try-result {
|
||||
background: #f6ffed;
|
||||
border-radius: 12rpx;
|
||||
padding: 24rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.try-extracted {
|
||||
background: #f9f0ff;
|
||||
border-radius: 12rpx;
|
||||
padding: 24rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.result-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@@ -802,13 +822,36 @@ const playTryResult = () => {
|
||||
padding: 16rpx;
|
||||
}
|
||||
|
||||
.result-text, .extracted-text {
|
||||
.result-text {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
line-height: 1.6;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.extract-field {
|
||||
display: flex;
|
||||
padding: 8rpx 0;
|
||||
border-bottom: 1rpx solid rgba(114, 46, 209, 0.1);
|
||||
}
|
||||
|
||||
.extract-field:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.extract-field-label {
|
||||
width: 160rpx;
|
||||
font-size: 24rpx;
|
||||
color: #722ed1;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.extract-field-value {
|
||||
flex: 1;
|
||||
font-size: 24rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.section {
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
|
||||
@@ -49,8 +49,8 @@
|
||||
<view class="input-group">
|
||||
<input
|
||||
class="input"
|
||||
type="number"
|
||||
placeholder="手机号"
|
||||
type="text"
|
||||
placeholder="手机号 / 用户名"
|
||||
v-model="phone"
|
||||
/>
|
||||
</view>
|
||||
@@ -218,19 +218,20 @@ const handleSubmit = async () => {
|
||||
await authApi.register(phone.value, password.value, username.value)
|
||||
uni.showToast({ title: '注册成功,请登录', icon: 'success' })
|
||||
isRegister.value = false
|
||||
} else {
|
||||
const res = await authApi.login(phone.value, password.value)
|
||||
uni.setStorageSync('token', res.access_token)
|
||||
uni.setStorageSync('userInfo', res.user)
|
||||
uni.setStorageSync('hasLogin', true)
|
||||
uni.setStorageSync('isGuest', false)
|
||||
uni.showToast({ title: '登录成功', icon: 'success' })
|
||||
setTimeout(() => {
|
||||
uni.switchTab({ url: '/pages/index/index' })
|
||||
}, 1000)
|
||||
}
|
||||
} else {
|
||||
const res = await authApi.login(phone.value, password.value)
|
||||
uni.setStorageSync('token', res.access_token)
|
||||
uni.setStorageSync('userInfo', res.user)
|
||||
uni.setStorageSync('hasLogin', true)
|
||||
uni.setStorageSync('isGuest', false)
|
||||
uni.reLaunch({ url: '/pages/index/index' })
|
||||
}
|
||||
} catch (err) {
|
||||
error.value = err.message || '操作失败,请重试'
|
||||
console.error('登录失败', err)
|
||||
error.value = (err.errMsg || err.message || '操作失败,请重试')
|
||||
if (err.statusCode === 401) {
|
||||
error.value = '手机号或密码错误'
|
||||
}
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
|
||||
@@ -1,5 +1,12 @@
|
||||
<template>
|
||||
<view class="product-container">
|
||||
<view class="product-list-header">
|
||||
<text class="header-col col-name">名称</text>
|
||||
<text class="header-col col-category">分类</text>
|
||||
<text class="header-col col-price">价格</text>
|
||||
<text class="header-col col-moq">MOQ</text>
|
||||
<text class="header-col col-actions">操作</text>
|
||||
</view>
|
||||
<view class="product-list" v-if="products.length > 0">
|
||||
<view class="product-item" v-for="item in products" :key="item.id" @click="showDetail(item)">
|
||||
<view class="product-info">
|
||||
@@ -27,8 +34,77 @@
|
||||
<text>暂无产品,点击下方添加产品</text>
|
||||
</view>
|
||||
|
||||
<view class="add-btn" @click="showAddModal = true">
|
||||
<text class="add-icon">+</text>
|
||||
<view class="bottom-actions">
|
||||
<view class="action-btn export-btn" @click="showExportSheet = true">
|
||||
<text class="btn-icon">导</text>
|
||||
<text class="btn-text">导出</text>
|
||||
</view>
|
||||
<view class="action-btn import-btn" @click="showImportSheet = true">
|
||||
<text class="btn-icon">入</text>
|
||||
<text class="btn-text">导入</text>
|
||||
</view>
|
||||
<view class="action-btn add-btn" @click="showAddModal = true">
|
||||
<text class="btn-icon">+</text>
|
||||
<text class="btn-text">新增</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="action-sheet-overlay" v-if="showExportSheet" @click="showExportSheet = false">
|
||||
<view class="action-sheet" @click.stop>
|
||||
<view class="action-sheet-header">导出产品</view>
|
||||
<view class="action-sheet-item" @click="exportAsXlsx">
|
||||
<text class="action-sheet-icon">📊</text>
|
||||
<text class="action-sheet-text">导出为 Excel (.xlsx)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-item" @click="exportAsCsv">
|
||||
<text class="action-sheet-icon">📄</text>
|
||||
<text class="action-sheet-text">导出为 CSV (.csv)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-item" @click="exportToClipboard">
|
||||
<text class="action-sheet-icon">📋</text>
|
||||
<text class="action-sheet-text">复制到剪贴板(分享到微信/WhatsApp)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-cancel" @click="showExportSheet = false">取消</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="action-sheet-overlay" v-if="showImportSheet" @click="showImportSheet = false">
|
||||
<view class="action-sheet" @click.stop>
|
||||
<view class="action-sheet-header">导入产品</view>
|
||||
<view class="action-sheet-item" @click="importFromFile">
|
||||
<text class="action-sheet-icon">📁</text>
|
||||
<text class="action-sheet-text">从文件导入(支持 .xlsx / .csv)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-item" @click="showPasteImport = true; showImportSheet = false">
|
||||
<text class="action-sheet-icon">📋</text>
|
||||
<text class="action-sheet-text">从剪贴板导入(粘贴产品数据)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-cancel" @click="showImportSheet = false">取消</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="modal" v-if="showPasteImport" @click="showPasteImport = false">
|
||||
<view class="modal-content" @click.stop>
|
||||
<view class="modal-header">
|
||||
<text class="modal-title">从剪贴板导入</text>
|
||||
<text class="modal-close" @click="showPasteImport = false">×</text>
|
||||
</view>
|
||||
<view class="modal-body">
|
||||
<view class="form-item">
|
||||
<text class="form-label">粘贴产品数据</text>
|
||||
<textarea class="form-textarea" v-model="pasteData" placeholder="每行一个产品,用逗号或Tab分隔 格式: 名称,英文名,分类,描述,价格,货币,MOQ,关键词" rows="6" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="modal-footer">
|
||||
<button class="cancel-btn" @click="showPasteImport = false">取消</button>
|
||||
<button class="submit-btn" @click="importFromPaste">导入</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="modal" v-if="showAddModal || showEditModal" @click="closeModal">
|
||||
@@ -129,6 +205,10 @@ const showEditModal = ref(false)
|
||||
const showDetailModal = ref(false)
|
||||
const currentProduct = ref(null)
|
||||
const keywordsInput = ref('')
|
||||
const showExportSheet = ref(false)
|
||||
const showImportSheet = ref(false)
|
||||
const showPasteImport = ref(false)
|
||||
const pasteData = ref('')
|
||||
|
||||
const formData = ref({
|
||||
name: '',
|
||||
@@ -232,6 +312,137 @@ const useProduct = (item) => {
|
||||
uni.showToast({ title: '已选择产品', icon: 'success' })
|
||||
showDetailModal.value = false
|
||||
}
|
||||
|
||||
const exportAsXlsx = () => {
|
||||
showExportSheet.value = false
|
||||
const url = productApi.exportXlsx()
|
||||
const token = uni.getStorageSync('token')
|
||||
uni.downloadFile({
|
||||
url,
|
||||
header: { Authorization: `Bearer ${token}` },
|
||||
success: (res) => {
|
||||
if (res.statusCode === 200) {
|
||||
uni.showToast({ title: '导出成功', icon: 'success' })
|
||||
} else {
|
||||
uni.showToast({ title: '导出失败', icon: 'none' })
|
||||
}
|
||||
},
|
||||
fail: () => { uni.showToast({ title: '导出失败', icon: 'none' }) },
|
||||
})
|
||||
}
|
||||
|
||||
const exportAsCsv = () => {
|
||||
showExportSheet.value = false
|
||||
const url = productApi.exportCsv()
|
||||
const token = uni.getStorageSync('token')
|
||||
uni.downloadFile({
|
||||
url,
|
||||
header: { Authorization: `Bearer ${token}` },
|
||||
success: (res) => {
|
||||
if (res.statusCode === 200) {
|
||||
uni.showToast({ title: '导出成功', icon: 'success' })
|
||||
} else {
|
||||
uni.showToast({ title: '导出失败', icon: 'none' })
|
||||
}
|
||||
},
|
||||
fail: () => { uni.showToast({ title: '导出失败', icon: 'none' }) },
|
||||
})
|
||||
}
|
||||
|
||||
const exportToClipboard = async () => {
|
||||
showExportSheet.value = false
|
||||
try {
|
||||
const res = await productApi.list(1, 9999)
|
||||
const items = res.items || []
|
||||
if (items.length === 0) {
|
||||
uni.showToast({ title: '暂无产品可导出', icon: 'none' })
|
||||
return
|
||||
}
|
||||
const headers = ['名称', '英文名', '分类', '价格', '货币', 'MOQ', '关键词']
|
||||
const rows = items.map(p => [
|
||||
p.name || '', p.name_en || '', p.category || '',
|
||||
p.price || '', p.price_unit || 'USD', p.moq || '',
|
||||
(p.keywords || []).join(', '),
|
||||
])
|
||||
const text = [headers.join('\t'), ...rows.map(r => r.join('\t'))].join('\n')
|
||||
uni.setClipboardData({
|
||||
data: text,
|
||||
success: () => {
|
||||
uni.showToast({ title: `已复制 ${items.length} 条产品数据`, icon: 'success' })
|
||||
},
|
||||
fail: () => { uni.showToast({ title: '复制失败', icon: 'none' }) },
|
||||
})
|
||||
} catch (err) {
|
||||
uni.showToast({ title: err.message || '导出失败', icon: 'none' })
|
||||
}
|
||||
}
|
||||
|
||||
const importFromFile = () => {
|
||||
showImportSheet.value = false
|
||||
uni.chooseImage({
|
||||
count: 1,
|
||||
success: async (res) => {
|
||||
const file = res.tempFilePaths[0]
|
||||
uni.showLoading({ title: '导入中...' })
|
||||
try {
|
||||
const result = await productApi.importProducts(file)
|
||||
uni.hideLoading()
|
||||
uni.showModal({
|
||||
title: '导入完成',
|
||||
content: `成功导入 ${result.imported || 0} 条\n失败 ${(result.errors || []).length} 条`,
|
||||
success: () => loadProducts(),
|
||||
})
|
||||
} catch (err) {
|
||||
uni.hideLoading()
|
||||
uni.showToast({ title: err.message || '导入失败', icon: 'none' })
|
||||
}
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
const importFromPaste = async () => {
|
||||
if (!pasteData.value.trim()) {
|
||||
uni.showToast({ title: '请粘贴产品数据', icon: 'none' })
|
||||
return
|
||||
}
|
||||
showPasteImport.value = false
|
||||
uni.showLoading({ title: '导入中...' })
|
||||
try {
|
||||
const lines = pasteData.value.trim().split('\n')
|
||||
const imported = []
|
||||
const errors = []
|
||||
for (const line of lines) {
|
||||
const parts = line.split(/[\t,,]/).map(s => s.trim()).filter(Boolean)
|
||||
if (parts.length < 1) continue
|
||||
const data = {
|
||||
name: parts[0] || '',
|
||||
name_en: parts[1] || '',
|
||||
category: parts[2] || '',
|
||||
description: parts[3] || '',
|
||||
price: parts[4] || '',
|
||||
price_unit: parts[5] && ['USD', 'EUR', 'GBP', 'CNY'].includes(parts[5]) ? parts[5] : 'USD',
|
||||
moq: parts[6] || '',
|
||||
keywords: parts[7] ? parts[7].split(/[,,]/).map(k => k.trim()).filter(Boolean) : [],
|
||||
}
|
||||
try {
|
||||
await productApi.create(data)
|
||||
imported.push(data.name)
|
||||
} catch (e) {
|
||||
errors.push(`${data.name}: ${e.message || '创建失败'}`)
|
||||
}
|
||||
}
|
||||
uni.hideLoading()
|
||||
pasteData.value = ''
|
||||
uni.showModal({
|
||||
title: '导入完成',
|
||||
content: `成功导入 ${imported.length} 条\n失败 ${errors.length} 条`,
|
||||
success: () => loadProducts(),
|
||||
})
|
||||
} catch (err) {
|
||||
uni.hideLoading()
|
||||
uni.showToast({ title: err.message || '导入失败', icon: 'none' })
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
@@ -252,6 +463,28 @@ export default {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.product-list-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 20rpx 24rpx;
|
||||
background: #fff;
|
||||
border-radius: 12rpx 12rpx 0 0;
|
||||
margin-bottom: 2rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.header-col {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.col-name { flex: 1; }
|
||||
.col-category { width: 120rpx; }
|
||||
.col-price { width: 150rpx; }
|
||||
.col-moq { width: 120rpx; }
|
||||
.col-actions { width: 120rpx; text-align: center; }
|
||||
|
||||
.product-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -353,23 +586,107 @@ export default {
|
||||
padding: 100rpx;
|
||||
}
|
||||
|
||||
.add-btn {
|
||||
.bottom-actions {
|
||||
position: fixed;
|
||||
right: 40rpx;
|
||||
bottom: 40rpx;
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
background: #1890ff;
|
||||
border-radius: 50%;
|
||||
bottom: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 8rpx 24rpx rgba(24, 144, 255, 0.4);
|
||||
flex-direction: column;
|
||||
gap: 24rpx;
|
||||
}
|
||||
|
||||
.add-icon {
|
||||
font-size: 60rpx;
|
||||
.action-btn {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.add-btn {
|
||||
background: #1890ff;
|
||||
}
|
||||
|
||||
.import-btn {
|
||||
background: #52c41a;
|
||||
}
|
||||
|
||||
.export-btn {
|
||||
background: #07c160;
|
||||
}
|
||||
|
||||
.btn-icon {
|
||||
font-size: 32rpx;
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.btn-text {
|
||||
font-size: 18rpx;
|
||||
color: #fff;
|
||||
margin-top: 2rpx;
|
||||
}
|
||||
|
||||
.action-sheet-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.action-sheet {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
padding: 0 0 60rpx;
|
||||
}
|
||||
|
||||
.action-sheet-header {
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
padding: 30rpx;
|
||||
border-bottom: 2rpx solid #f0f0f0;
|
||||
}
|
||||
|
||||
.action-sheet-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 28rpx 32rpx;
|
||||
border-bottom: 2rpx solid #f5f5f5;
|
||||
}
|
||||
|
||||
.action-sheet-icon {
|
||||
font-size: 36rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.action-sheet-text {
|
||||
flex: 1;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.action-sheet-arrow {
|
||||
font-size: 32rpx;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.action-sheet-cancel {
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
padding: 24rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.modal {
|
||||
|
||||
@@ -54,11 +54,77 @@
|
||||
<text>暂无报价单</text>
|
||||
</view>
|
||||
|
||||
<view class="export-csv-btn" @click="exportCsv">
|
||||
<text class="export-icon">CSV</text>
|
||||
<view class="bottom-actions">
|
||||
<view class="action-btn export-btn" @click="showExportSheet = true">
|
||||
<text class="btn-icon">导</text>
|
||||
<text class="btn-text">导出</text>
|
||||
</view>
|
||||
<view class="action-btn import-btn" @click="showImportSheet = true">
|
||||
<text class="btn-icon">入</text>
|
||||
<text class="btn-text">导入</text>
|
||||
</view>
|
||||
<view class="action-btn add-btn" @click="showCreateModal = true">
|
||||
<text class="btn-icon">+</text>
|
||||
<text class="btn-text">新增</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="add-btn" @click="showCreateModal = true">
|
||||
<text class="add-icon">+</text>
|
||||
|
||||
<view class="action-sheet-overlay" v-if="showExportSheet" @click="showExportSheet = false">
|
||||
<view class="action-sheet" @click.stop>
|
||||
<view class="action-sheet-header">导出报价单</view>
|
||||
<view class="action-sheet-item" @click="exportAsXlsx">
|
||||
<text class="action-sheet-icon">📊</text>
|
||||
<text class="action-sheet-text">导出为 Excel (.xlsx)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-item" @click="exportAsCsv">
|
||||
<text class="action-sheet-icon">📄</text>
|
||||
<text class="action-sheet-text">导出为 CSV (.csv)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-item" @click="exportToClipboard">
|
||||
<text class="action-sheet-icon">📋</text>
|
||||
<text class="action-sheet-text">复制到剪贴板(分享到微信/WhatsApp)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-cancel" @click="showExportSheet = false">取消</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="action-sheet-overlay" v-if="showImportSheet" @click="showImportSheet = false">
|
||||
<view class="action-sheet" @click.stop>
|
||||
<view class="action-sheet-header">导入报价单</view>
|
||||
<view class="action-sheet-item" @click="importFromFile">
|
||||
<text class="action-sheet-icon">📁</text>
|
||||
<text class="action-sheet-text">从文件导入(支持 .xlsx / .csv)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-item" @click="showPasteImport = true; showImportSheet = false">
|
||||
<text class="action-sheet-icon">📋</text>
|
||||
<text class="action-sheet-text">从剪贴板导入(粘贴报价数据)</text>
|
||||
<text class="action-sheet-arrow">›</text>
|
||||
</view>
|
||||
<view class="action-sheet-cancel" @click="showImportSheet = false">取消</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="modal" v-if="showPasteImport" @click="showPasteImport = false">
|
||||
<view class="modal-content" @click.stop>
|
||||
<view class="modal-header">
|
||||
<text class="modal-title">从剪贴板导入</text>
|
||||
<text class="modal-close" @click="showPasteImport = false">×</text>
|
||||
</view>
|
||||
<view class="modal-body">
|
||||
<view class="form-item">
|
||||
<text class="form-label">粘贴报价数据</text>
|
||||
<textarea class="form-textarea" v-model="pasteData" placeholder="每行一个报价单,用逗号或Tab分隔 格式: 标题,客户ID,货币,金额,状态" rows="6" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="modal-footer">
|
||||
<button class="cancel-btn" @click="showPasteImport = false">取消</button>
|
||||
<button class="submit-btn" @click="importFromPaste">导入</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="modal" v-if="showCreateModal" @click="closeModal">
|
||||
@@ -211,6 +277,11 @@ const formData = ref({
|
||||
|
||||
const customerOptions = ref([])
|
||||
|
||||
const showExportSheet = ref(false)
|
||||
const showImportSheet = ref(false)
|
||||
const showPasteImport = ref(false)
|
||||
const pasteData = ref('')
|
||||
|
||||
onShow(() => {
|
||||
loadQuotations()
|
||||
loadCustomers()
|
||||
@@ -221,7 +292,7 @@ const loadQuotations = async () => {
|
||||
const res = await quotationApi.list()
|
||||
quotations.value = res.items || []
|
||||
} catch (err) {
|
||||
uni.showToast({ title: err.message || '加载失败', icon: 'none' })
|
||||
console.error('加载报价单失败', err)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -242,7 +313,7 @@ const getStatusText = (status) => {
|
||||
|
||||
const formatTime = (time) => {
|
||||
if (!time) return ''
|
||||
return time.split('T')[0]
|
||||
return time.slice(0, 16).replace('T', ' ')
|
||||
}
|
||||
|
||||
const getCustomerName = (id) => {
|
||||
@@ -355,7 +426,26 @@ const generateSmartQuote = async () => {
|
||||
}
|
||||
}
|
||||
|
||||
const exportCsv = () => {
|
||||
const exportAsXlsx = () => {
|
||||
showExportSheet.value = false
|
||||
const url = quotationApi.exportXlsx()
|
||||
const token = uni.getStorageSync('token')
|
||||
uni.downloadFile({
|
||||
url,
|
||||
header: { Authorization: `Bearer ${token}` },
|
||||
success: (res) => {
|
||||
if (res.statusCode === 200) {
|
||||
uni.showToast({ title: '导出成功', icon: 'success' })
|
||||
} else {
|
||||
uni.showToast({ title: '导出失败', icon: 'none' })
|
||||
}
|
||||
},
|
||||
fail: () => { uni.showToast({ title: '导出失败', icon: 'none' }) },
|
||||
})
|
||||
}
|
||||
|
||||
const exportAsCsv = () => {
|
||||
showExportSheet.value = false
|
||||
const url = quotationApi.exportCsv()
|
||||
const token = uni.getStorageSync('token')
|
||||
uni.downloadFile({
|
||||
@@ -372,6 +462,97 @@ const exportCsv = () => {
|
||||
})
|
||||
}
|
||||
|
||||
const exportToClipboard = async () => {
|
||||
showExportSheet.value = false
|
||||
try {
|
||||
const res = await quotationApi.list(1, 9999)
|
||||
const items = res.items || []
|
||||
if (items.length === 0) {
|
||||
uni.showToast({ title: '暂无报价单可导出', icon: 'none' })
|
||||
return
|
||||
}
|
||||
const headers = ['标题', '客户', '货币', '总计', '状态', '日期']
|
||||
const rows = items.map(q => [
|
||||
q.title || '', q.customer_name || '', q.currency || 'USD',
|
||||
q.total || 0, q.status || '', q.created_at ? q.created_at.slice(0, 16).replace('T', ' ') : '',
|
||||
])
|
||||
const text = [headers.join('\t'), ...rows.map(r => r.join('\t'))].join('\n')
|
||||
uni.setClipboardData({
|
||||
data: text,
|
||||
success: () => {
|
||||
uni.showToast({ title: `已复制 ${items.length} 条报价数据`, icon: 'success' })
|
||||
},
|
||||
fail: () => { uni.showToast({ title: '复制失败', icon: 'none' }) },
|
||||
})
|
||||
} catch (err) {
|
||||
uni.showToast({ title: err.message || '导出失败', icon: 'none' })
|
||||
}
|
||||
}
|
||||
|
||||
const importFromFile = () => {
|
||||
showImportSheet.value = false
|
||||
uni.chooseImage({
|
||||
count: 1,
|
||||
success: async (res) => {
|
||||
const file = res.tempFilePaths[0]
|
||||
uni.showLoading({ title: '导入中...' })
|
||||
try {
|
||||
const result = await quotationApi.importQuotations(file)
|
||||
uni.hideLoading()
|
||||
uni.showModal({
|
||||
title: '导入完成',
|
||||
content: `成功导入 ${result.imported || 0} 条\n失败 ${(result.errors || []).length} 条`,
|
||||
success: () => loadQuotations(),
|
||||
})
|
||||
} catch (err) {
|
||||
uni.hideLoading()
|
||||
uni.showToast({ title: err.message || '导入失败', icon: 'none' })
|
||||
}
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
const importFromPaste = async () => {
|
||||
if (!pasteData.value.trim()) {
|
||||
uni.showToast({ title: '请粘贴报价数据', icon: 'none' })
|
||||
return
|
||||
}
|
||||
showPasteImport.value = false
|
||||
uni.showLoading({ title: '导入中...' })
|
||||
try {
|
||||
const lines = pasteData.value.trim().split('\n')
|
||||
const imported = []
|
||||
const errors = []
|
||||
for (const line of lines) {
|
||||
const parts = line.split(/[\t,,]/).map(s => s.trim()).filter(Boolean)
|
||||
if (parts.length < 1) continue
|
||||
const data = {
|
||||
title: parts[0] || '',
|
||||
customer_id: parts[1] || '',
|
||||
currency: parts[2] && ['USD', 'EUR', 'GBP', 'CNY'].includes(parts[2]) ? parts[2] : 'USD',
|
||||
items: [{ product_name: 'Imported Item', quantity: 1, unit_price: parseFloat(parts[3]) || 0 }],
|
||||
status: parts[4] && ['draft', 'sent', 'accepted', 'rejected'].includes(parts[4]) ? parts[4] : 'draft',
|
||||
}
|
||||
try {
|
||||
await quotationApi.create(data)
|
||||
imported.push(data.title)
|
||||
} catch (e) {
|
||||
errors.push(`${data.title}: ${e.message || '创建失败'}`)
|
||||
}
|
||||
}
|
||||
uni.hideLoading()
|
||||
pasteData.value = ''
|
||||
uni.showModal({
|
||||
title: '导入完成',
|
||||
content: `成功导入 ${imported.length} 条\n失败 ${errors.length} 条`,
|
||||
success: () => loadQuotations(),
|
||||
})
|
||||
} catch (err) {
|
||||
uni.hideLoading()
|
||||
uni.showToast({ title: err.message || '导入失败', icon: 'none' })
|
||||
}
|
||||
}
|
||||
|
||||
const exportPdf = (item) => {
|
||||
const url = quotationApi.exportPdf(item.id)
|
||||
uni.downloadFile({
|
||||
@@ -500,38 +681,107 @@ const exportPdf = (item) => {
|
||||
padding: 100rpx;
|
||||
}
|
||||
|
||||
.export-csv-btn {
|
||||
position: fixed;
|
||||
right: 40rpx;
|
||||
bottom: calc(100px + 100rpx + 24rpx);
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
background: #722ed1;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 8rpx 24rpx rgba(114, 46, 209, 0.4);
|
||||
}
|
||||
|
||||
.export-icon {
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.add-btn {
|
||||
.bottom-actions {
|
||||
position: fixed;
|
||||
right: 40rpx;
|
||||
bottom: 100px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24rpx;
|
||||
}
|
||||
|
||||
.action-btn {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
background: #1890ff;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 8rpx 24rpx rgba(24, 144, 255, 0.4);
|
||||
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.add-btn {
|
||||
background: #1890ff;
|
||||
}
|
||||
|
||||
.import-btn {
|
||||
background: #52c41a;
|
||||
}
|
||||
|
||||
.export-btn {
|
||||
background: #722ed1;
|
||||
}
|
||||
|
||||
.btn-icon {
|
||||
font-size: 32rpx;
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.btn-text {
|
||||
font-size: 18rpx;
|
||||
color: #fff;
|
||||
margin-top: 2rpx;
|
||||
}
|
||||
|
||||
.action-sheet-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.action-sheet {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
padding: 0 0 60rpx;
|
||||
}
|
||||
|
||||
.action-sheet-header {
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
padding: 30rpx;
|
||||
border-bottom: 2rpx solid #f0f0f0;
|
||||
}
|
||||
|
||||
.action-sheet-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 28rpx 32rpx;
|
||||
border-bottom: 2rpx solid #f5f5f5;
|
||||
}
|
||||
|
||||
.action-sheet-icon {
|
||||
font-size: 36rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.action-sheet-text {
|
||||
flex: 1;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.action-sheet-arrow {
|
||||
font-size: 32rpx;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.action-sheet-cancel {
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
padding: 24rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.add-icon {
|
||||
|
||||
@@ -64,13 +64,16 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="extract-section" v-if="extractedInfo">
|
||||
<view class="extract-section" v-if="extractedInfo && Object.keys(extractedInfo).length">
|
||||
<view class="extract-header">
|
||||
<text class="extract-label">抽取信息</text>
|
||||
<text class="extract-close" @click="extractedInfo = null">×</text>
|
||||
</view>
|
||||
<view class="extract-content">
|
||||
<text class="extract-text">{{ extractedInfo }}</text>
|
||||
<view class="extract-field" v-for="(val, key) in extractedInfo" :key="key">
|
||||
<text class="extract-field-label">{{ extractFieldLabels[key] || key }}</text>
|
||||
<text class="extract-field-value">{{ val || '-' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -242,11 +245,18 @@ const playTts = () => {
|
||||
}
|
||||
}
|
||||
|
||||
const extractFieldLabels = {
|
||||
product_name: '产品名称', quantity: '数量', price: '价格',
|
||||
currency: '货币', delivery_terms: '交货条款', target_country: '目标国家',
|
||||
intent: '意图', product_interest: '感兴趣产品', budget: '预算',
|
||||
urgency: '紧迫程度', contact_info: '联系方式',
|
||||
}
|
||||
|
||||
const handleExtract = async () => {
|
||||
if (!result.value) return
|
||||
try {
|
||||
const res = await translateApi.extract(result.value)
|
||||
extractedInfo.value = typeof res.extracted === 'string' ? res.extracted : JSON.stringify(res.extracted, null, 2)
|
||||
extractedInfo.value = typeof res.extracted === 'string' ? { raw: res.extracted } : res.extracted
|
||||
} catch (err) {
|
||||
uni.showToast({ title: err.message || '抽取失败', icon: 'none' })
|
||||
}
|
||||
@@ -476,15 +486,32 @@ const selectSuggestion = (index) => {
|
||||
}
|
||||
|
||||
.extract-content {
|
||||
padding: 16rpx;
|
||||
padding: 12rpx 16rpx;
|
||||
background: #f9f0ff;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.extract-text {
|
||||
font-size: 26rpx;
|
||||
line-height: 1.5;
|
||||
white-space: pre-wrap;
|
||||
.extract-field {
|
||||
display: flex;
|
||||
padding: 8rpx 0;
|
||||
border-bottom: 1rpx solid rgba(114, 46, 209, 0.1);
|
||||
}
|
||||
|
||||
.extract-field:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.extract-field-label {
|
||||
width: 160rpx;
|
||||
font-size: 24rpx;
|
||||
color: #722ed1;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.extract-field-value {
|
||||
flex: 1;
|
||||
font-size: 24rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.suggestions-section {
|
||||
|
||||
@@ -98,8 +98,28 @@ export const quotationApi = {
|
||||
updateStatus: (id, status) => request(`/quotations/${id}/status`, 'PATCH', { status }),
|
||||
exportPdf: (id) => `${BASE_URL}/quotations/${id}/pdf`,
|
||||
exportCsv: () => `${BASE_URL}/quotations/export/csv`,
|
||||
exportXlsx: () => `${BASE_URL}/quotations/export/xlsx`,
|
||||
generateFromInquiry: (inquiryText, customerId = null) =>
|
||||
request('/quotations/generate-from-inquiry', 'POST', { inquiry_text: inquiryText, customer_id: customerId }),
|
||||
importQuotations: (file) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
const token = uni.getStorageSync('token')
|
||||
uni.uploadFile({
|
||||
url: `${BASE_URL}/quotations/import`,
|
||||
filePath: file,
|
||||
name: 'file',
|
||||
header: token ? { Authorization: `Bearer ${token}` } : {},
|
||||
success: (res) => {
|
||||
try {
|
||||
resolve(JSON.parse(res.data))
|
||||
} catch (e) {
|
||||
resolve(res.data)
|
||||
}
|
||||
},
|
||||
fail: reject,
|
||||
})
|
||||
})
|
||||
},
|
||||
}
|
||||
|
||||
export const productApi = {
|
||||
@@ -108,6 +128,27 @@ export const productApi = {
|
||||
create: (data) => request('/products', 'POST', data),
|
||||
update: (id, data) => request(`/products/${id}`, 'PATCH', data),
|
||||
delete: (id) => request(`/products/${id}`, 'DELETE'),
|
||||
exportCsv: () => `${BASE_URL}/products/export/csv`,
|
||||
exportXlsx: () => `${BASE_URL}/products/export/xlsx`,
|
||||
importProducts: (file) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
const token = uni.getStorageSync('token')
|
||||
uni.uploadFile({
|
||||
url: `${BASE_URL}/products/import`,
|
||||
filePath: file,
|
||||
name: 'file',
|
||||
header: token ? { Authorization: `Bearer ${token}` } : {},
|
||||
success: (res) => {
|
||||
try {
|
||||
resolve(JSON.parse(res.data))
|
||||
} catch (e) {
|
||||
resolve(res.data)
|
||||
}
|
||||
},
|
||||
fail: reject,
|
||||
})
|
||||
})
|
||||
},
|
||||
}
|
||||
|
||||
export const adminApi = {
|
||||
@@ -261,6 +302,7 @@ export const customerApi = {
|
||||
getConversation: (id, page = 1, size = 50) =>
|
||||
request(`/customers/${id}/conversation?page=${page}&size=${size}`),
|
||||
exportCsv: () => `${BASE_URL}/customers/export/csv`,
|
||||
exportXlsx: () => `${BASE_URL}/customers/export/xlsx`,
|
||||
importCustomers: (file) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
const token = uni.getStorageSync('token')
|
||||
|
||||
Reference in New Issue
Block a user