qimall/addons/CloudStockTwo/backend/views/components/inventory-details.php

<?php

//Yii::$app->loadComponentView('com-dialog-select');
?>

<template id="inventory-details">
    <el-dialog :visible.sync="edit.visible" width="50%" :title="'代理商: '+edit_row.name+' 库存详情'" center>
		<el-table
		     v-loading = "listLoading"
			 size="small"
		     :data="list2"
		     style="width: 100%;">
		     <el-table-column
		       label="商品名称"
			   min-width="150"
		       >
					  <template slot-scope="scope">
					  	<div style="display: flex;align-items: center;">
					  		<img :src="scope.row.cover_pic" style="width: 35px;height: 35px;display: block;margin-right: 5px;" />
					  		<div>{{scope.row.goods_name}}</div>
					  	</div>
					  </template>
		     </el-table-column>
			 <el-table-column
			   prop="goods_price"
			   align="center"
			   label="商品售价(元)">
			 </el-table-column>
			 <el-table-column
			   prop="level_agent_price"
			   align="center"
			   label="代理商进货价(元)">
			 </el-table-column>
			 <el-table-column
			   prop="profit"
			   align="center"
			   label="利润(元)">
			 </el-table-column>
		     <el-table-column
		       prop="agent_goods_num"
			   align="center"
		       label="库存数量">
		     </el-table-column>
			 <el-table-column label="操作" align="center">
			     <template slot-scope="scope">
			         <el-button type="text" size="mini" circle style="margin-left: 10px;margin-top: 10px"
			                    @click.native="editStock(scope.row)">
                         编辑
			         </el-button>
			     </template>
			 </el-table-column>
		   </el-table>
				  
			<div style="text-align: right;margin: 20px 0;">
				<el-pagination
				     @current-change="pagination"
				     background
				     layout="prev, pager, next"
				     :page-count="pageCount">
				</el-pagination>
			</div>
			
			<el-dialog
			      width="40%"
			      title="编辑代理商商品库存"
			      :visible.sync="innerVisible"
				  center
			      append-to-body>
				  
				  <el-table
				  	 size="small"
				       :data="goodsData"
				       style="width: 100%;padding-bottom: 30px;">
				       <el-table-column
				         label="商品名称"
				  	    min-width="150"
				         >
				  			  <template slot-scope="scope">
				  			  	<div style="display: flex;align-items: center;">
				  			  		<img :src="scope.row.cover_pic" style="width: 35px;height: 35px;display: block;margin-right: 5px;" />
				  			  		<div>{{scope.row.goods_name}}</div>
				  			  	</div>
				  			  </template>
				       </el-table-column>
				  	 <el-table-column
				  	   prop="goods_price"
				  	   align="center"
				  	   label="商品售价(元)">
				  	 </el-table-column>
				  	 <el-table-column
				  	   prop="level_agent_price"
				  	   align="center"
				  	   label="代理商进货价(元)">
				  	 </el-table-column>
				  	 <el-table-column
				  	   prop="profit"
				  	   align="center"
				  	   label="利润(元)">
				  	 </el-table-column>
				       <el-table-column
				         prop="agent_goods_num"
				  	   align="center"
				         label="库存数量">
				       </el-table-column>
				     </el-table>
				  
				  <el-form label-position="right" label-width="130px" >
				    <el-form-item label="增加/减少库存" required>
				      <el-radio-group v-model="editStockData.changes_dir"><!-- v-model="ruleForm.condition_type" -->
				          <el-radio :label="1">增加库存</el-radio>
				          <el-radio :label="2">减少库存</el-radio>
				      </el-radio-group>
				    </el-form-item>
				    <el-form-item class="myLable" label="该商品数量增加" required v-if="editStockData.changes_dir == 1">
				      <el-input size="small" style="width: 250px;"  min = "1" v-model="editStockData.num" type="number"  onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))"><template slot="append">个</template></el-input>
				    </el-form-item>
					<el-form-item class="myLable" label="该商品数量减少" required v-if="editStockData.changes_dir == 2">
					  <el-input size="small" style="width: 250px;"  min = "1"  v-model="editStockData.num" type="number"  onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))"><template slot="append">个</template></el-input>
					</el-form-item>
					<el-form-item label="备注" prop="remark" size="small">
                    	<el-input v-model="editStockData.remark" placeholder="备注原因"></el-input>
                	</el-form-item>
				  </el-form>
				   <span slot="footer" class="dialog-footer">
				      <el-button size="small" @click="innerVisible = false">取 消</el-button>
				      <el-button size="small" type="primary" @click="changeStock" :loading="btnLoading">确 定</el-button>
				    </span>
			</el-dialog>
    </el-dialog>
</template>
<script>
    Vue.component('inventory-details', {
        template: '#inventory-details',
        props: {
            value: {
                type: Boolean,
                default: false
            },
            edit_row: {
                type: Object,
                default: null
            }
        },
        data() {
            return {
                edit: {
                    visible: false,
                    id: '',
                    btnLoading: false,
                },
                ruleForm: {
                    /* express_no: '',
                    express_name: '',
                    order_id: '', */
					kuaidi:1
                },
                level_list: [],
                goods: null,
				
				activeName1:'first',
				loading:false,
				expressList:[],
				express_code:'',
				express_no:'',
				list2:[],
				listLoading:false,
				page:1,
				pageCount:0,
				innerVisible:false,
				goodsData:[],
				editStockData:{
					changes_dir:1,
					num:0,
					goods_id:'',
					remark:'',
				},
				btnLoading:false,
				successFlag:false
            }
        },
        watch: {
            value() {
                if (this.value) {
                    this.edit.visible = true;
					
					this.successFlag = false;
					//this.goodsData = [this.edit_row.data];
					this.getDetailData();
                    /* if (this.edit_row.id > 0) {
                        console.log(this.edit_row)
                        this.ruleForm.order_id = this.edit_row.id;
                    } else {
                        this.edit.id = 0;
                    } */
                } else {
                    this.edit.visible = false;
                }
            },
            'edit.visible'() {
                if (!this.edit.visible) {
					if(this.successFlag){
						this.$emit('success',1)
					}
					
					
					this.express_code = '';
					this.express_no = '';
                    this.editCancel();
                }
                if (this.edit.id) {
                }
            }
        },
        mounted() {
            //this.edit.id = this.edit_row.id;
        },
        methods: {
            onInput(e) {
                this.$forceUpdate();
            },
            agentClick(row) {
                this.edit.id = row.id
            },
            editCancel() {
                this.$emit('input', false);
            },
            editSave() {
                /* if (this.ruleForm.order_id == 0) {
                    this.$message.error('请选择订单');
                    return;
                } */
				if(!this.express_code){
					this.$message.error('请选择快递公司');
					return;
				}
				if(!this.express_no){
					this.$message.error('请输入快递单号');
					return;
				}
				
                this.edit.btnLoading = true;
                request({
                    params: {
                        r: 'cloud-stock-two/pick-up/delivery',
                    },
                    method: 'post',
                    data:{
						id:this.edit_row.data.id,
						express_code:this.express_code,
						express_no:this.express_no
					}
                }).then(response => {
                    this.edit.btnLoading = false;
                    if (response.data.code == 0) {
                        this.$message.success(response.data.msg);
						this.$emit('success',1)
                        this.editCancel();

                    } else {
                        this.$message.error(response.data.msg);
                    }
                }).catch(response => {
                    this.edit.btnLoading = false;
                });
            },
            keyUp() {

            },
			getExpressList(){
				this.loading = true;
				request({
				    params: {
						r:'cloud-stock-two/pick-up/express-list'
					},
				    method: 'get',
				}).then(e => {
					this.loading = false;
					//console.log('快递列表='+JSON.stringify(e))
				    if (e.data.code == 0) {
				        this.expressList = e.data.data;
				    } else {
				        this.$message.error(e.data.msg);
				    }
				}).catch(e => {
				    this.loading = false;
				});
			},
			getDetailData(){
				
				this.listLoading = true;
				//console.log('请求详情前的page='+this.page)
				//console.log('请求详情前的this.edit_row.user_id='+this.edit_row.user_id)
				request({
				    params: {
				        r: 'cloud-stock-two/agent-goods/index',
				        page: this.page,
						limit:6,
						user_id:this.edit_row.user_id
				    },
				    method: 'get',
				}).then(e => {
					this.listLoading = false;
					//console.log('详情列表new=='+JSON.stringify(e))
					 console.log(e.data.data.list)
					if(e.data.code == 0){
						this.list2 = e.data.data.list;
						this.pageCount = e.data.data.page_count;
					}
				}).catch(e => {
				    console.log(e);
					this.listLoading = false;
				});
			},
			pagination(currentPage) {
			    let self = this;
			    self.page = currentPage;
			    self.getDetailData();
			},
			editStock(row){
				//console.log('row=='+JSON.stringify(row))
				this.innerVisible = true;
				this.goodsData = [row];
				this.editStockData.goods_id = row.goods_id;
				this.editStockData.num = 0
			},
			changeStock(){
				if(this.editStockData.num == 0){
					return this.$message.error('请填入正确的增加/减少商品的数量');
				}
				// console.log('user_id='+this.edit_row.user_id)
				// console.log('changes_dir='+this.editStockData.changes_dir)
				// console.log('goods_id='+this.editStockData.goods_id)
				// console.log('num='+this.editStockData.num)
				this.btnLoading = true;
				request({
				    params: {
				        r: 'cloud-stock-two/default/change-goods-stock',//plugin/cloud_stock/mall/agent-goods/change-goods-stock
				    },
					data:{
						user_id:this.edit_row.user_id,
						changes_dir:this.editStockData.changes_dir,
						goods_id:this.editStockData.goods_id,
						num:this.editStockData.num,
						remark:this.editStockData.remark,
					},
				    method: 'post',
				}).then(e => {
					this.btnLoading = false;
					
					if(e.data.code == 0){
						this.successFlag = true;
						this.$message.success(e.data.msg);
						this.innerVisible = false;
						this.getDetailData();
					}else{
						this.$message.error(e.data.msg);
					}
				}).catch(e => {
				    console.log(e);
					this.btnLoading = false;
				});
			}
        }
    });
</script>
<style>
	/* .myTable2 .el-table__footer-wrapper,.myTable2 .el-table__header-wrapper{
	  border-bottom: 1.4px solid #D6D6D6;
	 } */
	 .myLable .el-form-item__label{
		 color: red !important;
	 }
</style>