完成智能养殖

src/api/breed.js

@@ -28,4 +28,40 @@ export const reqSetWarn = (data) => ajax("post", "/farm-huyang/produceConfig/set
 // 谱系 Genealogy
 export const reqGenealogy = () => ajax("post", "/farm-huyang/produceConfig/genealogy")
 
-export const reqSetGenealogy = (data) => ajax("post", "/farm-huyang/produceConfig/setGenealogy", data)
+export const reqSetGenealogy = (data) => ajax("post", "/farm-huyang/produceConfig/setGenealogy", data)
+
+
+// 种羊年龄分布 AgeDistribute
+export const reqAgeDistribute = () => ajax("post", "/farm-huyang/produceConfig/ageDistribute")
+
+export const reqSetAgeDistribute = (data) => ajax("post", "/farm-huyang/produceConfig/setAgeDistribute", data)
+
+
+// 羔羊分布 LambDistribute
+export const reqLambDistribute = () => ajax("post", "/farm-huyang/produceConfig/lambDistribute")
+
+export const reqSetLambDistribute = (data) => ajax("post", "/farm-huyang/produceConfig/setLambDistribute", data)
+
+
+// 种羊销售 SheepSale
+export const reqSheepSale = () => ajax("post", "/farm-huyang/produceConfig/sheepSale")
+
+export const reqSetSheepSale = (data) => ajax("post", "/farm-huyang/produceConfig/setSheepSale", data)
+
+
+// 羊粪销售 PoopSale
+export const reqPoopSale = () => ajax("post", "/farm-huyang/produceConfig/poopSale")
+
+export const reqSetPoopSale = (data) => ajax("post", "/farm-huyang/produceConfig/setPoopSale", data)
+
+
+// 牧场销售 Sale
+export const reqSale = () => ajax("post", "/farm-huyang/produceConfig/sale")
+
+export const reqSetSale = (data) => ajax("post", "/farm-huyang/produceConfig/setSale", data)
+
+
+// 温湿度曲线 Environment
+export const reqEnvironment = () => ajax("post", "/farm-huyang/produceConfig/environment")
+
+export const reqSetEnvironment = (data) => ajax("post", "/farm-huyang/produceConfig/setEnvironment", data)

src/router/routes.js

@@ -12,6 +12,12 @@ import sheepDistribute from '@/views/breed/sheepDistribute.vue'
 import sheepLivestock from '@/views/breed/sheepLivestock.vue'
 import warn from '@/views/breed/warn.vue'
 import genealogy from '@/views/breed/genealogy.vue'
+import ageDistribute from '@/views/breed/ageDistribute.vue'
+import lambDistribute from '@/views/breed/lambDistribute.vue'
+import poopSale from '@/views/breed/poopSale.vue'
+import sheepSale from '@/views/breed/sheepSale.vue'
+import sale from '@/views/breed/sale.vue'
+import environment from '@/views/breed/environment.vue'
 
 
 
@@ -72,6 +78,36 @@ export default [
 				name: 'genealogy',
 				component: genealogy
 			},
+			{
+				path: 'ageDistribute',
+				name: 'ageDistribute',
+				component: ageDistribute
+			},
+			{
+				path: 'lambDistribute',
+				name: 'lambDistribute',
+				component: lambDistribute
+			},
+			{
+				path: 'poopSale',
+				name: 'poopSale',
+				component: poopSale
+			},
+			{
+				path: 'sheepSale',
+				name: 'sheepSale',
+				component: sheepSale
+			},
+			{
+				path: 'sale',
+				name: 'sale',
+				component: sale
+			},
+			{
+				path: 'environment',
+				name: 'environment',
+				component: environment
+			},
 		]
 	},
 ]

src/views/Home/mencCofig.js

@@ -54,28 +54,24 @@ export const menuData = [
             },
             {
                 optionName: '种羊年龄分布',
-                routerName: "warn"
+                routerName: "ageDistribute"
             },
             {
                 optionName: '羔羊分布',
-                routerName: "warn"
+                routerName: "lambDistribute"
             },
 
             {
                 optionName: '羊粪价格',
-                routerName: "test"
-            },
-            {
-                optionName: '种羊销量',
-                routerName: "test"
+                routerName: "poopSale"
             },
             {
                 optionName: '牧场销售',
-                routerName: "test"
+                routerName: "sale"
             },
             {
                 optionName: '温度湿度',
-                routerName: "test"
+                routerName: "environment"
             }
         ]
     },

src/views/aaaaaaaa.vue

@@ -1,67 +1,57 @@
 <template>
-    <div class="SheepDistribute">
-        <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">种羊等级分布</h2>
-        <div class="left">
-            <el-form ref="form" :model="form" label-width="120px">
-                <el-form-item label="甲">
-                    <el-input v-model="form.alpha"></el-input>
-                </el-form-item>
-                <el-form-item label="乙">
-                    <el-input v-model="form.beta"></el-input>
-                </el-form-item>
-                <el-form-item label="丙">
-                    <el-input v-model="form.gamma"></el-input>
-                </el-form-item>
-                <el-form-item label="丁">
-                    <el-input v-model="form.delta"></el-input>
-                </el-form-item>
-                <el-form-item>
-                    <el-button style="margin-left:60%" type="primary" @click="onSubmit">更新信息</el-button>
-                </el-form-item>
-            </el-form>
-        </div>
+    <!-- 22222222222222 -->
+    <div class="SheepSale">
+        <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">种羊销售</h2>
+        <formList v-model="list" :title="['月份','销售数量']" inputWidth="300px"></formList>
+        <el-button style="margin-left:710px" type="primary" @click="onSubmit">更新信息</el-button>
     </div>
 </template>
 
 <script>
-import { reqSheepDistribute, reqSetSheepDistribute } from "@/api/breed.js";
+import { reqSheepSale, reqSetSheepSale } from "@/api/breed.js";
 export default {
-    name: "SheepDistribute",
+    name: "SheepSale",
     data() {
         return {
-            form: {
-                alpha: "",
-                beta: "",
-                gamma: "",
-                delta: ""
-            }
+            list: [{ month: "" , number: ""}]
         };
     },
     created() {
-        this.getSheepDistribute();
+        this.getSheepSale();
     },
     methods: {
         onSubmit() {
+            let month = [];
+            let number = [];
+            this.list.forEach(item => {
+                month.push(item.month);
+                number.push(item.number);
+            });
             this.$confirm("确定更新信息？").then(() => {
-                reqSetSheepDistribute(this.form)
-                .then(res => {
-                    console.log(res)
-                    if(res.errcode) {
+                reqSetSheepSale({ month: month.join(","), number: number.join(",") })
+                    .then(res => {
+                        console.log(res);
+                        if (res.errcode) {
+                            this.$message.error("更新失败！");
+                        } else {
+                            this.$message.success("更新成功！");
+                        }
+                    })
+                    .catch(err => {
+                        console.log(err);
                         this.$message.error("更新失败！");
-                    }
-                    this.$message.success("更新成功！");
-                })
-                .catch(err => {
-                    console.log(err);
-                    this.$message.error("更新失败！");
-                });
+                    });
             });
-            
         },
-        getSheepDistribute() {
-            reqSheepDistribute()
+        getSheepSale() {
+            reqSheepSale()
                 .then(res => {
-                    this.form = res.conf
+                    console.log(res.conf['month']);
+                    let arr2 = res.conf['number'].split(",")
+                    this.list = [];
+                    res.conf['month'].split(",").forEach((item, i) => {
+                        this.list.push({ 'month': item , 'number': arr2[i]});
+                    });
                 })
                 .catch(err => {
                     console.error(err);
@@ -72,7 +62,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.SheepDistribute {
+.SheepSale {
     .left {
         width: 400px;
         margin-left: 50px;

src/views/breed/ageDistribute.vue

@@ -0,0 +1,114 @@
+<template>
+    <!-- ageDistribute -->
+    <div class="AgeDistribute">
+        <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">种羊年龄分布</h2>
+        <section class="section">
+            <div class="left">
+                <el-form ref="form" :model="form" label-width="100px">
+                    <el-form-item label="">
+                        <h4>种公羊</h4>
+                    </el-form-item>
+                    <el-form-item label="公羊一年龄">
+                        <el-input v-model="form.maleAgeOne"></el-input>
+                    </el-form-item>
+                    <el-form-item label="公羊二年龄">
+                        <el-input v-model="form.maleAgeTwo"></el-input>
+                    </el-form-item>
+                    <el-form-item label="公羊三年龄">
+                        <el-input v-model="form.maleAgeThree"></el-input>
+                    </el-form-item>
+                    <el-form-item label="公羊四年龄">
+                        <el-input v-model="form.maleAgeFour"></el-input>
+                    </el-form-item>
+                </el-form>
+            </div>
+            <div class="right">
+                <el-form ref="form" :model="form" label-width="100px">
+                    <el-form-item label="">
+                        <h4>种母羊</h4>
+                    </el-form-item>
+                    <el-form-item label="母羊一年龄">
+                        <el-input v-model="form.femaleAgeOne"></el-input>
+                    </el-form-item>
+                    <el-form-item label="母羊二年龄">
+                        <el-input v-model="form.femaleAgeTwo"></el-input>
+                    </el-form-item>
+                    <el-form-item label="母羊三年龄">
+                        <el-input v-model="form.femaleAgeTwo"></el-input>
+                    </el-form-item>
+                    <el-form-item label="母羊四年龄">
+                        <el-input v-model="form.femaleAgeFour"></el-input>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </section>
+
+        <el-button style="margin-left:40%" type="primary" @click="onSubmit">更新信息</el-button>
+    </div>
+</template>
+
+<script>
+import { reqAgeDistribute, reqSetAgeDistribute } from "@/api/breed.js";
+export default {
+    name: "AgeDistribute",
+    data() {
+        return {
+            form: {
+                self: "",
+                father: "",
+                mother: "",
+                fm: "",
+                ff: "",
+                mf: "",
+                mm: ""
+            }
+        };
+    },
+    created() {
+        this.getAgeDistribute();
+    },
+    methods: {
+        onSubmit() {
+            this.$confirm("确定更新信息？").then(() => {
+                reqSetAgeDistribute(this.form)
+                    .then(res => {
+                        if (res.errcode) {
+                            this.$message.error("更新失败！");
+                        } else {
+                            this.$message.success("更新成功！");
+                        }
+                    })
+                    .catch(err => {
+                        console.log(err);
+                        this.$message.error("更新失败！");
+                    });
+            });
+        },
+        getAgeDistribute() {
+            reqAgeDistribute()
+                .then(res => {
+                    this.form = res.conf;
+                })
+                .catch(err => {
+                    console.error(err);
+                });
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.AgeDistribute {
+    .section {
+        display: flex;
+        .left {
+            width: 400px;
+            margin-left: 50px;
+        }
+        .right {
+            width: 400px;
+            margin-left: 80px;
+        }
+    }
+}
+</style>

src/views/breed/breed_info.vue

@@ -1,5 +1,5 @@
 <template>
-<!-- breed_info -->
+    <!-- breed_info -->
     <div class="Breed_info">
         <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">零散信息</h2>
         <div class="left">
@@ -49,24 +49,23 @@ export default {
         onSubmit() {
             this.$confirm("确定更新信息？").then(() => {
                 reqSetBreed_info(this.form)
-                .then(res => {
-                    console.log(res)
-                    if(res.errcode) {
+                    .then(res => {
+                        if (res.errcode) {
+                            this.$message.error("更新失败！");
+                        } else {
+                            this.$message.success("更新成功！");
+                        }
+                    })
+                    .catch(err => {
+                        console.log(err);
                         this.$message.error("更新失败！");
-                    }
-                    this.$message.success("更新成功！");
-                })
-                .catch(err => {
-                    console.log(err);
-                    this.$message.error("更新失败！");
-                });
+                    });
             });
-            
         },
         getBreed_info() {
             reqBreed_info()
                 .then(res => {
-                    this.form = res.conf
+                    this.form = res.conf;
                 })
                 .catch(err => {
                     console.error(err);

src/views/breed/environment.vue

@@ -0,0 +1,91 @@
+<template>
+    <!-- environment -->
+    <div class="Environment">
+        <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">温湿度曲线</h2>
+        <formList
+            v-model="list"
+            :title="['时间','温度','湿度']"
+            inputWidth="150px"
+            titleWidth="100px"
+        ></formList>
+        <el-button style="margin-left:610px" type="primary" @click="onSubmit">更新信息</el-button>
+    </div>
+</template>
+
+<script>
+import { reqEnvironment, reqSetEnvironment } from "@/api/breed.js";
+export default {
+    name: "Environment",
+    data() {
+        return {
+            list: [
+                {
+                    time: "",
+                    temp: "",
+                    humidity: ""
+                }
+            ]
+        };
+    },
+    created() {
+        this.getEnvironment();
+    },
+    methods: {
+        onSubmit() {
+            let time = [];
+            let temp = [];
+            let humidity = [];
+            this.list.forEach(item => {
+                time.push(item.time);
+                temp.push(item.temp);
+                humidity.push(item.humidity);
+            });
+            this.$confirm("确定更新信息？").then(() => {
+                reqSetEnvironment({
+                    time: time.join(","),
+                    temp: temp.join(","),
+                    humidity: humidity.join(",")
+                })
+                    .then(res => {
+                        if (res.errcode) {
+                            this.$message.error("更新失败！");
+                        } else {
+                            this.$message.success("更新成功！");
+                        }
+                    })
+                    .catch(err => {
+                        console.log(err);
+                        this.$message.error("更新失败！");
+                    });
+            });
+        },
+        getEnvironment() {
+            reqEnvironment()
+                .then(res => {
+                    let arr2 = res.conf["temp"].split(",");
+                    let arr3 = res.conf["humidity"].split(",");
+                    this.list = [];
+                    res.conf["time"].split(",").forEach((item, i) => {
+                        this.list.push({
+                            time: item,
+                            temp: arr2[i],
+                            humidity: arr3[i]
+                        });
+                    });
+                })
+                .catch(err => {
+                    console.error(err);
+                });
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.Environment {
+    .left {
+        width: 400px;
+        margin-left: 50px;
+    }
+}
+</style>

src/views/breed/genealogy.vue

@@ -1,5 +1,5 @@
 <template>
-<!-- genealogy -->
+    <!-- genealogy -->
     <div class="Genealogy">
         <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">谱系</h2>
         <div class="left">
@@ -57,24 +57,23 @@ export default {
         onSubmit() {
             this.$confirm("确定更新信息？").then(() => {
                 reqSetGenealogy(this.form)
-                .then(res => {
-                    console.log(res)
-                    if(res.errcode) {
+                    .then(res => {
+                        if (res.errcode) {
+                            this.$message.error("更新失败！");
+                        } else {
+                            this.$message.success("更新成功！");
+                        }
+                    })
+                    .catch(err => {
+                        console.log(err);
                         this.$message.error("更新失败！");
-                    }
-                    this.$message.success("更新成功！");
-                })
-                .catch(err => {
-                    console.log(err);
-                    this.$message.error("更新失败！");
-                });
+                    });
             });
-            
         },
         getGenealogy() {
             reqGenealogy()
                 .then(res => {
-                    this.form = res.conf
+                    this.form = res.conf;
                 })
                 .catch(err => {
                     console.error(err);

src/views/breed/lambDistribute.vue

@@ -0,0 +1,82 @@
+<template>
+    <!-- lambDistribute -->
+    <div class="LambDistribute">
+        <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">羔羊分布</h2>
+        <div class="left">
+            <el-form ref="form" :model="form" label-width="120px">
+                <el-form-item label="健仔">
+                    <el-input v-model="form.healthy"></el-input>
+                </el-form-item>
+                <el-form-item label="木乃伊">
+                    <el-input v-model="form.mummy"></el-input>
+                </el-form-item>
+                <el-form-item label="死仔">
+                    <el-input v-model="form.death"></el-input>
+                </el-form-item>
+                <el-form-item label="弱仔">
+                    <el-input v-model="form.weak"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button style="margin-left:60%" type="primary" @click="onSubmit">更新信息</el-button>
+                </el-form-item>
+            </el-form>
+        </div>
+    </div>
+</template>
+
+<script>
+import { reqLambDistribute, reqSetLambDistribute } from "@/api/breed.js";
+export default {
+    name: "LambDistribute",
+    data() {
+        return {
+            form: {
+                healthy: "",
+                mummy: "",
+                death: "",
+                lamb: "",
+                weak: ""
+            }
+        };
+    },
+    created() {
+        this.getLambDistribute();
+    },
+    methods: {
+        onSubmit() {
+            this.$confirm("确定更新信息？").then(() => {
+                reqSetLambDistribute(this.form)
+                    .then(res => {
+                        if (res.errcode) {
+                            this.$message.error("更新失败！");
+                        } else {
+                            this.$message.success("更新成功！");
+                        }
+                    })
+                    .catch(err => {
+                        console.log(err);
+                        this.$message.error("更新失败！");
+                    });
+            });
+        },
+        getLambDistribute() {
+            reqLambDistribute()
+                .then(res => {
+                    this.form = res.conf;
+                })
+                .catch(err => {
+                    console.error(err);
+                });
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.LambDistribute {
+    .left {
+        width: 400px;
+        margin-left: 50px;
+    }
+}
+</style>

src/views/breed/poopSale.vue

@@ -0,0 +1,69 @@
+<template>
+    <!-- poopSale -->
+    <div class="PoopSale">
+        <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">羊粪销售</h2>
+        <formList v-model="list" :title="['时间','价格(万元)']" inputWidth="300px" titleWidth="150px"></formList>
+        <el-button style="margin-left:810px" type="primary" @click="onSubmit">更新信息</el-button>
+    </div>
+</template>
+
+<script>
+import { reqPoopSale, reqSetPoopSale } from "@/api/breed.js";
+export default {
+    name: "PoopSale",
+    data() {
+        return {
+            list: [{ time: "" , money: ""}]
+        };
+    },
+    created() {
+        this.getPoopSale();
+    },
+    methods: {
+        onSubmit() {
+            let time = [];
+            let money = [];
+            this.list.forEach(item => {
+                time.push(item.time);
+                money.push(item.money);
+            });
+            this.$confirm("确定更新信息？").then(() => {
+                reqSetPoopSale({ time: time.join(","), money: money.join(",") })
+                    .then(res => {
+                        if (res.errcode) {
+                            this.$message.error("更新失败！");
+                        } else {
+                            this.$message.success("更新成功！");
+                        }
+                    })
+                    .catch(err => {
+                        console.log(err);
+                        this.$message.error("更新失败！");
+                    });
+            });
+        },
+        getPoopSale() {
+            reqPoopSale()
+                .then(res => {
+                    let arr2 = res.conf['money'].split(",")
+                    this.list = [];
+                    res.conf['time'].split(",").forEach((item, i) => {
+                        this.list.push({ 'time': item , 'money': arr2[i]});
+                    });
+                })
+                .catch(err => {
+                    console.error(err);
+                });
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.PoopSale {
+    .left {
+        width: 400px;
+        margin-left: 50px;
+    }
+}
+</style>

src/views/breed/sale.vue

@@ -0,0 +1,109 @@
+<template>
+    <!-- sale -->
+    <div class="Sale">
+        <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">羊粪销售</h2>
+        <formList
+            v-model="list"
+            :title="['第一周时间','第一周金额','第二周时间','第二周金额','第三周时间','第三周金额']"
+            inputWidth="150px"
+            titleWidth="120px"
+        ></formList>
+        <el-button style="margin-left:810px" type="primary" @click="onSubmit">更新信息</el-button>
+    </div>
+</template>
+
+<script>
+import { reqSale, reqSetSale } from "@/api/breed.js";
+export default {
+    name: "Sale",
+    data() {
+        return {
+            list: [
+                {
+                    firstTime: "",
+                    firstMoney: "",
+                    secondTime: "",
+                    secondMoney: "",
+                    thirdTime: "",
+                    thirdMoney: ""
+                }
+            ]
+        };
+    },
+    created() {
+        this.getSale();
+    },
+    methods: {
+        onSubmit() {
+            let firstTime = [];
+            let firstMoney = [];
+            let secondTime = [];
+            let secondMoney = [];
+            let thirdTime = [];
+            let thirdMoney = [];
+            this.list.forEach(item => {
+                firstTime.push(item.firstTime);
+                firstMoney.push(item.firstMoney);
+                secondTime.push(item.secondTime);
+                secondMoney.push(item.secondMoney);
+                thirdTime.push(item.thirdTime);
+                thirdMoney.push(item.thirdMoney);
+            });
+            this.$confirm("确定更新信息？").then(() => {
+                reqSetSale({
+                    firstTime: firstTime.join(","),
+                    firstMoney: firstMoney.join(","),
+                    secondTime: secondTime.join(","),
+                    secondMoney: secondMoney.join(","),
+                    thirdTime: thirdTime.join(","),
+                    thirdMoney: thirdMoney.join(",")
+                })
+                    .then(res => {
+                        if (res.errcode) {
+                            this.$message.error("更新失败！");
+                        } else {
+                            this.$message.success("更新成功！");
+                        }
+                    })
+                    .catch(err => {
+                        console.log(err);
+                        this.$message.error("更新失败！");
+                    });
+            });
+        },
+        getSale() {
+            reqSale()
+                .then(res => {
+                    let arr2 = res.conf["firstMoney"].split(",");
+                    let arr3 = res.conf["secondTime"].split(",");
+                    let arr4 = res.conf["secondMoney"].split(",");
+                    let arr5 = res.conf["thirdTime"].split(",");
+                    let arr6 = res.conf["thirdMoney"].split(",");
+                    this.list = [];
+                    res.conf["firstTime"].split(",").forEach((item, i) => {
+                        this.list.push({
+                            firstTime: item,
+                            firstMoney: arr2[i],
+                            secondTime: arr2[i],
+                            secondMoney: arr2[i],
+                            thirdTime: arr2[i],
+                            thirdMoney: arr2[i],
+                        });
+                    });
+                })
+                .catch(err => {
+                    console.error(err);
+                });
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.Sale {
+    .left {
+        width: 400px;
+        margin-left: 50px;
+    }
+}
+</style>

src/views/breed/sheepDistribute.vue

@@ -44,24 +44,23 @@ export default {
         onSubmit() {
             this.$confirm("确定更新信息？").then(() => {
                 reqSetSheepDistribute(this.form)
-                .then(res => {
-                    console.log(res)
-                    if(res.errcode) {
+                    .then(res => {
+                        if (res.errcode) {
+                            this.$message.error("更新失败！");
+                        } else {
+                            this.$message.success("更新成功！");
+                        }
+                    })
+                    .catch(err => {
+                        console.log(err);
                         this.$message.error("更新失败！");
-                    }
-                    this.$message.success("更新成功！");
-                })
-                .catch(err => {
-                    console.log(err);
-                    this.$message.error("更新失败！");
-                });
+                    });
             });
-            
         },
         getSheepDistribute() {
             reqSheepDistribute()
                 .then(res => {
-                    this.form = res.conf
+                    this.form = res.conf;
                 })
                 .catch(err => {
                     console.error(err);

src/views/breed/sheepLivestock.vue

@@ -1,5 +1,5 @@
 <template>
-<!-- sheepLivestock -->
+    <!-- sheepLivestock -->
     <div class="SheepLivestock">
         <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">牧场存栏</h2>
         <div class="left">
@@ -50,11 +50,11 @@ export default {
             this.$confirm("确定更新信息？").then(() => {
                 reqSetSheepLivestock(this.form)
                     .then(res => {
-                        console.log(res)
-                        if(res.errcode) {
+                        if (res.errcode) {
                             this.$message.error("更新失败！");
+                        } else {
+                            this.$message.success("更新成功！");
                         }
-                        this.$message.success("更新成功！");
                     })
                     .catch(err => {
                         console.log(err);
@@ -65,7 +65,7 @@ export default {
         getSheepLivestock() {
             reqSheepLivestock()
                 .then(res => {
-                    this.form = res.conf
+                    this.form = res.conf;
                 })
                 .catch(err => {
                     console.error(err);

src/views/breed/sheepSale.vue

@@ -0,0 +1,68 @@
+<template>
+    <!-- sheepSale -->
+    <div class="SheepSale">
+        <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">种羊销售</h2>
+        <formList v-model="list" :title="['月份','销售数量']" inputWidth="300px"></formList>
+        <el-button style="margin-left:710px" type="primary" @click="onSubmit">更新信息</el-button>
+    </div>
+</template>
+
+<script>
+import { reqSheepSale, reqSetSheepSale } from "@/api/breed.js";
+export default {
+    name: "SheepSale",
+    data() {
+        return {
+            list: [{ month: "" , number: ""}]
+        };
+    },
+    created() {
+        this.getSheepSale();
+    },
+    methods: {
+        onSubmit() {
+            let month = [];
+            let number = [];
+            this.list.forEach(item => {
+                month.push(item.month);
+                number.push(item.number);
+            });
+            this.$confirm("确定更新信息？").then(() => {
+                reqSetSheepSale({ month: month.join(","), number: number.join(",") })
+                    .then(res => {
+                        if (res.errcode) {
+                            this.$message.error("更新失败！");
+                        } else {
+                            this.$message.success("更新成功！");
+                        }
+                    })
+                    .catch(err => {
+                        this.$message.error("更新失败！");
+                    });
+            });
+        },
+        getSheepSale() {
+            reqSheepSale()
+                .then(res => {
+                    let arr2 = res.conf['number'].split(",")
+                    this.list = [];
+                    res.conf['month'].split(",").forEach((item, i) => {
+                        this.list.push({ 'month': item , 'number': arr2[i]});
+                    });
+                })
+                .catch(err => {
+                    console.error(err);
+                });
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.SheepSale {
+    .left {
+        width: 400px;
+        margin-left: 50px;
+    }
+}
+</style>

src/views/breed/warn.vue

@@ -34,11 +34,11 @@ export default {
             this.$confirm("确定更新信息？").then(() => {
                 reqSetWarn({ content: data.join("--") })
                     .then(res => {
-                        console.log(res);
                         if (res.errcode) {
                             this.$message.error("更新失败！");
+                        } else {
+                            this.$message.success("更新成功！");
                         }
-                        this.$message.success("更新成功！");
                     })
                     .catch(err => {
                         console.log(err);
@@ -49,7 +49,6 @@ export default {
         getWarn() {
             reqWarn()
                 .then(res => {
-                    console.log(res.conf.content);
                     this.list = [];
                     res.conf.content.split("--").forEach(item => {
                         this.list.push({ msg: item });

src/views/breed/图表.vue

@@ -1,38 +0,0 @@
-<template>
-    <div class="sheepDistribute">
-        <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">种羊等级分布</h2>
-        <formList v-model="data"></formList>
-        <!-- <formList2 v-model="dataF" :title="['值','时间']"></formList2> -->
-    </div>
-</template>
-
-<script>
-
-export default {
-    name: "sheepDistribute",
-    data() {
-        return {
-            data: {
-                时间: [1,2,33],
-                值: [1,2,3,4,5]
-            },
-            dataF: [
-                {key:'a', value: 1},
-                {key:'a', value: 1},
-                {key:'a', value: 1},
-                {key:'a', value: 1}
-            ]
-        };
-    },
-    created() {
-        console.log(this.data)
-    },
-    methods: {
-       
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-
-</style>