huimv.client.demo2/src/views/system/softwareSet.vue

<template>
    <div class="softwareSet">
        <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">软件配置</h2>
        <section class="section">
            <article style="margin-bottom: 50px;">
                <h3 class="title">淘汰母猪条件设置</h3>
                <el-row type="flex" align="middle">
                    日龄超过
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.aa" @blur="save"></el-input>
                    </el-col>的母猪
                </el-row>
                <el-row type="flex" align="middle">
                    分娩胎次超过
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.bb" @blur="save"></el-input>
                    </el-col>的母猪
                </el-row>
                <el-row type="flex" align="middle">
                    连续
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.cc" @blur="save"></el-input>
                    </el-col>胎或者累计
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.dd" @blur="save"></el-input>
                    </el-col>胎以上分娩仔猪在
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.ee" @blur="save"></el-input>
                    </el-col>头以下的母猪
                </el-row>
                <el-row type="flex" align="middle">
                    连续
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.ff" @blur="save"></el-input>
                    </el-col>胎或者累计
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.gg" @blur="save"></el-input>
                    </el-col>胎以上分娩仔猪存活率低于
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model="formData.hh" @blur="save"></el-input>
                    </el-col>% 头以下的母猪
                </el-row>
                <el-row type="flex" align="middle">
                    连续
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.ii" @blur="save"></el-input>
                    </el-col>胎或者累计
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.jj" @blur="save"></el-input>
                    </el-col>胎以上断奶仔猪存活率低于
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model="formData.kk" @blur="save"></el-input>
                    </el-col>% 头以下的母猪
                </el-row>
            </article>
            <article>
                <h3 class="title">淘汰母猪条件设置</h3>
                <el-row type="flex" align="middle">
                    到达预产期前
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.ac" @blur="save"></el-input>
                    </el-col>天提醒关注
                </el-row>
                <el-row type="flex" align="middle">
                    分娩后
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.ad" @blur="save"></el-input>
                    </el-col>天提醒断奶
                </el-row>
                <el-row type="flex" align="middle">
                    断奶后
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.ae" @blur="save"></el-input>
                    </el-col>天提醒转舍
                </el-row>
                <el-row type="flex" align="middle">
                    母猪温度高于
                    <el-col :span="2" style="margin:10px 8px">
                        <el-input v-model.number="formData.af" @blur="save"></el-input>
                    </el-col>℃提醒高温预警
                </el-row>
            </article>
        </section>
    </div>
</template>


<script>
export default {
    name: "softwareSet",
    data() {
        return {
            formData: {}
        };
    },
    created() {},
    methods: {
        save() {
            console.log(this.formData)
        }
    }
};
</script>

<style lang="scss" scoped>
.softwareSet {
    .section {
        width: 800px;
        background-color: #eee;
        border-radius: 15px;
        padding: 30px;
        article {
            color: #666;
            
            .title {
                color: #555;
            }
        }
    }
}
</style>