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

<?php

use common\helpers\ComponentHelper;
$diyPath = dirname(__DIR__) . '/components';
ComponentHelper::loadComponentView('cloud_inventory_goods_select', $diyPath);
ComponentHelper::loadComponentView('com-dialog-select');
ComponentHelper::loadComponentView('com-select-cat');
?>
<div id="app" v-cloak>
    <el-card class="box-card" v-loading="loading" shadow="never" style="border:0"
             body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div slot="header">
            <div>
                <span>基础设置</span>
            </div>
        </div>

        <div class="form_box">

			<el-tabs v-model="activeName" type="card">
			   <el-tab-pane label="基础设置" name="first">
				   <el-form :model="settingData"   size="small" ref="settingData" label-width="100px">
				       <el-card shadow="never">
				           <div>
				               <el-row>
				                   <el-col :span="16">
				                       <el-form-item label="启用云库存" style="margin-bottom: 10px">
				                           <div>
				                               <el-switch v-model="settingData.is_enable" :active-value="1" :inactive-value="0">
				                               </el-switch>
				                           </div>
                                           <br/>
                                           <div class="tips-text" style="line-height: 24px;">
                                               开启使用云库存功能
                                           </div>
				                       </el-form-item>

				                       <el-form-item label="允许限时补货" style="margin-bottom: 10px">
				                           <div>
				                               <el-switch
				                                       v-model="settingData.is_time_limit_fill"
				                                       :active-value="1"
				                                       :inactive-value="0"
				                               >
				                               </el-switch>
				                           </div>
                                           <br/>
                                           <div class="tips-text" style="line-height: 24px;">
                                               是否开启允许限时补货，开启后，上级代理没有库存的情况下，在下面设置的时间内补货，正常扣上级库存
                                           </div>
				                       </el-form-item>

				                       <el-form-item prop="temp_fill_time" label="补货限时" v-if="settingData.is_time_limit_fill">
				                           <el-col :span="8">
				                               <el-input v-model="settingData.fill_hour"
				                                         type="number">
				                                   <template slot="append">小时</template>
				                               </el-input>
											   <el-tag style="margin-top: 6px;">当代理商库存不足时，给他通知库存预警，及时补货。如不及时补货，则扣去上级代理商库存。</el-tag>
				                           </el-col>
                                           <br/>
                                           <div class="tips-text" style="line-height: 24px;">
                                               限时补货时间限制
                                           </div>
				                       </el-form-item>



										<el-form-item label="下级送名额" style="margin-bottom: 10px">
										    <div>
										        <template>
										          <el-radio v-model="settingData.is_give_quota" :label="1">开启</el-radio>
										          <el-radio v-model="settingData.is_give_quota" :label="0">关闭</el-radio>
										        </template>
										    </div>

										</el-form-item>

										<el-form-item label="消息通知" style="margin-bottom: 10px">
											<div>
											    <el-switch v-model="settingData.is_notice" :active-value="1" :inactive-value="0">
											    </el-switch>
											</div>
										</el-form-item>

                                       <el-form-item label="是否同步分销商奖励" style="margin-bottom: 10px;width:300px;"  class="myFormItem">
                                           <div>
                                               <el-switch v-model="settingData.is_sync_distribution_level" :active-value="1" :inactive-value="0">
                                               </el-switch>
                                               <br/>
                                               <div class="tips-text" style="line-height: 24px;">
                                                   云库存的补货商品用户购买后，上级会拿分销佣金
                                               </div>
                                           </div>

                                       </el-form-item>
                                       <el-form-item label="是否扣除分佣" style="margin-bottom: 10px;width:300px;"  class="myFormItem">
                                           <div>
                                               <el-switch v-model="settingData.is_deduction_commission" :active-value="1" :inactive-value="0"></el-switch>
                                           </div>
                                           <el-tag style="margin: 6px 0 0 95px;">分佣是否包含团队分红、区域分红、分销的佣金</el-tag>
                                           <br/>
                                           <div class="tips-text" style="line-height: 24px;">
                                               云库存 代理扣货货款是否减掉分佣
                                           </div>
                                       </el-form-item>
                                       <el-form-item label="升级礼包赠送库存从上级代理扣除" style="margin-bottom: 10px;width:300px;"  class="myFormItem">
                                           <div>
                                               <el-switch v-model="settingData.level_up_give_stock_by_parent" :active-value="1" :inactive-value="0"></el-switch>
                                           </div>
                                           <br/>
                                           <div class="tips-text" style="line-height: 24px;">
                                               升级礼包赠送的商品库存是从上级代理扣还是从平台送库存
                                           </div>
                                       </el-form-item>
                                       <el-form-item label="云仓配货" style="margin-bottom: 20px;">
                                    		<div>
                                        		<el-switch v-model="settingData.is_enable_cloud" :active-value="1" :inactive-value="0"></el-switch>
                                    		</div>
                                           <br/>
                                           <div class="tips-text" style="line-height: 24px;">
                                               下级的订单货款扣除平台管理费剩下后货款返给代理，如果不设置则不扣
                                           </div>
                                		</el-form-item>
                                        <el-form-item prop="platform_fee" label="平台管理费">
                                            <el-col :span="8">
                                                <el-input v-model="settingData.platform_fee" type="number">
                                                    <template slot="append">%</template>
                                                </el-input>
                                            </el-col>
                                        </el-form-item>
				                   </el-col>
				               </el-row>
				           </div>
				       </el-card>
				   </el-form>
				   <el-button :loading="btnLoading" class="button-item" type="primary" style="margin-top: 24px;"
				              @click="saveFun('basic')" size="small">保存
				   </el-button>
			   </el-tab-pane>
			   <el-tab-pane label="经销设置" name="second">
			   	<el-form :model="ruleForm"   size="small" ref="ruleForm" label-width="150px">
                <el-card shadow="never">
                    <div>
                        <el-row>
                            <el-col :span="20">
                                <el-form-item label="启用经销商提成" style="margin-bottom: 0">
                                    <div>
                                        <el-switch v-model="ruleForm.is_enable" :active-value="1" :inactive-value="0">
                                        </el-switch>
                                    </div>
                                </el-form-item>
                                <!-- <el-form-item label="推广中心显示" style="margin-bottom: 0">
                                    <div>
                                        <el-switch v-model="ruleForm.is_show_at_center" :active-value="1" :inactive-value="0">
                                        </el-switch>
                                    </div>
                                </el-form-item> -->
                                <el-form-item label="启用平级/越级奖励" style="margin-bottom: 0">
                                    <div>
                                        <el-switch v-model="ruleForm.is_equal" :active-value="1" :inactive-value="0">
                                        </el-switch>
                                    </div>
                                </el-form-item>
                                <!-- <el-form-item prop="calculation_basis" label="平级奖计算依据">
                                    <label slot="label">平级奖计算依据
                                        <el-tooltip class="item" effect="dark"
                                                    content="默认正常按支付价格（或商品售价，商品利润）来计算平级奖，上级团队（下级团队）获得极差来计算平级奖"
                                                    placement="top-start">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </label>
                                    <el-col :span="16">
                                        <el-radio-group  v-model="ruleForm.calculation_basis" size="small">
                                            <el-radio :label="0" border>默认</el-radio>
                                            <el-radio :label="1" border>上级团队奖或级差</el-radio>
                                            <el-radio :label="2" border>下级团队奖或级差</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                </el-form-item> -->

                                <!-- <el-form-item prop="equal_settle_type" label="平级奖结算方式">
                                    <label slot="label">平级奖结算方式
                                        <el-tooltip class="item" effect="dark"
                                                    content="奖励是由谁来结算平级奖"
                                                    placement="top">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </label>
                                    <el-col :span="19">
                                        <el-radio-group  v-model="ruleForm.equal_settle_type" size="small">
                                            <el-radio :label="0" border>平台结算</el-radio>
                                            <el-radio :label="1" border>上级拿级差或团队奖者支付</el-radio>
                                            <el-radio :label="2" border>下级拿级差或团队奖者支付</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                </el-form-item> -->
                                <!-- <el-form-item label="经销内购" prop="is_self_buy" required>
                                    <label slot="label">经销内购
                                        <el-tooltip class="item" effect="dark"
                                                    content="开启经销内购，经销商自己购买商品，享受自己等级的提成"
                                                    placement="top-start">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </label>
                                    <el-switch v-model="ruleForm.is_self_buy" :active-value="1" :inactive-value="0">
                                    </el-switch>
                                </el-form-item> -->
                                <!-- <template v-if="ruleForm.is_self_buy==1">
                                    <el-form-item label="是否开启商品抵扣" prop="enable_goods_deduct">
                                        <label slot="label">是否开启商品抵扣
                                            <el-tooltip class="item" effect="dark"
                                                        content="开启经销内购，才可开启内购时可按商品会员价支付"
                                                        placement="top-start">
                                                <i class="el-icon-info"></i>
                                            </el-tooltip>
                                        </label>
                                        <el-switch v-model="ruleForm.enable_goods_deduct" :active-value="1" :inactive-value="0">
                                        </el-switch>
                                    </el-form-item>
                                </template> -->


                                <!-- <el-form-item prop="agent_level" label="团队奖励层级">
                                    <el-col :span="8">
                                        <el-input v-model="ruleForm.team_prize_deep" type="number"  oninput="value=value.replace(/[^0-9]/g,'')">
                                            <template slot="append">层</template>
                                        </el-input>
                                    </el-col>
                                </el-form-item>
                                <el-form-item prop="agent_level" label="平级层级">
                                    <el-col :span="8">
                                        <el-input v-model="ruleForm.equal_prize_deep" type="number" oninput="value=value.replace(/[^0-9]/g,'')">
                                            <template slot="append">层</template>
                                        </el-input>
                                    </el-col>
                                </el-form-item> -->

                                <!-- <el-form-item prop="compute_type" label="结算方式">
                                    <el-col :span="19">
                                        <el-radio-group  v-model="ruleForm.compute_type" size="small">
                                            <el-radio :label="0" border>订单完成后</el-radio>
                                            <el-radio :label="1" border>订单支付后</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                </el-form-item> -->

                                <!-- <el-form-item prop="computing_method" label="计算方式">
                                    <el-col :span="19">
                                        <el-radio-group v-model="ruleForm.computing_method" size="small">
                                            <el-radio :label="0" border>支付价格</el-radio>
                                            <el-radio :label="1" border>商品售价</el-radio>
                                            <el-radio :label="2" border>商品利润</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                </el-form-item> -->

                                <!-- <el-form-item prop="compute_type" label="团队业绩额外奖结算">
                                    <el-col :span="19">
                                        <el-radio-group  v-model="ruleForm.team_achievement_compute_type" size="small">
                                            <el-radio :label="0" border>订单完成后</el-radio>
                                            <el-radio :label="1" border>按月结算</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                </el-form-item> -->
                            </el-col>
                        </el-row>
                    </div>
                </el-card>
            </el-form>
            		<el-button :loading="btnLoading" class="button-item" type="primary" style="margin-top: 24px;"
				              @click="saveFun('agent')" size="small">保存
				   </el-button>
			   </el-tab-pane>
			   <el-tab-pane label="短信模板" name="third">
				   <el-table
				        stripe
				        :data="list"
				        style="width: 600px"
				   		v-loading="loading">
				        <el-table-column
				   		  align="center"
				          prop="temp_name"
				          label="短信模板名称"
				          min-width="200">
				        </el-table-column>

				   				  <el-table-column
				   				          align="center"
				   				          label="操作"
				   						   min-width="200"
				   				         >
				   				      <template slot-scope="scope">
				   				          <el-button circle size="mini" type="text" @click="editClick(scope.row)">
				   				              <el-tooltip class="item" effect="dark" content="编辑" placement="top">
				   				                  <img src="resources/img/mall/edit.png" alt="">
				   				              </el-tooltip>
				   				          </el-button>
				   				      </template>
				   				  </el-table-column>
				      </el-table>
			   </el-tab-pane>
			 </el-tabs>


        </div>

    </el-card>

		<el-dialog
		  title="编辑"
		  center
		  :visible.sync="smsDialogVisible"

		  width="30%">
		  <el-form  label-width="80px"  v-loading = 'loading2'>
		    <el-form-item label="模板id" required>
		      <el-input v-model.trim="detailData.temp_id"></el-input>
		    </el-form-item>
		    <el-form-item label="模板内容" required>
		      <el-input v-model.trim="detailData.temp_content"></el-input>
		    </el-form-item>
			<el-form-item label="模板key">
			  <el-input v-model="detailData.sms_key" :disabled="true"></el-input>
			</el-form-item>
		    <el-form-item label="模板名称">
		      <el-input v-model="detailData.temp_name" :disabled="true"></el-input>
		    </el-form-item>
		  </el-form>
		  <span slot="footer" class="dialog-footer">
		    <el-button @click="smsDialogVisible = false">取 消</el-button>
		    <el-button type="primary" @click="saveFun2" :loading="btnLoading">保 存</el-button>
		  </span>
		</el-dialog>
</div>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                loading: false,
                btnLoading: false,
				activeName:"first",
				jiangLiRadio:"1",
				dialogVisible:false,
				chooseDate:'',
				level_list:[],
				pageCount:0,
				dialogVisible2:false,
				selectId:0,
				smsDialogVisible:false,
				current_sms_key:'',
				detailData:{},
				loading2:false,
				settingData:{
					is_enable:1,
					is_time_limit_fill:1,
					bonus:'payment',
					is_give_quota:1,
					is_notice:1,
                    is_sync_distribution_level:0,
					fill_hour:0,
                    level_up_give_stock_by_parent:0,
                    is_enable_cloud:0,
                    platform_fee:0,
				},
				ruleForm: {
                    is_enable: 0,
                    is_show_at_center: 1,
                    is_self_buy: 0,
                    enable_goods_deduct: 0,
                    // enable_goods_deduct: 0,
                    is_equal: 0,
                    is_contain_self: 0,
                    equal_settle_type:0,
                    calculation_basis:0,
                    is_equal_self:0,
                    equal_prize_deep:0,
                    over_level:0,
                    team_prize_deep:0,
                    compute_type:0,
                    team_achievement_compute_type:0,
                    computing_method:0,
                },
				list:[]
            }
        },
        mounted: function () {
            this.loadData();
			this.getList();
        },
        methods: {
            loadData() {
                this.loading = true;
                request({
                    params: {
                        r: 'cloud-stock-two/setting/index',
                    },
                    method: 'get'
                }).then(e => {
                    this.loading = false;
                    if (e.data.code == 0) {
						if(e.data.data){
						    if(e.data.data!=''){
                                this.settingData = e.data.data.basic;
                                this.ruleForm = e.data.data.agent;
                                if(!this.settingData.bonus){
                                    this.settingData.bonus = 'payment'
                                }
                            }
						}

                    }
                }).catch(e => {
                    this.loading = false;
                })
            },
			saveFun(type){

				if(this.settingData.is_time_limit_fill == 1 && this.settingData.fill_hour <=0 ){
					return this.$message.error('请输入正确的补货时限');
				}
				this.btnLoading = true;
				let data = null;
				if(type == 'agent'){
					data = {
						type:type,
						data:this.ruleForm,
					};
				}else{
					data = {
						type:type,
						data:this.settingData,
					};
				}
				request({
				    params: {
				        r: 'cloud-stock-two/setting/index',
				    },
				    method: 'post',
				    data: data,
				}).then(e => {
				    this.btnLoading = false;
				    if (e.data.code == 0) {
				        this.$message.success(e.data.msg);
				    } else {
				        this.$message.error(e.data.msg);
				    }
				}).catch(e => {
				    this.$message.error(e);
				    this.btnLoading = false;
				})
			},
			pagination(currentPage) {

			},
			getList() {
			    let self = this;
			    self.loading = true;
			    request({
			        params: {
			            r: 'cloud-stock-two/setting/sms-list'
			        },
			        method: 'get',
			    }).then(e => {
					self.loading = false;
					if(e.data.code == 0){
						self.list = e.data.data;
					}
			    }).catch(e => {
			        console.log(e);
			    });
			},
			editClick(row){
				this.current_sms_key = row.sms_key;
				this.smsDialogVisible = true;
				this.getDetail();
			},
			getDetail(){
				this.loading2 = true;
				request({
				    params: {
				        r: 'cloud-stock-two/setting/get-sms-detail',
						sms_key:this.current_sms_key
				    },
				    method: 'get',
				}).then(e => {
					this.loading2 = false;
					if(e.data.code == 0){
						this.detailData = e.data.data;
					}

				}).catch(e => {
				    console.log(e);
				});
			},
			saveFun2(){
				if(this.detailData.temp_id == '' || this.detailData.temp_content == ''){
					return  this.$message.error('请填入模板id和模板内容');
				}
				this.btnLoading = true;
				request({
				    params: {
				        r: 'cloud-stock-two/setting/sms-save'//短信模板更新
				    },
				    method: 'post',
				    data: {
				        id:this.detailData.id,
				        sms_key:this.detailData.sms_key,
						temp_content:this.detailData.temp_content,
						temp_id:this.detailData.temp_id,
						temp_name:this.detailData.temp_name
				    }
				}).then(response => {
				    this.btnLoading = false;
				    if (response.data.code == 0) {
						this.$message.success('保存成功');
				       this.smsDialogVisible = false;
				    } else {
				        this.$message.error(response.data.msg);
				    }
				}).catch(response => {
				    this.edit.btnLoading = false;
				});
			},
        }
    });
</script>
<style>
    .form_box {
        /* background-color: #f3f3f3;
        padding: 0 0 20px; */
		background-color: #fff;
		padding:20px;
    }

    .button-item {
        margin-top: 12px;
        padding: 9px 25px;
    }

    .el-input-group__append {
        background-color: #fff;
        color: #353535;
    }


	.el-card__body{
		padding: 0;
	}
	.el-card{
		border: none;
	}


	.el-table thead{
		font-size: 14px;
		color: #333;
	}
	/* .el-table__footer-wrapper, .el-table__header-wrapper{
	  border-bottom: 1.4px solid #D6D6D6;
	 } */
	 .dialogClass .el-dialog__body{
		 padding-bottom: 0;
	 }

	 .el-date-editor .el-range-separator{/* 设置选择日期框的中间的 ‘至’ 的宽度 */
	 		 width: 8%;
	 }
	 /* .myFormItem .el-form-item__label{
		 font-size: 12px;
	 } */
</style>