qimall/addons/CloudStock/backend/views/components/stock-goods-edit.php

<?php

use common\helpers\ComponentHelper;
$diyPath = dirname(__DIR__) . '/components';
ComponentHelper::loadComponentView('com-dialog-select');
ComponentHelper::loadComponentView('cloud_inventory_goods_select', $diyPath);
ComponentHelper::loadComponentView('agent_price_edit', $diyPath);
?>

<template id="stock-goods-edit">
    <el-dialog :visible.sync="edit.visible" width="60%" :title="edit_row.title" class="dialogClass" center><!-- 添加库存商品 -->
        <div style="height: 600px;overflow-y: auto;">

            <el-form  @submit.native.prevent size="small" label-width="90px" v-loading="goods_edit_loading" >

                <el-form-item label="选择商品" required>
                    <div style="display: inline-block;">
                        <div flex="cross:center">
                            <div style="margin-left: 10px;">
								<cloud_inventory_goods_select :multiple="false" @selected="goodsSelect"
								                   title="商品选择">
								    <el-button type="primary">选择商品</el-button>
								</cloud_inventory_goods_select>
                            </div>
                        </div>
                    </div>
                </el-form-item>
                <el-form-item label="商品排序">
                    <el-input placeholder="" v-model="ruleForm.sort" onInput="value=toNumber(value,2)">
                    </el-input>
                </el-form-item>
                <el-form-item prop="goods_warehouse_ids" v-if="goods">
                    <div style="max-height: 200px;overflow-y: auto;background-color: #eee;">
                        <div flex >
                            <div style="padding-right: 10px;flex-grow: 0">
                                <com-image mode="aspectFill"
                                           :src="goods.cover_pic"></com-image>
                            </div>
                            <div style="flex-grow: 1;">
                                <com-ellipsis :line="2">{{goods.goods_name}}
                                </com-ellipsis>
                            </div>
                            <div style="flex-grow: 0;">
                                <el-button @click="deleteGoods"
                                           type="text" circle size="mini">
                                    <el-tooltip class="item" effect="dark"
                                                content="删除" placement="top">
                                        <img src="resources/img/mall/del.png" alt="">
                                    </el-tooltip>
                                </el-button>
                            </div>
                        </div>
                    </div>
                </el-form-item>
                <el-form-item label="商品售价" v-if="goods">
                    <el-input placeholder="请输入内容" v-model="goods.price" disabled>
                        <template slot="append">元</template>
                    </el-input>
                </el-form-item>

				<el-form-item label="是否允许向平台补货" label-width="150px" required>
				    <el-switch
				    v-model="is_allow"
				    :active-value="1"
				    :inactive-value="0"
				      >
				    </el-switch>
				</el-form-item>
				<el-form-item label="拿货价设置" v-if="agent_price_list.length" label-width="100px" required>
                    <template  v-for="(level1,i) in agent_price_list" v-if="level1.is_use == 1">
						<el-input placeholder="请输入拿货价"  style="margin-bottom: 10px" v-model="level1.price"
                              oninput="value = toNumber(value, 2)" min="0"
                        >
                            <template slot="prepend">
								<div style="text-align: center;">{{level1.name}}</div>
							</template>
                            <template slot="append">元/件</template>
                        </el-input>
                    </template>
                </el-form-item>
				<el-form-item label="是否开启区间拿货价" label-width="150px" required>
				    <el-switch
				    v-model="is_take_by_range"
				    :active-value="1"
				    :inactive-value="0"
				      >
				    </el-switch>
				</el-form-item>
                <el-form-item label="区间拿货价设置" v-if="agent_price_list.length && is_take_by_range == 1 " label-width="100px" required>
                    <template  v-for="(level1,i) in agent_price_list" v-if="level1.is_use == 1">
                		<div>{{level1.name}}：</div>
						<agent_price_edit v-model="level1.price_list"></agent_price_edit>
                    </template>
                </el-form-item>
                <el-form-item label="是否开启紧缩层级平级奖" label-width="150px" required>
				    <el-switch
				    v-model="is_find_equal"
				    :active-value="1"
				    :inactive-value="0"
				      >
				    </el-switch>
				</el-form-item>
                <el-form-item label="平级奖设置" v-if="equal_level_list.length">
                    <template  v-for="(level2,i) in equal_level_list" ><!-- v-if="level2.is_use == 1" -->
                        <el-input placeholder="请输入平级奖" style="margin-bottom: 10px" v-model="level2.config_value"
                                  oninput="value = toNumber(value, 2)" min="0">
                            <template slot="prepend">{{level2.level_name}}</template>
                            <template slot="append">元/件</template>
                        </el-input>
                    </template>
                </el-form-item>
                <el-form-item label="补货奖励" v-if="fill_level_list.length">
                    <template  v-for="(level3,i) in fill_level_list" v-if="level3.is_use == 1">
                        <el-input placeholder="请输入补货奖励"  style="margin-bottom: 10px" v-model="level3.price" oninput="value = toNumber(value, 2)" min="0">
                            <template slot="prepend">{{level3.name}}</template>
                            <template slot="append">元/件</template>
                        </el-input>
                    </template>
                </el-form-item>
                <el-form-item label="越一级奖励" v-if="over_level_list.length">
                    <template  v-for="(level4,i) in over_level_list" v-if="level4.is_use == 1">
                        <el-input placeholder="请输入越级奖励"  style="margin-bottom: 10px" v-model="level4.price" oninput="value = toNumber(value, 2)" min="0">
                            <template slot="prepend">{{level4.name}}</template>
                            <template slot="append">元/件</template>
                        </el-input>
                    </template>
                </el-form-item>
                <el-form-item label="越二级奖励" v-if="over_level_list_2.length">
                    <template  v-for="(level4,i) in over_level_list_2" v-if="level4.is_use == 1">
                        <el-input placeholder="请输入越级奖励"  style="margin-bottom: 10px" v-model="level4.price" oninput="value = toNumber(value, 2)" min="0">
                            <template slot="prepend">{{level4.name}}</template>
                            <template slot="append">元/件</template>
                        </el-input>
                    </template>
                </el-form-item>
                <el-form-item label="月限购" v-if="monthly_purchase.length">
                    <template  v-for="(level4,i) in monthly_purchase" v-if="level4.is_use == 1">
                        <el-input placeholder="请输入数量"  style="margin-bottom: 10px" v-model="level4.nums" oninput="value = toNumber(value, 0)" min="0">
                            <template slot="prepend">{{level4.name}}</template>
                            <template slot="append">件</template>
                        </el-input>
                    </template>
                </el-form-item>
                <el-form-item label="额外限购" v-if="additional_purchase_restrictions.length">
                    <template  v-for="(level4,i) in additional_purchase_restrictions" v-if="level4.is_use == 1">
                        <el-input placeholder="请输入数量"  style="margin-bottom: 10px" v-model="level4.nums" oninput="value = toNumber(value, 0)" min="0">
                            <template slot="prepend">{{level4.name}}</template>
                            <template slot="append">件</template>
                        </el-input>
                    </template>
                </el-form-item>
                <el-form-item label="价差礼包价格" label-width="100px">
                    <template v-for="(level1,i) in price_difference_list" v-if="level1.is_use == 1">
                        <el-input placeholder="请输入价格" style="margin-bottom: 10px" v-model="level1.price"
                                  oninput="value = toNumber(value, 2)" min="0">
                            <template slot="prepend">
                                <div style="text-align: center;">{{level1.name}}</div>
                            </template>
                            <template slot="append">元/件</template>
                        </el-input>
                    </template>
                </el-form-item>
                <el-form-item label="限制权限" prop="level">
                    <el-checkbox-group v-model="ruleForm.restrict_permissions">
                        <el-checkbox v-for="(row,index) in level_list" :label="row.level" :key="index">{{row.name}}</el-checkbox>
                    </el-checkbox-group>
                </el-form-item>
                <el-form-item label="最低进货数量">
                    <el-input placeholder="" v-model="ruleForm.min_replenish" oninput="value=value.replace(/[^\d]/g,'')">
                    </el-input>
                </el-form-item>
                <el-form-item label="预警数量">
                    <el-input placeholder="" v-model="ruleForm.warning_quantity"
                              oninput="value=value.replace(/[^\d]/g,'')">
                    </el-input>
                    <div class="tips-text" style="line-height: 24px;">
                        1.不设置，则不进行预警<br/>
                        2.设置后，当代理商库存小于等于预警数量，进行触发短信提示，只针对拥有查看该云库存商品权限的代理
                    </div>
                </el-form-item>
            </el-form>
        </div>
        <span slot="footer" class="dialog-footer">
            <el-button @click="editCancel" type="default" size="small">取消</el-button>
            <el-button type="primary" :loading="edit.btnLoading" style="margin-bottom: 10px;" size="small"
                       @click="editSave">保存</el-button>
        </span>
    </el-dialog>
</template>
<script>
    Vue.component('stock-goods-edit', {
        template: '#stock-goods-edit',
        props: {
            value: {
                type: Boolean,
                default: false
            },
            edit_row: {
                type: Object,
                default: null
            }
        },
        data() {
            return {
                edit: {
                    visible: false,
                    id: '',
                    btnLoading: false,
                },
                ruleForm: {
                    origin_price: 0.00,
                    price_list: [],
                    price_difference: [],
                    goods_id: 0,
                    level_list: [],
                    equal_level_list: [],
                    fill_level_list: [],
                    over_level_list: [],
                    over_level_list_2: [],
                    monthly_purchase: [],
                    additional_purchase_restrictions: [],
                    sort: 0,
                    min_replenish: 0,
                    restrict_permissions: [],
                    warning_quantity: '',
                },
                level_list: [],
                equal_level_list: [],
                fill_level_list: [],
                over_level_list: [],
                over_level_list_2: [],
                monthly_purchase: [],
                additional_purchase_restrictions: [],
                goods: null,

				agent_price_list:[],//拿货价列表
                price_difference_list: [],//价差列表
				is_allow:1,
				goods_edit_loading:false,
				is_take_by_range:0,
				is_find_equal:0,
				rules: {
				          pro: [
				            { required: true, message: '请选择商品', trigger: 'blur' }
				           /* { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' } */
				          ],
				          agent_price: [
				            { required: true, message: '请填写拿货价格', trigger: 'change' }
				          ],
				        }
            }
        },
        watch: {
            value() {
                if (this.value) {
					this.agent_price_list = [];
					this.equal_level_list = [];
					this.fill_level_list = [];
					this.over_level_list = [];
					this.over_level_list_2 = [];
					this.monthly_purchase = [];
					this.additional_purchase_restrictions = [];

                    this.edit.visible = true;
                    if (this.edit_row.id > 0) {
                        this.edit.id = this.edit_row.id;
                        this.loadData();
                    } else {
						this.goods=null;
						this.getLevelList();
                        this.edit.id = 0;
                    }
                } else {
                    this.edit.visible = false;

                }
            },
            'edit.visible'() {
                if (!this.edit.visible) {
                    this.editCancel();
                }
                if (this.edit.id) {
                }
            }
        },
        mounted() {
            this.edit.id = this.edit_row.id;
            this.getLevelList();

        },
        methods: {
            onInput(e) {
                this.$forceUpdate();
            },
            loadData() {

				this.goods_edit_loading = true;
                request({
                    params: {
                        r: 'cloud-stock/goods/edit',
                        id:this.edit.id
                    },
                    method: 'get',
                }).then(response => {
					this.goods_edit_loading = false;
                    if (response.data.code == 0) {
						this.goods = {
							goods_name:response.data.data.goods_name,
							cover_pic:response.data.data.cover_pic,
							price:response.data.data.price,
							goods_id:response.data.data.goods_id
						}
						this.is_allow = response.data.data.is_allow_fill;
						this.is_take_by_range = response.data.data.is_take_by_range;
						this.agent_price_list = response.data.data.agent_price;
                        this.price_difference_list = response.data.data.price_difference;
						this.equal_level_list = response.data.data.equal_level_list;
						this.fill_level_list = response.data.data.fill_level_list;
						this.over_level_list = response.data.data.over_level_list;
						this.over_level_list_2 = response.data.data.over_level_list_2;
						this.monthly_purchase = response.data.data.monthly_purchase;
						this.additional_purchase_restrictions = response.data.data.additional_purchase_restrictions;
						this.is_find_equal = response.data.data.is_find_equal;
						this.ruleForm.sort = response.data.data.sort;
						this.ruleForm.min_replenish = response.data.data.min_replenish;
						this.ruleForm.restrict_permissions = response.data.data.restrict_permissions;
                        this.ruleForm.warning_quantity = response.data.data.warning_quantity;
                        console.log('+++++',this.ruleForm.restrict_permissions);
                    } else {
                        this.$message.error(response.data.msg);
                    }
                }).catch(response => {
					this.goods_edit_loading = false;
                });
            },
            deleteGoods() {
                this.goods = null;
                this.ruleForm.goods_id = null;
            },
            goodsSelect(param) {

                if (param) {
                    this.goods = param;

                }
            },
            agentClick(row) {
                this.edit.id = row.id
            },
            getLevelList() {
				this.goods_edit_loading = true;
				request({
				    params: {
				        r: 'cloud-stock/default/get-level-list',
				        page: 1,
				        limit: 10,
						is_use:1
				    },
				    method: 'get',
				}).then(e => {
					this.goods_edit_loading = false;
					if(e.data.code == 0){
					let arr = [];
                        let price_difference_arr = [];
                    this.level_list = e.data.data;
					e.data.data.forEach((item)=>{
						if(item.status == 1){
							let obj={
								name:item.name,
								level:item.level,
								price:'',
								is_use:1,
								price_list:[],
							}
							arr.push(obj);
                            price_difference_arr.push(
                                {
                                    name: item.name,
                                    level: item.level,
                                    price: '',
                                    is_use: 1,
                                }
                            );
						}
					})

					this.agent_price_list = JSON.parse(JSON.stringify(arr));//拿货价
                        this.price_difference_list = JSON.parse(JSON.stringify(price_difference_arr));

					let arr2=[]
					e.data.data.forEach((item) =>{
						if(item.status == 1){
							let obj2={
								level_name:item.name +'平一级',
								level:item.level,
								config_key:'a_equal_level_one',
								config_value:'',
								mall_id:item.mall_id,
								/* price:'', */
								is_use:1
							}
							let obj3={
								level_name:item.name +'平二级',
								level:item.level,
								config_key:'a_equal_level_two',
								config_value:'',
								mall_id:item.mall_id,
								/* price:'', */
								is_use:1
							}
							arr2.push(obj2);
							arr2.push(obj3);
						}
					})
					this.equal_level_list = arr2;


					this.fill_level_list = JSON.parse(JSON.stringify(arr));//补货奖
					this.over_level_list = JSON.parse(JSON.stringify(arr));//越级奖
					this.over_level_list_2 = JSON.parse(JSON.stringify(arr));//越级奖
					this.monthly_purchase = JSON.parse(JSON.stringify(arr));//
					this.additional_purchase_restrictions = JSON.parse(JSON.stringify(arr));//

					}else{
						self.$message.error(e.data.msg);
					}

				}).catch(e => {
					this.goods_edit_loading = false;
				    console.log(e);
				});


            },
            editCancel() {
                this.$emit('input', false);
            },
            editSave() {//点击保存按钮
				if(this.agent_price_list.length == 0){
					this.$message.error('没有可用的代理商等级，暂时不可添加或者编辑商品');
					return;
				}

				if (!this.goods) {
				    this.$message.error('请选择商品');
				    return;
				}

				for(var i=0;i<this.agent_price_list.length;i++){
					if(this.agent_price_list[i].price < 0.01 || this.agent_price_list[i].price ==''){
						return this.$message.error('请正确填写拿货价格，金额需大于0元');
						break;
					}
					this.agent_price_list[i].price = (+this.agent_price_list[i].price).toFixed(2);
				}

				if(this.is_take_by_range == 1){
					for(var i=0;i<this.agent_price_list.length;i++){
						for(var j=0;j<this.agent_price_list[i].price_list.length;j++){
							if(this.agent_price_list[i].price_list[j].price < 0.01 || this.agent_price_list[i].price_list[j].price ==''){
								return this.$message.error('请正确填写拿货价格，金额需大于0元');
								break;
							}
							this.agent_price_list[i].price_list[j].price = (+this.agent_price_list[i].price_list[j].price).toFixed(2);
						}
					}
				}


				for(var i=0;i<this.equal_level_list.length;i++){
					if(this.equal_level_list[i].config_value < 0 ){
						return this.$message.error('请正确填写平级奖励的金额');
						break;
					}
					if(this.equal_level_list[i].config_value == ''){
						this.equal_level_list[i].config_value = 0
					}
					this.equal_level_list[i].config_value = (+this.equal_level_list[i].config_value).toFixed(2);
				}

				for(var i=0;i<this.fill_level_list.length;i++){
					if(this.fill_level_list[i].price < 0 ){
						return this.$message.error('请正确填写补货奖励的金额');
						break;
					}
					if(this.fill_level_list[i].price == ''){
						this.fill_level_list[i].price = 0
					}
					this.fill_level_list[i].price = (+this.fill_level_list[i].price).toFixed(2);
				}

			   for(var i=0;i<this.over_level_list.length;i++){
			   	if(this.over_level_list[i].price < 0 ){
			   		return this.$message.error('请正确填写越级奖励的金额');
			   		break;
			   	}
				if(this.over_level_list[i].price == ''){
					this.over_level_list[i].price = 0
				}
				this.over_level_list[i].price = (+this.over_level_list[i].price).toFixed(2);
			   }
                for (var i = 0; i < this.price_difference_list.length; i++) {
                    if (this.price_difference_list[i].price < 0) {
                        return this.$message.error('请正确填写价差的金额');
                        break;
                    }
                }
				let submitObj = {};
				submitObj.id = this.edit.id;
				submitObj.goods_id = this.goods.id;
				submitObj.agent_price =JSON.stringify(this.agent_price_list);
                submitObj.price_difference = JSON.stringify(this.price_difference_list);
				submitObj.equal_level_list = JSON.stringify(this.equal_level_list);
				submitObj.fill_level_list = JSON.stringify(this.fill_level_list);
				submitObj.over_level_list = JSON.stringify(this.over_level_list);
				submitObj.over_level_list_2 = JSON.stringify(this.over_level_list_2);
				submitObj.monthly_purchase = JSON.stringify(this.monthly_purchase);
				submitObj.additional_purchase_restrictions = JSON.stringify(this.additional_purchase_restrictions);
				submitObj.is_allow_fill = this.is_allow;
				submitObj.is_take_by_range = this.is_take_by_range;
				submitObj.is_find_equal = this.is_find_equal;
				submitObj.sort = this.ruleForm.sort;
				submitObj.min_replenish = this.ruleForm.min_replenish;
				submitObj.restrict_permissions = this.ruleForm.restrict_permissions;
                submitObj.warning_quantity = this.ruleForm.warning_quantity;
				this.edit.btnLoading = true;
                request({
                    params: {
                        r: 'cloud-stock/goods/edit'
                    },
                    method: 'post',
                    data:submitObj
                }).then(response => {
                    this.edit.btnLoading = false;
                    if (response.data.code == 0) {
                        this.$message.success('保存成功');
                        this.edit.visible = false;
                        this.goods=null;
                        this.agent_price_list = [];
                        this.equal_level_list = [];
                        this.fill_level_list = [];
                        this.over_level_list = [];
                        this.over_level_list_2 = [];
                        this.monthly_purchase = [];
                        this.additional_purchase_restrictions = [];
                        this.price_difference_list = [];
                        this.$emit('refresdatafun',1);
                    } else {
                        this.$message.error(response.data.msg);
                    }
                }).catch(response => {
                    this.edit.btnLoading = false;
                });
            },
            keyUp() {
            }
        }
    });
</script>

<style>
	.dialogClass .el-dialog__body {
	    padding: 15px 20px;
	    color: #606266;
	    font-size: 14px;
	    word-break: break-all;
	    padding-bottom: 0;
	}

	    input::-webkit-outer-spin-button,
	    input::-webkit-inner-spin-button {
	        -webkit-appearance: none;
	    }
	    input[type="number"]{
	        -moz-appearance: textfield;
	    }
</style>