diff --git a/FlowerGully/src/views/Equipment/VideoMonitoring.vue b/FlowerGully/src/views/Equipment/VideoMonitoring.vue
index aee3907895f3fccdc593e56afb3b9b93d9b849c0..57582db1cdf25ebb0b16fd1b7e7ec44c3d8aacc8 100644
--- a/FlowerGully/src/views/Equipment/VideoMonitoring.vue
+++ b/FlowerGully/src/views/Equipment/VideoMonitoring.vue
@@ -189,7 +189,7 @@ export default {
 
 .boder {
     width: 100%;
-    height: 596px;
+    height: 626px;
     padding: 10px;
     overflow: auto;
     background-image: url('~@/assets/allimg/归档/切图/编组 10.png');
diff --git a/FlowerGully/src/views/GreenhouseVR/index.vue b/FlowerGully/src/views/GreenhouseVR/index.vue
index 8bf5fca55a2422110f302090675ec8dcf731797e..3896475c117701f8ecb9991981f1d90649fb5c75 100644
--- a/FlowerGully/src/views/GreenhouseVR/index.vue
+++ b/FlowerGully/src/views/GreenhouseVR/index.vue
@@ -1,13 +1,201 @@
 <template>
-    <div>
-        大棚VR
+    <div class="boder">
+        <div class="top">
+            <div style="height:8px"></div>
+            <h6 class="title">
+                <span class="span1">产品</span> &nbsp;<div class="span2">PRODUCT</div>
+            </h6>
+            <ul class="top-a">
+
+                <li v-for="item in list" :key="item">
+                    {{ item }}
+                </li>
+            </ul>
+        </div>
+        <div class="center">
+            <div class="left">
+                <h6 class="left-title">
+                    <span class="span1">主要农产品批发市场价格行情</span> &nbsp;<div class="span2">WHOLESALE MARKET PRICE</div>
+                </h6>
+            </div>
+            <div class="min">
+                <div class="min-a">
+                    <p>综合均价</p>
+                    <div class="min-b">7.15元/公斤</div>
+                </div>
+                <div class="min-a">
+                    <p>同比</p>
+                    <div class="min-b">36.32% &nbsp;<i class="el-icon-caret-top" style="color:red"></i></div>
+                </div>
+                <div class="min-a">
+                    <p>周环比</p>
+                    <div class="min-b">0.48% &nbsp;<i class="el-icon-caret-bottom" style="color:#95de64"></i></div>
+                </div>
+            </div>
+            <div class="right">
+                <h6 class="right-title">
+                    <span class="span1">丝瓜价格指数变化趋势</span> &nbsp;<div class="span2">CHANGE TREND OF PRICE INDEX</div>
+                </h6>
+            </div>
+        </div>
+        <div class="button">
+            <h6 class="button-title">
+                <span class="span1">丝瓜价格指数变化趋势</span> &nbsp;<div class="span2">CHANGE TREND OF PRICE INDEX</div>
+            </h6>
+        </div>
     </div>
 </template>
 
 <script>
 export default {
+    data() {
+        return {
+            list: ['丝瓜', '伊丽莎白瓜', '低辣小椒', '佛手瓜', '儿瓜', '光皮黄瓜', '冬瓜', '冬笋', '凤尾菇', '南瓜', '哈密瓜', '圆茄子', '士豆', '大白菜', '大葱']
+        }
+    },
+    methods: {
+        addbg() {
+            console.log(this.row);
+        }
+    }
 
 }
 </script>
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.boder {
+    width: 100%;
+    height: 626px;
+    padding: 10px;
+    overflow: auto;
+    background-image: url('~@/assets/allimg/归档/切图/编组 10.png');
+}
+
+.top {
+    width: 100%;
+    height: 100px;
+    background-image: url("~@/assets/allimg/归档/切图/价格指数/形状结合.png");
+    background-size: 100% 100px;
+}
+
+.title {
+    width: 374px;
+    height: 36px;
+    margin: 0 20px;
+    border-bottom: 2px solid #475578;
+    background: url('~@/assets/allimg/归档/切图/价格指数/编组 9备份 11.png');
+    background-size: 374px 36px;
+}
+
+.span1 {
+    color: #fff;
+    line-height: 24px;
+    margin-left: 14px;
+}
+
+.span2 {
+    color: #7a83aa;
+    display: inline-block;
+    font-size: 10px;
+    transform: scale(0.83333);
+    transform-origin: 0 0;
+    white-space: nowrap;
+}
+
+.top-a {
+    // text-align: center;
+    line-height: 26px;
+    padding: 0 20px;
+    display: flex;
+    justify-content: space-between;
+
+    li {
+        width: 60px;
+        height: 26px;
+        color: #fff;
+        font-size: 10px;
+        transform: scale(0.83333);
+        transform-origin: 0 0;
+        white-space: nowrap;
+        list-style: none;
+    }
+}
+
+.center {
+    width: 100%;
+    height: 240px;
+    margin-top: 10px;
+    display: flex;
+    justify-content: space-around;
+
+    .left {
+        width: 700px;
+        background-image: url('~@/assets/allimg/归档/切图/价格指数/矩形备份 44.png');
+        background-size: 700px 240px;
+
+        .left-title {
+            margin: 10px;
+            border-bottom: 2px solid #263b67;
+            background-image: url('~@/assets/allimg/归档/切图/价格指数/编组 9备份 6.png');
+            background-size: 680px 38px;
+        }
+    }
+
+    .min {
+        width: 144px;
+        margin: 0 10px;
+        color: #00fefb;
+        text-align: center;
+
+
+        // background-color: pink;
+        .min-a {
+            width: 144px;
+            height: 70px;
+
+            p {
+                font-size: 14px;
+                margin: 10px 0;
+            }
+
+            .min-b {
+                width: 144px;
+                height: 40px;
+                line-height: 40px;
+                background-image: url('~@/assets/allimg/归档/切图/价格指数/编组 11.png');
+                background-size: 144px 40px;
+            }
+        }
+    }
+
+    .right {
+        width: 440px;
+        background-image: url('~@/assets/allimg/归档/切图/价格指数/矩形备份 44.png');
+        background-size: 440px 240px;
+
+        .right-title {
+            margin: 10px;
+            border-bottom: 2px solid #263b67;
+            background-image: url('~@/assets/allimg/归档/切图/价格指数/编组 9备份 11.png');
+            background-size: 420px 38px;
+        }
+    }
+}
+
+.button {
+    width: 100%;
+    height: 240px;
+    margin-top: 10px;
+    padding-top: 1px;
+    background-image: url('~@/assets/allimg/归档/切图/价格指数/矩形备份 45.png');
+    background-size: 100% 240px;
+
+    .button-title {
+        margin: 10px;
+        margin-bottom: 0;
+        border-bottom: 2px solid #263b67;
+        background-image: url('~@/assets/allimg/归档/切图/价格指数/编组 9备份 12.png');
+        background-size: 1268px 38px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/FlowerGully/src/views/ParkPanoramicVR/index.vue b/FlowerGully/src/views/ParkPanoramicVR/index.vue
index f5d12020d7a95d144bc2b279d8b9b6a5423e097c..656664709a6fdde6ca60e31e23c5f2d8a3325af1 100644
--- a/FlowerGully/src/views/ParkPanoramicVR/index.vue
+++ b/FlowerGully/src/views/ParkPanoramicVR/index.vue
@@ -1,6 +1,10 @@
 <template>
-    <div>
-        园区全景VR
+    <div class="boder">
+        <div class="title">
+            <div class="title-l"><span class="span1">农产品质量安全追溯平台</span> &nbsp;<div class="span2">PRODUCT TRACEABILITY</div>
+            </div>
+            <div class="title-r"></div>
+        </div>
     </div>
 </template>
 
@@ -10,4 +14,44 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.boder {
+    width: 100%;
+    height: 626px;
+    padding: 10px;
+    overflow: auto;
+    background-image: url('~@/assets/allimg/归档/切图/编组 10.png');
+}
+
+.title {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+
+    .title-l {
+        width: 374px;
+        height: 34px;
+        margin: 0 20px;
+        font-size: 12px;
+        border-bottom: 2px solid #7a83ac;
+        background: url('~@/assets/allimg/归档/切图/产品溯源/编组 9备份 7.png');
+        background-size: 380px 38px;
+
+        .span1 {
+            color: #fff;
+            line-height: 24px;
+            margin-left: 14px;
+
+        }
+
+        .span2 {
+            color: #7a83aa;
+            display: inline-block;
+            font-size: 10px;
+            transform: scale(0.83333);
+            transform-origin: 0 0;
+            white-space: nowrap;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/FlowerGully/src/views/Sales/index.vue b/FlowerGully/src/views/Sales/index.vue
index ce60f99250af997afea7ca28d25f846e40826e3c..c239970dd05a2ef08c6543d184937b35dd928ad1 100644
--- a/FlowerGully/src/views/Sales/index.vue
+++ b/FlowerGully/src/views/Sales/index.vue
@@ -425,7 +425,7 @@ export default {
 <style lang="scss" scoped>
 .boder {
     width: 100%;
-    height: 596px;
+    height: 626px;
     padding: 10px;
     overflow: auto;
     background-image: url('~@/assets/allimg/归档/切图/编组 10.png');