| | |
| | | style="width: 300px" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <div class="profit-section"> |
| | | <h4 class="section-title">就地寄存模式</h4> |
| | | <el-form-item label="在订单中作为寄件点时,分成比例为" prop="localDeposit"> |
| | | <div class="profit-input"> |
| | | <el-input v-model.number="approvalForm.localDeposit" placeholder="请输入分成比例" style="width: 150px;"></el-input> |
| | | <span class="unit">%</span> |
| | | </div> |
| | | </el-form-item> |
| | | </div> |
| | | |
| | | <div class="profit-section"> |
| | | <h4 class="section-title">同城寄送模式</h4> |
| | | <el-form-item label="在订单中作为寄件点时,分成比例为" prop="remoteTake"> |
| | | <div class="profit-input"> |
| | | <el-input v-model.number="approvalForm.remoteTake" placeholder="请输入分成比例" style="width: 150px;"></el-input> |
| | | <span class="unit">%</span> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="在订单中作为收件点时,分成比例为" prop="remoteDeposit"> |
| | | <div class="profit-input"> |
| | | <el-input v-model.number="approvalForm.remoteDeposit" placeholder="请输入分成比例" style="width: 150px;"></el-input> |
| | | <span class="unit">%</span> |
| | | </div> |
| | | </el-form-item> |
| | | </div> |
| | | <section class="approval-buttons"> |
| | | <el-button type="primary" @click="handleSubmit" :loading="isWorking.submit">提交</el-button> |
| | | <el-button @click="handleCancel">取消</el-button> |
| | |
| | | approvalForm: { |
| | | id: null, |
| | | auditStatus: 0, |
| | | auditRemark: '' |
| | | auditRemark: '', |
| | | localDeposit: '', |
| | | remoteTake: '', |
| | | remoteDeposit: '' |
| | | }, |
| | | approvalRules: { |
| | | auditRemark: [ |
| | | { required: true, message: '请输入拒绝原因', trigger: 'blur' } |
| | | ], |
| | | localDeposit: [ |
| | | { required: true, message: '请输入分成比例', trigger: 'blur' } |
| | | ], |
| | | remoteTake: [ |
| | | { required: true, message: '请输入分成比例', trigger: 'blur' } |
| | | ], |
| | | remoteDeposit: [ |
| | | { required: true, message: '请输入分成比例', trigger: 'blur' } |
| | | ] |
| | | }, |
| | | approvalRules1: { }, |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .profit-section { |
| | | margin-bottom: 30px; |
| | | background: #f5f7fa; |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | .profit-section .section-title { |
| | | font-size: 16px; |
| | | font-weight: bold; |
| | | color: #303133; |
| | | margin-bottom: 20px; |
| | | padding-bottom: 10px; |
| | | border-bottom: 1px solid #e4e7ed; |
| | | } |
| | | .profit-input { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 10px; |
| | | } |
| | | .inline-form /deep/ .el-form-item { |
| | | display: block; |
| | | margin-right: 0; |
| | | } |
| | | |
| | | .store-header { |
| | | display: flex; |
| | | background: #f5f7fa; |