qimall/addons/CloudStockTwo/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);
?>

<template id="stock-goods-edit">
    <el-dialog :visible.sync="edit.visible" width="25%" :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 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="平级奖设置" v-if="equal_level_list.length">
                    <template  v-for="(level2,i) in equal_level_list" >
                        <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>
        </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: [],
                    goods_id: 0,
                    level_list: [],
                    // equal_level_list: [],
                    // fill_level_list: [],
                    // over_level_list: [],
                    // over_level_list_2: [],
                },
                level_list: [],
                // equal_level_list: [],
                // fill_level_list: [],
                // over_level_list: [],
                // over_level_list_2: [],
                goods: null,
				
				//goods_price:'',
				agent_price_list:[],//拿货价列表
				is_allow:1,
				goods_edit_loading:false,
				
				
				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.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;
        },
        methods: {
            onInput(e) {
                this.$forceUpdate();
            },
            loadData() {

				this.goods_edit_loading = true;
                request({
                    params: {
                        r: 'cloud-stock-two/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.agent_price_list = response.data.data.agent_price;
						// 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;
                    } 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-two/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 obj={
						name:'销售公司',
						level:0,
						price:'',
						is_use:1
					}
					arr.push(obj);
					e.data.data.forEach((item)=>{
						if(item.status == 1){
							let obj={
								name:item.name,
								level:item.level,
								price:'',
								is_use:1
							}
							arr.push(obj);
						}
					})
					
					this.agent_price_list = JSON.parse(JSON.stringify(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:'b_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));//越级奖
                        console.log(this.fill_level_list);
					
					}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 || 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);
				}

				// 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);
			   // }
				let submitObj = {};
				submitObj.id = this.edit.id;
				submitObj.goods_id = this.goods.id;
				submitObj.agent_price =JSON.stringify(this.agent_price_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.is_allow_fill = this.is_allow;
				this.edit.btnLoading = true;
                request({
                    params: {
                        r: 'cloud-stock-two/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.$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>