shuhi-ui/src/views/recycle/globalParameter/components/has-add-recycle-booklist.vue

<template>
    <el-form :model="form" class="common-form" label-width="auto" :rules="rules">
        <el-form-item label="回收折扣：" prop="inListDiscount">
            <ele-input v-model="form.inListDiscount" placeholder="请输入" clearable suffixStr="折" />
        </el-form-item>
        <el-form-item label="最大回收量：" prop="inListMax">
            <ele-input v-model="form.inListMax" placeholder="请输入" suffixStr="本" clearable />
        </el-form-item>
        <el-form-item label="回收折扣小于 1(折)   单个订单回收数量：" prop="inListPerMaxLt1">
            <ele-input v-model="form.inListPerMaxLt1" placeholder="请输入" clearable suffixStr="本" />
        </el-form-item>
        <el-form-item label="回收折扣大于等于 1(折)   单个订单回收数量：" prop="inListPerMaxGe1">
            <ele-input v-model="form.inListPerMaxGe1" placeholder="请输入" clearable suffixStr="本" />
        </el-form-item>
        <el-form-item label="销量大于等于 100(本)   单个订单回收数量：" prop="inListSalesGe100">
            <ele-input v-model="form.inListSalesGe100" placeholder="请输入" clearable suffixStr="本" />
        </el-form-item>
        <el-form-item>
            <el-button type="success" style="width: 100px" plain @click="onSubmit" v-permission="'recycle:globalParameter:hasAddRecycleBooklist'">保存</el-button>
        </el-form-item>
    </el-form>
</template>

<script setup>
import { reactive, watch } from 'vue';
import EleInput from '@/components/CommonPage/EleInput.vue';
import { ElMessage } from 'element-plus';
import request from '@/utils/request';

const props = defineProps({
    settings: {
        type: Object,
        default: () => ({})
    }
});

const form = reactive({
    inListDiscount: '',
    inListMax: '',
    inListPerMaxLt1: '',
    inListPerMaxGe1: '',
    inListSalesGe100: ''
});

watch(() => props.settings, (newVal) => {
    if (newVal) {
        form.inListDiscount = newVal.inListDiscount
        form.inListMax = newVal.inListMax
        form.inListPerMaxLt1 = newVal.inListPerMaxLt1
        form.inListPerMaxGe1 = newVal.inListPerMaxGe1
        form.inListSalesGe100 = newVal.inListSalesGe100
    }
}, { deep: true, immediate: true })

const onSubmit = () => {
    request.post('/recycle/manage/overall/update/in', {
        inListDiscount: form.inListDiscount,
        inListMax: form.inListMax,
        inListPerMaxLt1: form.inListPerMaxLt1,
        inListPerMaxGe1: form.inListPerMaxGe1,
        inListSalesGe100: form.inListSalesGe100
    }).then(res => {
        if (res.data.code === 200) {
            ElMessage.success('保存成功');
        } else {
            ElMessage.error(res.data.msg)
        }
    });
};
</script>