salary
qsh
5 months ago
parent
e3c85cbaae
commit
5aab5c0f82
@ -0,0 +1,26 @@ |
||||
import request from '@/config/axios' |
||||
|
||||
// 查询（精简)列表
|
||||
export const getAfterSaleList = async (params) => { |
||||
return await request.get({ url: '/admin-api/crm/sign-after-sale/list', params }) |
||||
} |
||||
|
||||
// 查询（精简)列表
|
||||
export const getAfterSalePage = async (params) => { |
||||
return await request.get({ url: '/admin-api/crm/sign-after-sale/page', params }) |
||||
} |
||||
|
||||
// 新增
|
||||
export const createAfterSale = async (data) => { |
||||
return await request.post({ url: '/admin-api/crm/sign-after-sale/create', data }) |
||||
} |
||||
|
||||
// 审核
|
||||
export const auditAfterSale = async (data) => { |
||||
return await request.post({ url: '/admin-api/crm/sign-after-sale/check', data }) |
||||
} |
||||
|
||||
// 撤销
|
||||
export const cancelApplyAfterSale = async (data) => { |
||||
return await request.post({ url: '/admin-api/crm/sign-after-sale/revoke', data }) |
||||
} |
||||
@ -0,0 +1,122 @@ |
||||
<template> |
||||
<Dialog title="售后记录" v-model="show" width="800px"> |
||||
<el-table :data="aftersaleList" border stripe> |
||||
<el-table-column type="index" width="50" /> |
||||
<el-table-column prop="reason" label="售后原因" /> |
||||
<el-table-column prop="refundAmount" label="退款金额" /> |
||||
<el-table-column prop="isReturns" label="是否退货" /> |
||||
<el-table-column prop="applyTime" label="申请日期" width="180px" /> |
||||
<el-table-column prop="stateName" label="审核状态" /> |
||||
</el-table> |
||||
<el-divider direction="horizontal" /> |
||||
|
||||
<el-button v-show="showAdd" class="mb-10px" type="primary" @click="handleAdd"> |
||||
新增售后 |
||||
</el-button> |
||||
<el-form v-if="!showAdd" :model="form" ref="formRef" :rules="rules" label-width="80px"> |
||||
<el-form-item label="退款原因" prop="reason"> |
||||
<el-input v-model="form.reason" placeholder="请输入退款原因" /> |
||||
</el-form-item> |
||||
<el-form-item label="退款金额" prop="refundAmount"> |
||||
<el-input-number |
||||
v-model="form.refundAmount" |
||||
:min="0" |
||||
:controls="false" |
||||
placeholder="请输入金额" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item label="是否退货" prop="isReturns"> |
||||
<el-radio-group v-model="form.isReturns"> |
||||
<el-radio :label="true"> 退货 </el-radio> |
||||
<el-radio :label="false"> 不退货 </el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
<el-form-item label="解决方案" prop="solution"> |
||||
<el-input |
||||
type="textarea" |
||||
:autoSize="{ minRows: 3 }" |
||||
v-model="form.solution" |
||||
placeholder="请输入退款原因" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item label="备注"> |
||||
<Editor v-model:modelValue="form.remark" /> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button :disabled="formLoading" type="primary" @click="onSubmit">保存</el-button> |
||||
<el-button @click="showAdd = true">取消</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</Dialog> |
||||
</template> |
||||
|
||||
<script setup name="DialogAfterSale"> |
||||
import { getAfterSalePage, createAfterSale } from '@/api/clue/afterSale' |
||||
|
||||
const message = useMessage() // 消息弹窗 |
||||
|
||||
const show = ref(false) |
||||
const aftersaleList = ref([]) |
||||
const orderId = ref('') |
||||
|
||||
function open(signId) { |
||||
show.value = true |
||||
orderId.value = signId |
||||
try { |
||||
getList() |
||||
} catch (error) { |
||||
console.log(error) |
||||
} |
||||
} |
||||
|
||||
const showAdd = ref(true) |
||||
const form = ref({}) |
||||
const rules = { |
||||
refundAmount: { required: true, message: '回款金额不可为空', trigger: 'blur' }, |
||||
reason: { required: true, message: '售后原因不可为空', trigger: 'blur' }, |
||||
solution: { required: true, message: '解决方案不可为空', trigger: 'blur' } |
||||
} |
||||
|
||||
function getList() { |
||||
getAfterSalePage({ signId: orderId.value, pageNo: 1, pageSize: 100 }).then((data) => { |
||||
aftersaleList.value = data.list |
||||
}) |
||||
} |
||||
|
||||
function handleAdd() { |
||||
showAdd.value = false |
||||
form.value = { |
||||
signId: orderId.value, |
||||
reason: undefined, |
||||
solution: undefined, |
||||
refundAmount: undefined, |
||||
isReturns: false, |
||||
remark: undefined |
||||
} |
||||
} |
||||
|
||||
const formRef = ref() |
||||
const formLoading = ref(false) |
||||
async function onSubmit() { |
||||
// 校验表单 |
||||
if (!formRef.value) return |
||||
const valid = await formRef.value.validate() |
||||
if (!valid) return |
||||
// 提交请求 |
||||
formLoading.value = true |
||||
try { |
||||
await createAfterSale(form.value) |
||||
message.success('申请成功！') |
||||
getList() |
||||
showAdd.value = true |
||||
} finally { |
||||
formLoading.value = false |
||||
} |
||||
} |
||||
|
||||
defineExpose({ |
||||
open |
||||
}) |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,101 @@ |
||||
<template> |
||||
<Dialog title="回款记录" v-model="show" width="800px"> |
||||
<el-table :data="feebackList" border stripe> |
||||
<el-table-column type="index" width="50" /> |
||||
<el-table-column prop="money" label="回款金额" /> |
||||
<el-table-column prop="applyTime" label="申请日期" /> |
||||
<el-table-column prop="isPayoff" label="是否结清" /> |
||||
<el-table-column prop="stateName" label="审核状态" /> |
||||
</el-table> |
||||
<el-divider direction="horizontal" /> |
||||
|
||||
<el-button v-show="showAdd" class="mb-10px" type="primary" @click="handleAdd"> |
||||
新增回款 |
||||
</el-button> |
||||
<el-form v-if="!showAdd" :model="form" ref="formRef" :rules="rules" label-width="80px"> |
||||
<el-form-item label="回款金额" prop="money"> |
||||
<el-input-number v-model="form.money" :min="0" :controls="false" placeholder="请输入金额" /> |
||||
</el-form-item> |
||||
<el-form-item label="是否结清" prop="isPayoff"> |
||||
<el-radio-group v-model="form.isPayoff"> |
||||
<el-radio label="结清"> 结清 </el-radio> |
||||
<el-radio label="未结清"> 未结清 </el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
<el-form-item label="备注"> |
||||
<Editor v-model:modelValue="form.remark" /> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button :disabled="formLoading" type="primary" @click="onSubmit">保存</el-button> |
||||
<el-button @click="showAdd = true">取消</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</Dialog> |
||||
</template> |
||||
|
||||
<script setup name="DialogFeeback"> |
||||
import { getPaymentPage, createPayment } from '@/api/clue/payment' |
||||
|
||||
const message = useMessage() // 消息弹窗 |
||||
|
||||
const show = ref(false) |
||||
const feebackList = ref([]) |
||||
const orderId = ref('') |
||||
|
||||
function open(signId) { |
||||
show.value = true |
||||
orderId.value = signId |
||||
try { |
||||
getList() |
||||
} catch (error) { |
||||
console.log(error) |
||||
} |
||||
} |
||||
|
||||
const showAdd = ref(true) |
||||
const form = ref({}) |
||||
const rules = { |
||||
money: { required: true, message: '回款金额不可为空', trigger: 'blur' } |
||||
} |
||||
|
||||
function getList() { |
||||
getPaymentPage({ signId: orderId.value, pageNo: 1, pageSize: 100 }).then((data) => { |
||||
feebackList.value = data.list |
||||
}) |
||||
} |
||||
|
||||
function handleAdd() { |
||||
showAdd.value = false |
||||
form.value = { |
||||
signId: orderId.value, |
||||
money: undefined, |
||||
isPayoff: '结清', |
||||
remark: undefined |
||||
} |
||||
} |
||||
|
||||
const formRef = ref() |
||||
const formLoading = ref(false) |
||||
async function onSubmit() { |
||||
// 校验表单 |
||||
if (!formRef.value) return |
||||
const valid = await formRef.value.validate() |
||||
if (!valid) return |
||||
// 提交请求 |
||||
formLoading.value = true |
||||
try { |
||||
await createPayment(form.value) |
||||
message.success('申请成功！') |
||||
getList() |
||||
showAdd.value = true |
||||
} finally { |
||||
formLoading.value = false |
||||
} |
||||
} |
||||
|
||||
defineExpose({ |
||||
open |
||||
}) |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
Loading…
Reference in new issue