qimall/addons/BlindBox/backend/views/setting/index.php

<?php
/**
 * @link:http://www.goodmall.com/
 * @copyright: Copyright (c) 2022
 * 名片
 * Author: zcx
 * Date: 2022-09-14
 * Time: 17:59
 */
?>
<div id="app" v-cloak>
	<el-card shadow="never" style="border:0;min-width: 1200px;" body-style="padding: 10px 0 0;">
	<div slot="header">
	    <span>基本设置</span>
	</div>
	<el-form ref="settingForm" :model="settingForm" label-width="150px">
		<el-form-item label="是否开启">
		    <el-radio-group v-model="settingForm.is_enable">
		      <el-radio :label="0" >关闭</el-radio>
		      <el-radio :label="1" >开启</el-radio>
		    </el-radio-group>
		</el-form-item>
		<el-form-item label="计算规则">
		    <el-radio-group v-model="settingForm.computing_method">
		        <el-radio :label="0" >订单付款后</el-radio>
		        <el-radio :label="1" >订单完成后</el-radio>
		    </el-radio-group>
		</el-form-item>
        <el-form-item label="结算规则">
            本身订单：
            <el-radio-group v-model="settingForm.settle_method_self_order" >
                <el-radio :label="0" >订单付款后</el-radio>
                <el-radio :label="1" >订单完成后</el-radio>
            </el-radio-group>
            <br/>
            后续订单：
            <el-radio-group v-model="settingForm.settle_method_after_order" >
                <el-radio :label="0" >订单付款后</el-radio>
                <el-radio :label="1" >订单完成后</el-radio>
            </el-radio-group>
        </el-form-item>
<!--		<el-form-item label="分红时间">-->
<!--		    <el-time-select-->
<!--		      v-model="settingForm.bonus_time"-->
<!--		      :picker-options="{-->
<!--		        start: '08:30',-->
<!--		        step: '00:15',-->
<!--		        end: '18:30'-->
<!--		      }"-->
<!--		      placeholder="选择时间">-->
<!--		    </el-time-select>-->
<!--		</el-form-item>-->
		<el-form-item label="订单分红次数设置">
		    <el-input size="small" style="width: 200px" v-model="settingForm.bonus_nums" placeholder="请输入关键字"></el-input>
		</el-form-item>
		<el-form-item label="推荐新人得贡献设置">
		    <el-radio-group v-model="settingForm.is_recommend_new_people">
		        <el-radio :label="0" >关闭</el-radio>
		        <el-radio :label="1" >开启</el-radio>
		    </el-radio-group>
			<div flex>
				每推<el-input size="small" style="width: 200px" v-model="settingForm.people_nums" placeholder="请输入关键字"></el-input>人,
				获得<el-input size="small" style="width: 200px" v-model="settingForm.get_contribution" placeholder="请输入关键字"></el-input>贡献值
			</div>
		</el-form-item>
		<el-form-item label="直推消费设置">
		    <el-radio-group v-model="settingForm.is_direct_consumption">
		        <el-radio :label="0" >关闭</el-radio>
		        <el-radio :label="1" value="1">开启</el-radio>
		    </el-radio-group>
			<div flex>
				推荐用户累计每消费满<el-input size="small" style="width: 200px" v-model="settingForm.cumulative_consumption" placeholder="请输入关键字"></el-input>元,
				获得<el-input size="small" style="width: 200px" v-model="settingForm.direct_get_contribution" placeholder="请输入关键字"></el-input>贡献值
			</div>
		</el-form-item>
		<el-form-item label="团队奖贡献值限制">
		    <el-radio-group v-model="settingForm.is_open_agent_commission_settle">
		        <el-radio :label="0" >关闭</el-radio>
		        <el-radio :label="1" value="1">开启</el-radio>
		    </el-radio-group>
		</el-form-item>
		<div flex class="flexcenter">
			 <el-button type="primary" :loading="loading" style="margin-bottom: 10px;" size="small" @click="Setting">保存</el-button>
		</div>
	</el-form>
	</el-card>
</div>
<script>
	const app = new Vue({
		el: '#app',
		data:{
			loading:false,
			settingForm:{
				is_enable:0,
				computing_method:0,
                settle_method_self_order:0,
                settle_method_after_order:0,
				bonus_time:'',
				bonus_nums:0,
				is_recommend_new_people:0,
				people_nums:0,
				get_contribution:0,
				is_direct_consumption:0,
				cumulative_consumption:0,
				direct_get_contribution:0,
                is_open_agent_commission_settle:0,
			}
		},
		mounted(){
			this.getSetting()
		},
		methods:{
			getSetting(){
				request({
				    method: 'get',
				    params: {
				        r: 'blind-box/setting/index',
				    },
				}).then(e => {
				    this.loading = false;
				    if (e.data.code == 0) {
				        this.settingForm = e.data.data.basic
						console.log(e.data.data.basic)
				    } else {
				        this.$message.error(e.data.msg);
				    }
				}).catch(e => {
				});
			},
			Setting(){
				request({
				    method: 'post',
				    params: {
				        r: 'blind-box/setting/index',
				    },
					data:{
						...this.settingForm
					}
				}).then(e => {
				    this.loading = false;

				    if (e.data.code === 0) {
				        this.$message.success(e.data.msg);
				    } else {
				        this.$message.error(e.data.msg);
				    }
				}).catch(e => {
				});
			}
		}
	})
</script>
<style>
.flexcenter{
	display: flex;
	justify-content: center;
}
</style>