马宇豪
2023-06-26 3d81e48c5df05117225726fa06f44c9c33f76861
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<template>
    <el-dialog :visible.sync="editDialogVisible" :modal-append-to-body="false" :close-on-click-modal="false" title="批发企业盘库(单位:箱)" center
               width="30%">
        <el-form :model="stockInfo" label-width="140px" class="editForm">
            <el-form-item label="当前库区:"><el-input readonly v-model="stockInfo.areaName"/></el-form-item>
            <el-form-item label="当前库房:"><el-input readonly v-model="stockInfo.stockName"/></el-form-item>
            <el-form-item label="当前总库存:"><el-input readonly v-model="stockInfo.stockNum"/></el-form-item>
        </el-form>
        <el-divider></el-divider>
        <el-form ref="editForm" :rules="editFormRules" :model="editForm" label-width="140px" class="editForm">
            <el-form-item label="爆竹类:" prop="baozhu" class="numInput">
                <el-input v-model="editForm.baozhu"/>
            </el-form-item>
            <el-form-item label="喷花类:" prop="penhua" class="numInput">
                <el-input type="number" v-model.number="editForm.penhua"/>
            </el-form-item>
            <el-form-item label="旋转类:" prop="xuanzhuan" class="numInput">
                <el-input type="number" v-model.number="editForm.xuanzhuan"/>
            </el-form-item>
            <el-form-item label="吐珠类:" prop="tuzhu" class="numInput">
                <el-input type="number" v-model.number="editForm.tuzhu"/>
            </el-form-item>
            <el-form-item label="玩具类:" prop="wanju" class="numInput">
                <el-input type="number" v-model.number="editForm.wanju"/>
            </el-form-item>
            <el-form-item label="组合类:" prop="zuhe" class="numInput">
                <el-input type="number" v-model.number="editForm.zuhe"/>
            </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
            <el-button @click="editDialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="editDialogVisible = false">完 成</el-button>
        </span>
    </el-dialog>
</template>
 
<script>
    import {mapGetters} from "vuex";
 
    export default {
        name: "editStock",
        data() {
            return {
                editDialogVisible: false,
                stockInfo:{},
                editForm: {},
                listLoading: false,
                editFormRules:{
                    department:[
                        { required: true, message: '请选择行政主管部门', trigger: 'change' },
                    ]
                }
            }
        },
        created() {
            const t = this
        },
        computed: {
            ...mapGetters([
                'userType',
                'username'
            ])
        },
        methods: {
            open(){
                this.editDialogVisible = true;
            }
        }
    }
</script>
 
<style lang="scss" scoped>
    .part-title{
        font-size: 16px;
        font-weight: bolder;
    }
    .selector{
        /deep/ .el-form-item__content{
            margin-left: 0 !important;
        }
    }
    .editForm{
        .el-form-item{
            display: flex !important;
        }
        /deep/ .el-form-item__content{
            width: 100%;
            margin-left: 0 !important;
        }
    }
 
    .numInput{
        /deep/ .el-input__inner{
            padding-right: 0;
        }
    }
</style>