650 lines
31 KiB
JavaScript
650 lines
31 KiB
JavaScript
const { createApp, reactive } = Vue;
|
|
const app = createApp({
|
|
setup(){
|
|
const state = reactive({
|
|
templates: [],
|
|
jobs: [],
|
|
jobsVisible: false,
|
|
jobsTplId: null,
|
|
jobsPage: 1,
|
|
jobsPageSize: 10,
|
|
jobsTotal: 0,
|
|
sqlVisible: false,
|
|
sqlText: '',
|
|
job: {},
|
|
form: {
|
|
name: '',
|
|
datasource: 'marketing',
|
|
main_table: 'order',
|
|
orderType: 1,
|
|
fieldsRaw: 'order_number,creator,out_trade_no,type,status,contract_price,num,total,pay_amount,create_time',
|
|
fieldsSel: [],
|
|
creatorRaw: '',
|
|
permissionMode: 'all',
|
|
file_format: 'xlsx',
|
|
visibility: 'private',
|
|
|
|
},
|
|
createVisible: false,
|
|
editVisible: false,
|
|
exportVisible: false,
|
|
createWidth: (localStorage.getItem('tplDialogWidth') || '900px'),
|
|
editWidth: (localStorage.getItem('tplEditDialogWidth') || '600px'),
|
|
edit: { id: null, name: '', visibility: 'private', file_format: 'csv' },
|
|
exportForm: { tplId: null, datasource: 'marketing', file_format: 'xlsx', dateRange: [], creatorIds: [], creatorIdsRaw: '', resellerId: null, planId: null, keyBatchId: null, codeBatchId: null, productId: null, outTradeNo: '', account: '', cashActivityId: '', voucherChannelActivityId: '', voucherBatchChannelActivityId: '', outBizNo: '' },
|
|
exportTpl: { id: null, filters: {}, main_table: '', fields: [], datasource: '', file_format: '' }
|
|
})
|
|
|
|
const API_BASE = 'http://localhost:8077'
|
|
const FIELDS_MAP = {
|
|
marketing: {
|
|
order: [
|
|
{ value: 'order_number', label: '订单编号' },
|
|
{ value: 'creator', label: '创建者ID' },
|
|
{ value: 'out_trade_no', label: '支付流水号' },
|
|
{ value: 'type', label: '订单类型' },
|
|
{ value: 'status', label: '订单状态' },
|
|
{ value: 'contract_price', label: '合同单价' },
|
|
{ value: 'num', label: '数量' },
|
|
{ value: 'total', label: '总金额' },
|
|
{ value: 'pay_amount', label: '支付金额' },
|
|
{ value: 'create_time', label: '创建时间' },
|
|
{ value: 'update_time', label: '更新时间' }
|
|
]
|
|
,
|
|
order_detail: [
|
|
{ value: 'plan_title', label: '计划标题' },
|
|
{ value: 'reseller_name', label: '分销商名称' },
|
|
{ value: 'product_name', label: '商品名称' },
|
|
{ value: 'show_url', label: '商品图片URL' },
|
|
{ value: 'official_price', label: '官方价' },
|
|
{ value: 'cost_price', label: '成本价' },
|
|
{ value: 'create_time', label: '创建时间' },
|
|
{ value: 'update_time', label: '更新时间' }
|
|
],
|
|
order_cash: [
|
|
{ value: 'channel', label: '渠道' },
|
|
{ value: 'cash_activity_id', label: '红包批次号' },
|
|
{ value: 'receive_status', label: '领取状态' },
|
|
{ value: 'receive_time', label: '拆红包时间' },
|
|
{ value: 'cash_packet_id', label: '红包ID' },
|
|
{ value: 'cash_id', label: '红包规则ID' },
|
|
{ value: 'amount', label: '红包额度' },
|
|
{ value: 'status', label: '状态' },
|
|
{ value: 'expire_time', label: '过期时间' },
|
|
{ value: 'update_time', label: '更新时间' }
|
|
],
|
|
order_voucher: [
|
|
{ value: 'channel', label: '渠道' },
|
|
{ value: 'channel_activity_id', label: '渠道立减金批次' },
|
|
{ value: 'channel_voucher_id', label: '渠道立减金ID' },
|
|
{ value: 'status', label: '状态' },
|
|
{ value: 'grant_time', label: '领取时间' },
|
|
{ value: 'usage_time', label: '核销时间' },
|
|
{ value: 'refund_time', label: '退款时间' },
|
|
{ value: 'status_modify_time', label: '状态更新时间' },
|
|
{ value: 'overdue_time', label: '过期时间' },
|
|
{ value: 'refund_amount', label: '退款金额' },
|
|
{ value: 'official_price', label: '官方价' },
|
|
{ value: 'out_biz_no', label: '外部业务号' },
|
|
{ value: 'account_no', label: '账户号' }
|
|
],
|
|
plan: [
|
|
{ value: 'id', label: '计划ID' },
|
|
{ value: 'title', label: '计划标题' },
|
|
{ value: 'status', label: '状态' },
|
|
{ value: 'begin_time', label: '开始时间' },
|
|
{ value: 'end_time', label: '结束时间' }
|
|
],
|
|
key_batch: [
|
|
{ value: 'id', label: '批次ID' },
|
|
{ value: 'batch_name', label: '批次名称' },
|
|
{ value: 'bind_object', label: '绑定对象' },
|
|
{ value: 'quantity', label: '发放数量' },
|
|
{ value: 'stock', label: '剩余库存' },
|
|
{ value: 'begin_time', label: '开始时间' },
|
|
{ value: 'end_time', label: '结束时间' }
|
|
],
|
|
code_batch: [
|
|
{ value: 'id', label: '兑换批次ID' },
|
|
{ value: 'title', label: '标题' },
|
|
{ value: 'status', label: '状态' },
|
|
{ value: 'begin_time', label: '开始时间' },
|
|
{ value: 'end_time', label: '结束时间' },
|
|
{ value: 'quantity', label: '数量' },
|
|
{ value: 'usage', label: '使用数' },
|
|
{ value: 'stock', label: '库存' }
|
|
],
|
|
voucher: [
|
|
{ value: 'channel', label: '渠道' },
|
|
{ value: 'channel_activity_id', label: '渠道批次号' },
|
|
{ value: 'price', label: '合同单价' },
|
|
{ value: 'balance', label: '剩余额度' },
|
|
{ value: 'used_amount', label: '已用额度' },
|
|
{ value: 'denomination', label: '面额' }
|
|
],
|
|
voucher_batch: [
|
|
{ value: 'channel_activity_id', label: '渠道批次号' },
|
|
{ value: 'temp_no', label: '模板编号' },
|
|
{ value: 'provider', label: '服务商' },
|
|
{ value: 'weight', label: '权重' }
|
|
],
|
|
merchant_key_send: [
|
|
{ value: 'merchant_id', label: '商户ID' },
|
|
{ value: 'out_biz_no', label: '商户业务号' },
|
|
{ value: 'key', label: '券码' },
|
|
{ value: 'status', label: '状态' },
|
|
{ value: 'usage_time', label: '核销时间' },
|
|
{ value: 'create_time', label: '创建时间' }
|
|
]
|
|
},
|
|
ymt: {
|
|
order: [
|
|
{ value: 'order_number', label: '订单编号' },
|
|
{ value: 'creator', label: '创建者ID' },
|
|
{ value: 'out_trade_no', label: '支付流水号' },
|
|
{ value: 'type', label: '订单类型' },
|
|
{ value: 'status', label: '订单状态' },
|
|
{ value: 'contract_price', label: '合同单价' },
|
|
{ value: 'num', label: '数量' },
|
|
{ value: 'total', label: '总金额' },
|
|
{ value: 'pay_amount', label: '支付金额' },
|
|
{ value: 'create_time', label: '创建时间' },
|
|
{ value: 'update_time', label: '更新时间' }
|
|
],
|
|
order_detail: [
|
|
{ value: 'plan_title', label: '计划标题' },
|
|
{ value: 'reseller_name', label: '分销商名称' },
|
|
{ value: 'product_name', label: '商品名称' },
|
|
{ value: 'show_url', label: '商品图片URL' },
|
|
{ value: 'official_price', label: '官方价' },
|
|
{ value: 'cost_price', label: '成本价' },
|
|
{ value: 'create_time', label: '创建时间' },
|
|
{ value: 'update_time', label: '更新时间' }
|
|
],
|
|
order_cash: [
|
|
{ value: 'channel', label: '渠道' },
|
|
{ value: 'cash_activity_id', label: '红包批次号' },
|
|
{ value: 'receive_status', label: '领取状态' },
|
|
{ value: 'receive_time', label: '拆红包时间' },
|
|
{ value: 'cash_packet_id', label: '红包ID' },
|
|
{ value: 'cash_id', label: '红包规则ID' },
|
|
{ value: 'amount', label: '红包额度' },
|
|
{ value: 'status', label: '状态' },
|
|
{ value: 'expire_time', label: '过期时间' },
|
|
{ value: 'update_time', label: '更新时间' }
|
|
],
|
|
order_voucher: [
|
|
{ value: 'channel', label: '渠道' },
|
|
{ value: 'channel_activity_id', label: '渠道立减金批次' },
|
|
{ value: 'channel_voucher_id', label: '渠道立减金ID' },
|
|
{ value: 'status', label: '状态' },
|
|
{ value: 'grant_time', label: '领取时间' },
|
|
{ value: 'usage_time', label: '核销时间' },
|
|
{ value: 'refund_time', label: '退款时间' },
|
|
{ value: 'status_modify_time', label: '状态更新时间' },
|
|
{ value: 'overdue_time', label: '过期时间' },
|
|
{ value: 'refund_amount', label: '退款金额' },
|
|
{ value: 'official_price', label: '官方价' },
|
|
{ value: 'out_biz_no', label: '外部业务号' },
|
|
{ value: 'account_no', label: '账户号' }
|
|
],
|
|
plan: [
|
|
{ value: 'id', label: '计划ID' },
|
|
{ value: 'title', label: '计划标题' },
|
|
{ value: 'status', label: '状态' },
|
|
{ value: 'begin_time', label: '开始时间' },
|
|
{ value: 'end_time', label: '结束时间' }
|
|
],
|
|
key_batch: [
|
|
{ value: 'id', label: '批次ID' },
|
|
{ value: 'batch_name', label: '批次名称' },
|
|
{ value: 'bind_object', label: '绑定对象' },
|
|
{ value: 'quantity', label: '发放数量' },
|
|
{ value: 'stock', label: '剩余库存' },
|
|
{ value: 'begin_time', label: '开始时间' },
|
|
{ value: 'end_time', label: '结束时间' }
|
|
],
|
|
code_batch: [
|
|
{ value: 'id', label: '兑换批次ID' },
|
|
{ value: 'title', label: '标题' },
|
|
{ value: 'status', label: '状态' },
|
|
{ value: 'begin_time', label: '开始时间' },
|
|
{ value: 'end_time', label: '结束时间' },
|
|
{ value: 'quantity', label: '数量' },
|
|
{ value: 'usage', label: '使用数' },
|
|
{ value: 'stock', label: '库存' }
|
|
],
|
|
voucher: [
|
|
{ value: 'channel', label: '渠道' },
|
|
{ value: 'channel_activity_id', label: '渠道批次号' },
|
|
{ value: 'price', label: '合同单价' },
|
|
{ value: 'balance', label: '剩余额度' },
|
|
{ value: 'used_amount', label: '已用额度' },
|
|
{ value: 'denomination', label: '面额' }
|
|
],
|
|
voucher_batch: [
|
|
{ value: 'channel_activity_id', label: '渠道批次号' },
|
|
{ value: 'temp_no', label: '模板编号' },
|
|
{ value: 'provider', label: '服务商' },
|
|
{ value: 'weight', label: '权重' }
|
|
],
|
|
merchant_key_send: [
|
|
{ value: 'merchant_id', label: '商户ID' },
|
|
{ value: 'out_biz_no', label: '商户业务号' },
|
|
{ value: 'key', label: '券码' },
|
|
{ value: 'status', label: '状态' },
|
|
{ value: 'usage_time', label: '核销时间' },
|
|
{ value: 'create_time', label: '创建时间' }
|
|
]
|
|
}
|
|
}
|
|
const TABLE_LABELS = {
|
|
order: '订单主表',
|
|
order_detail: '订单详情',
|
|
order_cash: '红包订单',
|
|
order_voucher: '立减金订单',
|
|
plan: '活动计划',
|
|
key_batch: 'KEY批次',
|
|
code_batch: '兑换码批次',
|
|
voucher: '立减金',
|
|
voucher_batch: '立减金批次',
|
|
merchant_key_send: '开放平台发放记录'
|
|
}
|
|
const fieldOptions = Vue.computed(()=>{
|
|
const ds = state.form.datasource
|
|
const FM = FIELDS_MAP[ds] || {}
|
|
const node = (table, children=[])=>({ value: table, label: TABLE_LABELS[table]||table, children })
|
|
const fieldsNode = (table)=> (FM[table]||[])
|
|
const orderChildrenBase = []
|
|
orderChildrenBase.push(...fieldsNode('order'))
|
|
orderChildrenBase.push(node('order_detail', fieldsNode('order_detail')))
|
|
const planChildren = []
|
|
planChildren.push(...fieldsNode('plan'))
|
|
planChildren.push(node('key_batch', [
|
|
...fieldsNode('key_batch'),
|
|
node('code_batch', fieldsNode('code_batch'))
|
|
]))
|
|
const voucherChildren = []
|
|
voucherChildren.push(...fieldsNode('order_voucher'))
|
|
voucherChildren.push(node('voucher', [
|
|
...fieldsNode('voucher'),
|
|
node('voucher_batch', fieldsNode('voucher_batch'))
|
|
]))
|
|
const orderChildrenFor = (type)=>{
|
|
const ch = [...orderChildrenBase]
|
|
if(type===1){
|
|
// 直充卡密：排除红包与立减金
|
|
ch.push(node('plan', planChildren))
|
|
ch.push(node('merchant_key_send', fieldsNode('merchant_key_send')))
|
|
} else if(type===2){
|
|
// 立减金：排除红包，保留立减金链
|
|
ch.push(node('order_voucher', voucherChildren))
|
|
ch.push(node('plan', planChildren))
|
|
} else if(type===3){
|
|
// 红包：仅红包链
|
|
ch.push(node('order_cash', fieldsNode('order_cash')))
|
|
ch.push(node('plan', planChildren))
|
|
} else {
|
|
// 未选择类型：全部显示
|
|
ch.push(node('order_cash', fieldsNode('order_cash')))
|
|
ch.push(node('order_voucher', voucherChildren))
|
|
ch.push(node('plan', planChildren))
|
|
ch.push(node('merchant_key_send', fieldsNode('merchant_key_send')))
|
|
}
|
|
return ch
|
|
}
|
|
const type = Number(state.form.orderType || 0)
|
|
const orderNode = node('order', orderChildrenFor(type))
|
|
if(type){
|
|
return [ orderNode ]
|
|
}
|
|
return [
|
|
{ value: 'scene_order', label: '订单数据', children: [ orderNode ] }
|
|
]
|
|
})
|
|
const orderLeafPaths = (ds)=>{
|
|
const FM = FIELDS_MAP[ds] || {}
|
|
const arr = (FM.order || []).map(f=>['order', f.value])
|
|
return arr
|
|
}
|
|
|
|
const hasOrderPath = (arr)=> Array.isArray(arr) && arr.some(p=>Array.isArray(p) && p.length===1 && p[0]==='order')
|
|
const tableKeys = (ds)=> Object.keys(FIELDS_MAP[ds] || {})
|
|
const isGroupPath = (ds, path)=> Array.isArray(path) && path.length>=1 && tableKeys(ds).includes(path[path.length-1])
|
|
|
|
const msg = (t, type='success')=>ElementPlus.ElMessage({message:t,type});
|
|
const createFormRef = Vue.ref(null)
|
|
const exportFormRef = Vue.ref(null)
|
|
const editFormRef = Vue.ref(null)
|
|
const createRules = {
|
|
name: [{ required: true, message: '请输入模板名称', trigger: 'blur' }],
|
|
datasource: [{ required: true, message: '请选择数据源', trigger: 'change' }],
|
|
main_table: [{ required: true, message: '请选择导出场景', trigger: 'change' }],
|
|
orderType: [{ required: true, message: '请选择订单类型', trigger: 'change' }],
|
|
fieldsSel: [{ validator: (_rule, val, cb)=>{ if(Array.isArray(val) && val.length>0){ cb() } else { cb(new Error('请至少选择一个字段')) } }, trigger: 'change' }],
|
|
permissionMode: [{ required: true, message: '请选择数据权限', trigger: 'change' }],
|
|
creatorRaw: [{ validator: (_r, v, cb)=>{ if(state.form.permissionMode==='creator'){ if(String(v||'').trim()) cb(); else cb(new Error('请输入创建者列表')) } else cb() }, trigger: 'blur' }],
|
|
file_format: [{ required: true, message: '请选择输出格式', trigger: 'change' }],
|
|
visibility: [{ required: true, message: '请选择可见性', trigger: 'change' }]
|
|
}
|
|
const editRules = {
|
|
name: [{ required: true, message: '请输入模板名称', trigger: 'blur' }]
|
|
}
|
|
const exportRules = {
|
|
tplId: [{ required: true, message: '请选择模板', trigger: 'change' }],
|
|
dateRange: [{ validator: (_r, v, cb)=>{ if(Array.isArray(v) && v.length===2){ cb() } else { cb(new Error('请选择时间范围')) } }, trigger: 'change' }]
|
|
}
|
|
const visibilityOptions = [
|
|
{ label: '个人', value: 'private' },
|
|
{ label: '公共', value: 'public' }
|
|
]
|
|
const formatOptions = [
|
|
{ label: 'XLSX', value: 'xlsx' },
|
|
{ label: 'CSV', value: 'csv' }
|
|
]
|
|
const datasourceOptions = [
|
|
{ label: '营销系统', value: 'marketing' },
|
|
{ label: '易码通', value: 'ymt' }
|
|
]
|
|
const dsLabel = (v)=>{
|
|
if(v==='marketing') return '营销系统'
|
|
if(v==='ymt') return '易码通'
|
|
return v || ''
|
|
}
|
|
const creatorOptions = Vue.ref([])
|
|
const resellerOptions = Vue.ref([])
|
|
const hasCreators = Vue.computed(()=> Array.isArray(state.exportForm.creatorIds) && state.exportForm.creatorIds.length>0 )
|
|
const hasReseller = Vue.computed(()=> !!state.exportForm.resellerId)
|
|
const hasPlan = Vue.computed(()=> !!state.exportForm.planId)
|
|
const hasKeyBatch = Vue.computed(()=> !!state.exportForm.keyBatchId)
|
|
const hasCodeBatch = Vue.computed(()=> !!state.exportForm.codeBatchId)
|
|
const loadCreators = async ()=>{
|
|
try{
|
|
const res = await fetch(API_BASE + '/api/creators')
|
|
const data = await res.json()
|
|
const arr = Array.isArray(data?.data) ? data.data : (Array.isArray(data) ? data : [])
|
|
creatorOptions.value = arr.map(it=>({label: it.name || String(it.id), value: Number(it.id)}))
|
|
}catch(_e){ creatorOptions.value = [] }
|
|
}
|
|
const loadResellers = async ()=>{
|
|
const ids = Array.isArray(state.exportForm.creatorIds) ? state.exportForm.creatorIds : []
|
|
if(!ids.length){ resellerOptions.value = []; return }
|
|
try{
|
|
const res = await fetch(API_BASE + '/api/resellers?creator=' + ids.join(','))
|
|
const data = await res.json()
|
|
const arr = Array.isArray(data?.data) ? data.data : (Array.isArray(data) ? data : [])
|
|
resellerOptions.value = arr.map(it=>({label: (it.name||'') + (it.name?'':'') , value: Number(it.id)}))
|
|
}catch(_e){ resellerOptions.value = [] }
|
|
}
|
|
const exportType = Vue.computed(()=>{
|
|
const f = state.exportTpl && state.exportTpl.filters
|
|
if(!f) return null
|
|
if(f.type_eq != null) return Number(f.type_eq)
|
|
if(Array.isArray(f.type_in) && f.type_in.length===1) return Number(f.type_in[0])
|
|
return null
|
|
})
|
|
const exportTypeList = Vue.computed(()=>{
|
|
const f = state.exportTpl && state.exportTpl.filters
|
|
if(!f) return []
|
|
if(Array.isArray(f.type_in) && f.type_in.length) return f.type_in.map(n=>Number(n))
|
|
if(f.type_eq != null) return [Number(f.type_eq)]
|
|
return []
|
|
})
|
|
const isOrder = Vue.computed(()=>{
|
|
return (state.exportTpl && state.exportTpl.main_table) === 'order'
|
|
})
|
|
const orderTypeLabel = (n)=>{
|
|
if(n===1) return '直充卡密'
|
|
if(n===2) return '立减金'
|
|
if(n===3) return '红包'
|
|
return ''
|
|
}
|
|
const sceneLabel = (s)=>{
|
|
if(s==='order') return '订单'
|
|
return s || ''
|
|
}
|
|
const exportTitle = Vue.computed(()=>{
|
|
let base = '执行导出'
|
|
const mt = state.exportTpl && state.exportTpl.main_table
|
|
if(mt){
|
|
base += ' - ' + sceneLabel(mt)
|
|
if(mt==='order'){
|
|
const list = exportTypeList.value
|
|
const labels = list.map(orderTypeLabel).filter(Boolean)
|
|
if(labels.length){
|
|
base += ' - 订单类型：' + labels.join('、')
|
|
}
|
|
}
|
|
}
|
|
return base
|
|
})
|
|
const fmtDT = (d)=>{
|
|
const pad=(n)=>String(n).padStart(2,'0');
|
|
return `${d.getFullYear()}-${pad(d.getMonth()+1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
|
|
}
|
|
const yearRange = ()=>{
|
|
const now = new Date()
|
|
const start = new Date(now.getFullYear(), 0, 1, 0, 0, 0)
|
|
const end = new Date(now.getFullYear(), 11, 31, 23, 59, 59)
|
|
return [ fmtDT(start), fmtDT(end) ]
|
|
}
|
|
const loadTemplates = async ()=>{
|
|
try{
|
|
const res = await fetch(API_BASE + '/api/templates');
|
|
if(!res.ok){
|
|
msg('加载模板失败','error');
|
|
state.templates = []
|
|
return
|
|
}
|
|
const data = await res.json();
|
|
const arr = Array.isArray(data?.data) ? data.data : (Array.isArray(data) ? data : [])
|
|
state.templates = arr
|
|
}catch(e){
|
|
msg('加载模板异常','error');
|
|
state.templates = []
|
|
}
|
|
}
|
|
const loadJobs = async (page)=>{
|
|
if(!page) page = state.jobsPage
|
|
try{
|
|
const qs = new URLSearchParams()
|
|
qs.set('page', String(page))
|
|
qs.set('page_size', String(state.jobsPageSize))
|
|
if(state.jobsTplId){ qs.set('template_id', String(state.jobsTplId)) }
|
|
const res = await fetch(API_BASE + '/api/exports?' + qs.toString());
|
|
if(!res.ok){ state.jobs = []; return }
|
|
const data = await res.json();
|
|
const payload = data?.data || data || {}
|
|
const arr = Array.isArray(payload.items) ? payload.items : (Array.isArray(payload) ? payload : [])
|
|
state.jobs = arr
|
|
state.jobsTotal = Number(payload.total || 0)
|
|
state.jobsPage = Number(payload.page || page)
|
|
}catch(_e){ state.jobs = [] }
|
|
}
|
|
let jobsPollTimer = null
|
|
const startJobsPolling = ()=>{
|
|
if(jobsPollTimer) return
|
|
jobsPollTimer = setInterval(()=>{ if(state.jobsVisible){ loadJobs(state.jobsPage) } }, 1000)
|
|
}
|
|
const stopJobsPolling = ()=>{ if(jobsPollTimer){ clearInterval(jobsPollTimer); jobsPollTimer=null } }
|
|
const openJobs = (row)=>{ state.jobsTplId = row.id; state.jobsVisible = true; loadJobs(1); startJobsPolling() }
|
|
const closeJobs = ()=>{ state.jobsVisible = false; stopJobsPolling() }
|
|
const jobPercent = (row)=>{
|
|
const est = Number(row.row_estimate || 0)
|
|
const done = Number(row.total_rows || 0)
|
|
if(row.status==='completed') return '100%'
|
|
if(row.status==='failed') return '失败'
|
|
if(row.status==='canceled') return '已取消'
|
|
if(row.status==='queued') return '0%'
|
|
if(row.status==='running'){
|
|
if(est>0){ const p = Math.max(0, Math.min(100, Math.floor(done*100/est))); return p + '%' }
|
|
return '0%'
|
|
}
|
|
if(est>0){ const p = Math.max(0, Math.min(100, Math.floor(done*100/est))); return p + '%' }
|
|
return '评估中'
|
|
}
|
|
const createTemplate = async ()=>{
|
|
const formRef = createFormRef.value
|
|
const ok = formRef ? await formRef.validate().catch(()=>false) : true
|
|
if(!ok){ msg('请完善必填项','error'); return }
|
|
let fields = []
|
|
if(state.form.fieldsSel && state.form.fieldsSel.length){
|
|
const ds = state.form.datasource
|
|
const hasOrderOnly = state.form.fieldsSel.some(p=>Array.isArray(p) && p.length===1 && p[0]==='order')
|
|
if(hasOrderOnly){
|
|
fields = orderLeafPaths(ds).map(p=>`${p[0]}.${p[1]}`)
|
|
} else {
|
|
fields = state.form.fieldsSel.flatMap(path=>{
|
|
if(!Array.isArray(path)) return []
|
|
if(isGroupPath(ds, path)) return []
|
|
if(path.length>=2){
|
|
const t = path[path.length-2]
|
|
const f = path[path.length-1]
|
|
return [`${t}.${f}`]
|
|
}
|
|
return []
|
|
})
|
|
}
|
|
} else {
|
|
fields = state.form.fieldsRaw.split(',').map(s=>s.trim()).filter(Boolean)
|
|
}
|
|
const payload = {
|
|
name: state.form.name,
|
|
datasource: state.form.datasource,
|
|
main_table: state.form.main_table,
|
|
fields,
|
|
filters: { type_eq: Number(state.form.orderType) },
|
|
file_format: state.form.file_format,
|
|
visibility: state.form.visibility
|
|
}
|
|
const res = await fetch(API_BASE + '/api/templates',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(payload)});
|
|
if(res.ok){ msg('创建成功'); state.createVisible=false; loadTemplates() } else { msg(await res.text(),'error') }
|
|
}
|
|
const openExport = async (row)=>{
|
|
state.exportForm.tplId = row.id
|
|
await loadTemplateDetail(row.id)
|
|
state.exportForm.datasource = state.exportTpl.datasource || row.datasource || 'marketing'
|
|
state.exportForm.file_format = state.exportTpl.file_format || row.file_format || 'xlsx'
|
|
if(state.exportForm.datasource==='marketing'){ loadCreators() }
|
|
if(!Array.isArray(state.exportForm.dateRange) || state.exportForm.dateRange.length!==2){ state.exportForm.dateRange = yearRange() }
|
|
state.exportVisible = true
|
|
}
|
|
const loadTemplateDetail = async (id)=>{
|
|
try{
|
|
const res = await fetch(API_BASE + '/api/templates/'+id)
|
|
if(!res.ok){ msg('加载模板详情失败','error'); state.exportTpl = { id: null, filters: {}, main_table: '', fields: [], datasource: '', file_format: '' }; return }
|
|
const data = await res.json()
|
|
const tpl = data?.data || {}
|
|
state.exportTpl = tpl
|
|
}catch(e){ msg('加载模板详情异常','error'); state.exportTpl = { id: null, filters: {}, main_table: '', fields: [], datasource: '', file_format: '' } }
|
|
}
|
|
const submitExport = async ()=>{
|
|
const formRef = exportFormRef.value
|
|
const ok = formRef ? await formRef.validate().catch(()=>false) : true
|
|
if(!ok){ msg('请完善必填项','error'); return }
|
|
const id = state.exportForm.tplId
|
|
const filters = {}
|
|
// 订单类型与权限按模板配置，此处不显示不提交
|
|
if(Array.isArray(state.exportForm.dateRange) && state.exportForm.dateRange.length===2){ filters.create_time_between = [ state.exportForm.dateRange[0], state.exportForm.dateRange[1] ] }
|
|
if(state.exportForm.outTradeNo){ filters.out_trade_no_eq = state.exportForm.outTradeNo }
|
|
if(state.exportForm.account){ filters.account_eq = state.exportForm.account }
|
|
if(state.exportForm.planId){ filters.plan_id_eq = Number(state.exportForm.planId) }
|
|
if(state.exportForm.productId){ filters.product_id_eq = Number(state.exportForm.productId) }
|
|
if(state.exportForm.resellerId){ filters.reseller_id_eq = Number(state.exportForm.resellerId) }
|
|
if(state.exportForm.keyBatchId){ filters.key_batch_id_eq = Number(state.exportForm.keyBatchId) }
|
|
if(state.exportForm.codeBatchId){ filters.code_batch_id_eq = Number(state.exportForm.codeBatchId) }
|
|
if(state.exportForm.cashActivityId){ filters.order_cash_cash_activity_id_eq = state.exportForm.cashActivityId }
|
|
if(state.exportForm.voucherChannelActivityId){ filters.order_voucher_channel_activity_id_eq = state.exportForm.voucherChannelActivityId }
|
|
if(state.exportForm.voucherBatchChannelActivityId){ filters.voucher_batch_channel_activity_id_eq = state.exportForm.voucherBatchChannelActivityId }
|
|
if(state.exportForm.outBizNo){ filters.merchant_out_biz_no_eq = state.exportForm.outBizNo }
|
|
if(Array.isArray(state.exportForm.creatorIds) && state.exportForm.creatorIds.length){ filters.creator_in = state.exportForm.creatorIds.map(Number) }
|
|
else if(state.exportForm.creatorIdsRaw){ const arr = String(state.exportForm.creatorIdsRaw).split(',').map(s=>s.trim()).filter(Boolean); if(arr.length){ filters.creator_in = arr } }
|
|
|
|
const payload={template_id:Number(id),requested_by:1,permission:{},options:{},filters, file_format: state.exportForm.file_format, datasource: state.exportForm.datasource};
|
|
const r=await fetch(API_BASE + '/api/exports',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(payload)});
|
|
const j=await r.json();
|
|
const jid = j?.data?.id ?? j?.id
|
|
state.exportVisible=false
|
|
if(jid){
|
|
state.jobsTplId = Number(id)
|
|
state.jobsVisible = true
|
|
loadJobs(1)
|
|
startJobsPolling()
|
|
} else { msg('任务创建返回异常','error') }
|
|
}
|
|
Vue.watch(()=>state.exportForm.creatorIds, ()=>{ state.exportForm.resellerId=null; state.exportForm.planId=null; state.exportForm.keyBatchId=null; state.exportForm.codeBatchId=null; state.exportForm.productId=null; loadResellers() })
|
|
Vue.watch(()=>state.exportForm.resellerId, ()=>{ state.exportForm.planId=null; state.exportForm.keyBatchId=null; state.exportForm.codeBatchId=null; state.exportForm.productId=null })
|
|
Vue.watch(()=>state.exportForm.planId, ()=>{ state.exportForm.keyBatchId=null; state.exportForm.codeBatchId=null; state.exportForm.productId=null })
|
|
Vue.watch(()=>state.exportForm.keyBatchId, ()=>{ state.exportForm.codeBatchId=null; state.exportForm.productId=null })
|
|
Vue.watch(()=>state.exportForm.codeBatchId, ()=>{ state.exportForm.productId=null })
|
|
const clampWidth = (w)=>{
|
|
const n = Math.max(500, Math.min(1400, w))
|
|
return n + 'px'
|
|
}
|
|
const resizeDialog = (kind, delta)=>{
|
|
if(kind==='create'){
|
|
const cur = parseInt(String(state.createWidth).replace('px','')||'900',10)
|
|
const next = clampWidth(cur + delta)
|
|
state.createWidth = next
|
|
localStorage.setItem('tplDialogWidth', next)
|
|
} else if(kind==='edit'){
|
|
const cur = parseInt(String(state.editWidth).replace('px','')||'600',10)
|
|
const next = clampWidth(cur + delta)
|
|
state.editWidth = next
|
|
localStorage.setItem('tplEditDialogWidth', next)
|
|
}
|
|
}
|
|
const openEdit = (row)=>{
|
|
state.edit.id = row.id
|
|
state.edit.name = row.name
|
|
state.edit.visibility = row.visibility
|
|
state.edit.file_format = row.file_format
|
|
state.editVisible = true
|
|
}
|
|
const saveEdit = async ()=>{
|
|
const formRef = editFormRef.value
|
|
const ok = formRef ? await formRef.validate().catch(()=>false) : true
|
|
if(!ok){ msg('请完善必填项','error'); return }
|
|
const id = state.edit.id
|
|
const payload = { name: state.edit.name, visibility: state.edit.visibility, file_format: state.edit.file_format }
|
|
const res = await fetch(API_BASE + '/api/templates/'+id,{method:'PATCH',headers:{'Content-Type':'application/json'},body:JSON.stringify(payload)})
|
|
if(res.ok){ msg('保存成功'); state.editVisible=false; loadTemplates() } else { msg(await res.text(),'error') }
|
|
}
|
|
const removeTemplate = async (id)=>{
|
|
const r = await fetch(API_BASE + '/api/templates/'+id,{method:'DELETE'})
|
|
if(r.ok){ msg('删除成功'); loadTemplates() } else { msg(await r.text(),'error') }
|
|
}
|
|
const loadJob = async (id)=>{
|
|
try{
|
|
const res=await fetch(API_BASE + '/api/exports/'+id);
|
|
if(!res.ok){
|
|
msg('加载任务失败','error');
|
|
state.job = {}
|
|
return
|
|
}
|
|
const data = await res.json();
|
|
state.job = data?.data || {}
|
|
}catch(e){
|
|
msg('加载任务异常','error');
|
|
state.job = {}
|
|
}
|
|
}
|
|
const download = (id)=>{ window.open(API_BASE + '/api/exports/'+id+'/download','_blank') }
|
|
const openSQL = async (id)=>{
|
|
try{
|
|
const res = await fetch(API_BASE + '/api/exports/'+id+'/sql')
|
|
const data = await res.json()
|
|
const s = data?.data?.final_sql || data?.final_sql || data?.data?.sql || data?.sql || ''
|
|
state.sqlText = s
|
|
state.sqlVisible = true
|
|
}catch(_e){ state.sqlText=''; state.sqlVisible=false; msg('加载SQL失败','error') }
|
|
}
|
|
loadTemplates()
|
|
|
|
return { ...Vue.toRefs(state), visibilityOptions, formatOptions, datasourceOptions, fieldOptions, loadTemplates, createTemplate, openExport, submitExport, loadJob, loadJobs, openJobs, closeJobs, download, openSQL, openEdit, saveEdit, removeTemplate, resizeDialog, createRules, exportRules, editRules, createFormRef, exportFormRef, editFormRef, dsLabel, exportType, isOrder, exportTitle, creatorOptions, resellerOptions, hasCreators, hasReseller, hasPlan, hasKeyBatch, hasCodeBatch, jobPercent, fmtDT }
|
|
}
|
|
})
|
|
app.use(ElementPlus)
|
|
app.mount('#app')
|