diff --git "a/FlowerGully/src/assets/\345\233\276\347\211\207/\345\205\255\346\234\210\345\215\227\347\223\234.jpg" "b/FlowerGully/src/assets/\345\233\276\347\211\207/\345\205\255\346\234\210\345\215\227\347\223\234.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a7e208a7a94b18612d6c23b244f1210cc82461a9
Binary files /dev/null and "b/FlowerGully/src/assets/\345\233\276\347\211\207/\345\205\255\346\234\210\345\215\227\347\223\234.jpg" differ
diff --git "a/FlowerGully/src/assets/\345\233\276\347\211\207/\345\206\260\350\217\234.jpg" "b/FlowerGully/src/assets/\345\233\276\347\211\207/\345\206\260\350\217\234.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..ff578b902f333c39e795c27da20a0ae8074848e8
Binary files /dev/null and "b/FlowerGully/src/assets/\345\233\276\347\211\207/\345\206\260\350\217\234.jpg" differ
diff --git "a/FlowerGully/src/assets/\345\233\276\347\211\207/\345\245\266\346\262\271\347\224\237\350\217\234.jpg" "b/FlowerGully/src/assets/\345\233\276\347\211\207/\345\245\266\346\262\271\347\224\237\350\217\234.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..3ec5623882426f3e608241c3a2254e9d3b9a0941
Binary files /dev/null and "b/FlowerGully/src/assets/\345\233\276\347\211\207/\345\245\266\346\262\271\347\224\237\350\217\234.jpg" differ
diff --git "a/FlowerGully/src/assets/\345\233\276\347\211\207/\345\260\217\347\231\275\350\217\234.jpg" "b/FlowerGully/src/assets/\345\233\276\347\211\207/\345\260\217\347\231\275\350\217\234.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..1d1871af6972dcd5efc8a399f92027dc41b36b2c
Binary files /dev/null and "b/FlowerGully/src/assets/\345\233\276\347\211\207/\345\260\217\347\231\275\350\217\234.jpg" differ
diff --git "a/FlowerGully/src/assets/\345\233\276\347\211\207/\346\240\221\350\216\223.jpg" "b/FlowerGully/src/assets/\345\233\276\347\211\207/\346\240\221\350\216\223.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..877ec1a5e25dbae309c46c116fc25f4739723197
Binary files /dev/null and "b/FlowerGully/src/assets/\345\233\276\347\211\207/\346\240\221\350\216\223.jpg" differ
diff --git "a/FlowerGully/src/assets/\345\233\276\347\211\207/\346\250\261\346\241\203\347\225\252\350\214\204.jpg" "b/FlowerGully/src/assets/\345\233\276\347\211\207/\346\250\261\346\241\203\347\225\252\350\214\204.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..501c4ad37a9cf6cbdfd29fd408688eb9cd8f7b1d
Binary files /dev/null and "b/FlowerGully/src/assets/\345\233\276\347\211\207/\346\250\261\346\241\203\347\225\252\350\214\204.jpg" differ
diff --git "a/FlowerGully/src/assets/\345\233\276\347\211\207/\346\255\246\345\212\237\350\276\243\346\244\222.jpg" "b/FlowerGully/src/assets/\345\233\276\347\211\207/\346\255\246\345\212\237\350\276\243\346\244\222.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..d099b0661bb62d44e97aa5c13e766e8b3f663c54
Binary files /dev/null and "b/FlowerGully/src/assets/\345\233\276\347\211\207/\346\255\246\345\212\237\350\276\243\346\244\222.jpg" differ
diff --git "a/FlowerGully/src/assets/\345\233\276\347\211\207/\346\260\264\346\236\234\351\273\204\347\223\234.jpg" "b/FlowerGully/src/assets/\345\233\276\347\211\207/\346\260\264\346\236\234\351\273\204\347\223\234.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..31c0d7ebd6051a594a6e94bc8389b8ecd5cfd35c
Binary files /dev/null and "b/FlowerGully/src/assets/\345\233\276\347\211\207/\346\260\264\346\236\234\351\273\204\347\223\234.jpg" differ
diff --git "a/FlowerGully/src/assets/\345\233\276\347\211\207/\347\224\234\347\223\234.jpg" "b/FlowerGully/src/assets/\345\233\276\347\211\207/\347\224\234\347\223\234.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..6460a4432717d0830de0f16ef843a165ed5b7c6c
Binary files /dev/null and "b/FlowerGully/src/assets/\345\233\276\347\211\207/\347\224\234\347\223\234.jpg" differ
diff --git "a/FlowerGully/src/assets/\345\233\276\347\211\207/\347\244\274\345\223\201\350\245\277\347\223\234.jpg" "b/FlowerGully/src/assets/\345\233\276\347\211\207/\347\244\274\345\223\201\350\245\277\347\223\234.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..86465e99066d2364fbc6c404cb04ee6aa8c47e40
Binary files /dev/null and "b/FlowerGully/src/assets/\345\233\276\347\211\207/\347\244\274\345\223\201\350\245\277\347\223\234.jpg" differ
diff --git "a/FlowerGully/src/assets/\345\233\276\347\211\207/\347\276\212\350\247\222\350\234\234.jpg" "b/FlowerGully/src/assets/\345\233\276\347\211\207/\347\276\212\350\247\222\350\234\234.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..d305f694dd5bf048adad1b56cdb58ce57d2db008
Binary files /dev/null and "b/FlowerGully/src/assets/\345\233\276\347\211\207/\347\276\212\350\247\222\350\234\234.jpg" differ
diff --git a/FlowerGully/src/views/BasicInformation/Variety.vue b/FlowerGully/src/views/BasicInformation/Variety.vue
index 8b1360c9529a974732033185d7398005169990fd..32ad6db299b5b7ed7a984e5850928f89f726b09a 100644
--- a/FlowerGully/src/views/BasicInformation/Variety.vue
+++ b/FlowerGully/src/views/BasicInformation/Variety.vue
@@ -1,15 +1,218 @@
 <template>
-    <div>
-        品种管理
+    <div class="margin">
+        <el-row>
+            <el-col :span="12">
+                <el-button type="primary" icon="el-icon-plus" size="small" @click="dialogVisible = true">添加类型</el-button>
+            </el-col>
+            <el-col :span="12">
+                <div>
+                    <span class="left">作物种类</span>
+                    <el-select v-model="value" placeholder="请选择" size="small">
+                        <el-option v-for="item in options" :key="item.value" :label="item.label"
+                            :value="item.value"></el-option>
+                    </el-select>
+                    <span class="left">作物名称</span>
+                    <el-input class="input" size="small" v-model="input" placeholder="请输入"></el-input>
+                    <el-button type="primary" icon="el-icon-search" size="small">查询</el-button>
+                </div>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20" class="top" v-for="item in options" :key="item.value">
+            <el-col :span="2">
+                <div class="font">
+                    <span class="blue"></span>
+                    <span>{{ item.label }}</span>
+                </div>
+            </el-col>
+            <el-col :span="16">
+                <div>
+                    <hr class="hr">
+                </div>
+            </el-col>
+            <el-col :span="6" class="input-top">
+                <div>
+                    <el-button type="primary" plain size="small" icon="el-icon-plus"
+                        @click="dialogVisible1 = true">新增</el-button>
+                    <el-button type="primary" plain size="small" icon="el-icon-edit-outline">编辑</el-button>
+                    <el-button type="danger" plain size="small" icon="el-icon-delete">删除</el-button>
+                    <el-button type="text" :icon="item.botton ? 'el-icon-arrow-down' : 'el-icon-arrow-right'"
+                        @click="changeIcon(item)" class="text"></el-button>
+                </div>
+            </el-col>
+            <div style="margin-top:50px;" v-show="item.botton">
+                <hr style="width:96%;margin:auto;">
+                <div class="box">
+                    <img src="~@/assets/图片/小白菜.jpg" alt="" style="height:100px;margin:auto;">
+                    <p>白菜</p>
+                    <div>
+                        <el-button type="text">编辑</el-button><span class="span-margin">|</span><el-button type="text"
+                            style="color:red;">删除</el-button>
+                    </div>
+                </div>
+            </div>
+        </el-row>
+        <el-dialog title="添加类型" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
+            作物名称<el-input v-model="type" style="width:80%;margin-left:20px;" placeholder="请输入"></el-input>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="dialogVisible = false">取 消</el-button>
+                <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+            </span>
+        </el-dialog>
+        <el-dialog title="添加类型" :visible.sync="dialogVisible1" width="30%" :before-close="handleClose">
+            品种名称<el-input v-model="name" style="width:80%;margin-left:5%;" placeholder="请输入"></el-input>
+            <p style="line-height:80px;">品种图片</p><el-upload class="avatar-uploader"
+                action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false"
+                :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
+                <img v-if="imageUrl" :src="imageUrl" class="avatar">
+                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+            </el-upload>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="dialogVisible1 = false">取 消</el-button>
+                <el-button type="primary" @click="dialogVisible1 = false">确 定</el-button>
+            </span>
+        </el-dialog>
     </div>
 </template>
 
 <script>
-    export default {
-        
+export default {
+    data() {
+        return {
+            options: [{
+                value: '1',
+                label: '粮食类',
+                botton: false,
+            },
+            {
+                value: '2',
+                label: '水果类',
+                botton: false,
+            },
+            {
+                value: '3',
+                label: '蔬菜类',
+                botton: false,
+            }],
+            value: '',
+            input: '',
+            dialogVisible: false,
+            dialogVisible1: false,
+            type: '',
+            name: '',
+            imageUrl: '' //图片
+        };
+    },
+    methods: {
+        changeIcon(item) {
+            item.botton = !item.botton
+        },
+        handleClose(done) {
+            done()
+        },
+        handleAvatarSuccess(res, file) {
+            this.imageUrl = URL.createObjectURL(file.raw);
+        },
+        beforeAvatarUpload(file) {
+            const isJPG = file.type === 'image/jpeg';
+            const isLt2M = file.size / 1024 / 1024 < 2;
+
+            if (!isJPG) {
+                this.$message.error('上传头像图片只能是 JPG 格式!');
+            }
+            if (!isLt2M) {
+                this.$message.error('上传头像图片大小不能超过 2MB!');
+            }
+            return isJPG && isLt2M;
+        }
     }
+}
 </script>
 
 <style lang="scss" scoped>
+.margin {
+    margin: 0 10px;
+    padding: 10px;
+    background: #fff;
+}
+
+.left {
+    margin: 0 0.6% 0 1.8%;
+}
+
+.input {
+    width: 200px;
+    margin-right: 1.2%;
+}
+
+.hr {
+    width: 100%;
+}
+
+.blue {
+    display: inline-block;
+    width: 4px;
+    height: 16px;
+    background: blue;
+    margin: 2px 10px 0 10px;
+}
+
+.font {
+    margin: -0.3% 0 0 1.2%;
+    font-size: 18px;
+    font-weight: 700;
+}
+
+.top {
+    margin-top: 1.8%;
+}
+
+.input-top {
+    margin-top: -0.6%;
+}
+
+.text {
+    color: black;
+    font-weight: 700;
+}
+
+.box {
+    width: 12%;
+    height: 200px;
+    border: 1px solid #eee;
+    margin: 0.3% 0 0 2.4%;
+    border-radius: 10px;
+    text-align: center;
+}
+
+.span-margin {
+    margin: 0 10px;
+}
+
+::v-deep .avatar-uploader .el-upload {
+    margin: -60px 0 0 80px;
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+}
+
+.avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+}
+
+.avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    line-height: 178px;
+    text-align: center;
+}
 
+.avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+}
 </style>
\ No newline at end of file