This commit is contained in:
qsh
2024-08-05 18:18:32 +08:00
parent 22bc22c00a
commit 78d9f0649e
11 changed files with 165 additions and 48 deletions

View File

@@ -4,6 +4,7 @@
<el-table-column type="index" width="50" />
<el-table-column prop="reason" label="售后原因" />
<el-table-column prop="refundAmount" label="退款金额" />
<el-table-column prop="percentageDeductAmount" label="提成扣款" />
<el-table-column prop="isReturns" label="是否退货" />
<el-table-column prop="applyTime" label="申请日期" width="180px" />
<el-table-column prop="stateName" label="审核状态" />
@@ -13,35 +14,61 @@
<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 v-if="!showAdd" :model="form" ref="formRef" :rules="rules" label-width="auto">
<el-row :gutter="20">
<el-col :span="24" :offset="0">
<el-form-item label="售后原因" prop="reason">
<el-input v-model="form.reason" placeholder="请输入售后原因" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12" :offset="0">
<el-form-item label="退款金额" prop="refundAmount">
<el-input-number
v-model="form.refundAmount"
:min="0"
:controls="false"
placeholder="请输入金额"
/>
</el-form-item>
</el-col>
<el-col :span="12" :offset="0">
<el-form-item label="提成扣款金额" prop="percentageDeductAmount">
<el-input-number
v-model="form.percentageDeductAmount"
:min="0"
:controls="false"
placeholder="请输入金额"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" :offset="0">
<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-col>
<el-col :span="24" :offset="0">
<el-form-item label="解决方案" prop="solution">
<el-input
type="textarea"
:autoSize="{ minRows: 3 }"
v-model="form.solution"
placeholder="请输入退款原因"
/>
</el-form-item>
</el-col>
<el-col :span="24" :offset="0">
<el-form-item label="备注">
<Editor v-model:modelValue="form.remark" />
</el-form-item>
</el-col>
</el-row>
<el-form-item>
<el-button :disabled="formLoading" type="primary" @click="onSubmit">保存</el-button>
<el-button @click="showAdd = true">取消</el-button>
@@ -72,7 +99,8 @@ function open(signId) {
const showAdd = ref(true)
const form = ref({})
const rules = {
refundAmount: { required: true, message: '款金额不可为空', trigger: 'blur' },
percentageDeductAmount: { required: true, message: '提成扣款金额不可为空', trigger: 'blur' },
refundAmount: { required: true, message: '退款金额不可为空', trigger: 'blur' },
reason: { required: true, message: '售后原因不可为空', trigger: 'blur' },
solution: { required: true, message: '解决方案不可为空', trigger: 'blur' }
}
@@ -91,6 +119,7 @@ function handleAdd() {
solution: undefined,
refundAmount: undefined,
isReturns: false,
percentageDeductAmount: undefined,
remark: undefined
}
}