salary
qsh
5 months ago
parent
2017baaf03
commit
ea7fae45e3
@ -0,0 +1,135 @@ |
|||||||
|
<template> |
||||||
|
<Dialog :title="dialogTitle" v-model="dialogVisible" width="800px"> |
||||||
|
<Descriptions :data="orderInfo" :schema="schema" :columns="2" labelWidth="130px" /> |
||||||
|
<el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px"> |
||||||
|
<el-form-item label="状态" prop="state"> |
||||||
|
<el-radio-group v-model="formData.state"> |
||||||
|
<el-radio :label="3"> 通过 </el-radio> |
||||||
|
<el-radio :label="4"> 驳回 </el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注" prop="remark"> |
||||||
|
<Editor v-model:modelValue="formData.remark" /> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<template #footer> |
||||||
|
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button> |
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button> |
||||||
|
</template> |
||||||
|
</Dialog> |
||||||
|
</template> |
||||||
|
<script name="DialogAfterSaleAudit" setup> |
||||||
|
import { auditAfterSale } from '@/api/clue/afterSale' |
||||||
|
|
||||||
|
const message = useMessage() // 消息弹窗 |
||||||
|
|
||||||
|
const dialogVisible = ref(false) // 弹窗的是否展示 |
||||||
|
const dialogTitle = ref('') // 弹窗的标题 |
||||||
|
|
||||||
|
const schema = [ |
||||||
|
{ |
||||||
|
field: 'name', |
||||||
|
label: '线索名称', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'phone', |
||||||
|
label: '联系方式', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'signUserName', |
||||||
|
label: '登记人', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'dealDate', |
||||||
|
label: '登记时间', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'reason', |
||||||
|
label: '售后原因', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'solution', |
||||||
|
label: '解决方案', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'refundAmount', |
||||||
|
label: '退款金额', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'isReturns', |
||||||
|
label: '是否退货', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'applyUserName', |
||||||
|
label: '申请人', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'applyTime', |
||||||
|
label: '申请时间', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'remark', |
||||||
|
label: '备注', |
||||||
|
span: 2, |
||||||
|
isEditor: true |
||||||
|
} |
||||||
|
] |
||||||
|
|
||||||
|
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
||||||
|
const formData = ref({ |
||||||
|
state: 3, |
||||||
|
remark: '' |
||||||
|
}) |
||||||
|
const formRef = ref() // 表单 Ref |
||||||
|
|
||||||
|
const orderInfo = ref({}) |
||||||
|
/** 打开弹窗 */ |
||||||
|
const open = async (row) => { |
||||||
|
dialogVisible.value = true |
||||||
|
dialogTitle.value = '售后审核' |
||||||
|
resetForm(row.id) |
||||||
|
// 修改时，设置数据 |
||||||
|
orderInfo.value = { ...row } |
||||||
|
} |
||||||
|
defineExpose({ open }) // 提供 open 方法，用于打开弹窗 |
||||||
|
|
||||||
|
/** 提交表单 */ |
||||||
|
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调 |
||||||
|
const submitForm = async () => { |
||||||
|
// 校验表单 |
||||||
|
if (!formRef.value) return |
||||||
|
const valid = await formRef.value.validate() |
||||||
|
if (!valid) return |
||||||
|
// 提交请求 |
||||||
|
formLoading.value = true |
||||||
|
try { |
||||||
|
await auditAfterSale(formData.value) |
||||||
|
message.success('审核完成！') |
||||||
|
dialogVisible.value = false |
||||||
|
// 发送操作成功的事件 |
||||||
|
emit('success') |
||||||
|
} finally { |
||||||
|
formLoading.value = false |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** 重置表单 */ |
||||||
|
const resetForm = (signId) => { |
||||||
|
formData.value = { |
||||||
|
saleId: signId, |
||||||
|
state: 3, |
||||||
|
remark: '' |
||||||
|
} |
||||||
|
formRef.value?.resetFields() |
||||||
|
} |
||||||
|
</script> |
||||||
@ -0,0 +1,125 @@ |
|||||||
|
<template> |
||||||
|
<Dialog :title="dialogTitle" v-model="dialogVisible" width="800px"> |
||||||
|
<Descriptions :data="orderInfo" :schema="schema" :columns="2" labelWidth="130px" /> |
||||||
|
<el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px"> |
||||||
|
<el-form-item label="状态" prop="state"> |
||||||
|
<el-radio-group v-model="formData.state"> |
||||||
|
<el-radio :label="3"> 通过 </el-radio> |
||||||
|
<el-radio :label="4"> 驳回 </el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注" prop="remark"> |
||||||
|
<Editor v-model:modelValue="formData.remark" /> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<template #footer> |
||||||
|
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button> |
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button> |
||||||
|
</template> |
||||||
|
</Dialog> |
||||||
|
</template> |
||||||
|
<script name="DialogFeebackAudit" setup> |
||||||
|
import { auditPayment } from '@/api/clue/payment' |
||||||
|
|
||||||
|
const message = useMessage() // 消息弹窗 |
||||||
|
|
||||||
|
const dialogVisible = ref(false) // 弹窗的是否展示 |
||||||
|
const dialogTitle = ref('') // 弹窗的标题 |
||||||
|
|
||||||
|
const schema = [ |
||||||
|
{ |
||||||
|
field: 'name', |
||||||
|
label: '线索名称', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'phone', |
||||||
|
label: '联系方式', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'signUserName', |
||||||
|
label: '登记人', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'dealDate', |
||||||
|
label: '登记时间', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'money', |
||||||
|
label: '回款金额', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'isPayoff', |
||||||
|
label: '是否结清', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'applyUserName', |
||||||
|
label: '申请人', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'applyTime', |
||||||
|
label: '申请时间', |
||||||
|
span: 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
field: 'remark', |
||||||
|
label: '备注', |
||||||
|
span: 2, |
||||||
|
isEditor: true |
||||||
|
} |
||||||
|
] |
||||||
|
|
||||||
|
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
||||||
|
const formData = ref({ |
||||||
|
state: 3, |
||||||
|
remark: '' |
||||||
|
}) |
||||||
|
const formRef = ref() // 表单 Ref |
||||||
|
|
||||||
|
const orderInfo = ref({}) |
||||||
|
/** 打开弹窗 */ |
||||||
|
const open = async (row) => { |
||||||
|
dialogVisible.value = true |
||||||
|
dialogTitle.value = '回款审核' |
||||||
|
resetForm(row.id) |
||||||
|
// 修改时，设置数据 |
||||||
|
orderInfo.value = { ...row } |
||||||
|
} |
||||||
|
defineExpose({ open }) // 提供 open 方法，用于打开弹窗 |
||||||
|
|
||||||
|
/** 提交表单 */ |
||||||
|
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调 |
||||||
|
const submitForm = async () => { |
||||||
|
// 校验表单 |
||||||
|
if (!formRef.value) return |
||||||
|
const valid = await formRef.value.validate() |
||||||
|
if (!valid) return |
||||||
|
// 提交请求 |
||||||
|
formLoading.value = true |
||||||
|
try { |
||||||
|
await auditPayment(formData.value) |
||||||
|
message.success('审核完成！') |
||||||
|
dialogVisible.value = false |
||||||
|
// 发送操作成功的事件 |
||||||
|
emit('success') |
||||||
|
} finally { |
||||||
|
formLoading.value = false |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** 重置表单 */ |
||||||
|
const resetForm = (signId) => { |
||||||
|
formData.value = { |
||||||
|
payId: signId, |
||||||
|
state: 3, |
||||||
|
remark: '' |
||||||
|
} |
||||||
|
formRef.value?.resetFields() |
||||||
|
} |
||||||
|
</script> |
||||||
Loading…
Reference in new issue