diff --git a/src/router/index.js b/src/router/index.js
index 05af7f3..99b1070 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -17,6 +17,11 @@ const routes = [
                 name: 'tradeScreen',
                 component: () => import('@/view/tradeScreen/index.vue'),
             },
+            {
+                path: '/storeLogin',
+                name: 'storeLogin',
+                component: () => import('@/view/tradeScreen/storeLogin.vue'),
+            },
             {
                 path: '/plantScreen',
                 name: 'plantScreen',
diff --git a/src/view/components/areaChose.vue b/src/view/components/areaChose.vue
index 940a71b..1d622fc 100644
--- a/src/view/components/areaChose.vue
+++ b/src/view/components/areaChose.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="content">
+    <div class="areacontent">
         <div class="area-list">
             <div v-for="(item, index) in options" :key="index" :class="{ act: actIndex == index }" @click="handChose(index)"> {{
                 item.label }} </div>
@@ -61,7 +61,7 @@ getTownListsFn()
 
 
 <style lang="scss" scoped>
-.content {
+.areacontent {
     width: 998.3px;
     height: 445.74px;
     background-image: url('/static/img/area/bg.png');
diff --git a/src/view/home.vue b/src/view/home.vue
index 2476288..e1f12ed 100644
--- a/src/view/home.vue
+++ b/src/view/home.vue
@@ -1,7 +1,6 @@
 <template>
     <div class="main-box">
-    <router-view :key="route.path"></router-view>
-        
+        <router-view :key="route.path"></router-view>
     </div>
 </template>
 <script setup>
@@ -13,22 +12,22 @@ import { globalEventBus } from '@/common/eventBus'
 for (let i = 1; i < 6; i++) {
     globalEventBus.on('header' + i, data => {
         globalEventBus.emit('compheader' + i, data)
-        console.log(i)
-
     })
 }
-
-
-
 </script>
 <style>
-
-.main-box{
-    width: 100vw;
-    height: 100vh;
+.main-box {
+    width: 1280px;
+    height: 720px;
     overflow: hidden;
     background-image: url('/static/img/index/index_bg.png');
     background-size: 100% 100%;
 }
+div{
+    box-sizing: border-box;
+    font-size: 16px;
+    background-size: 100% 100%;
+
+}
 </style>
 
diff --git a/src/view/plantScreen/index.vue b/src/view/plantScreen/index.vue
index b35124b..b0a5396 100644
--- a/src/view/plantScreen/index.vue
+++ b/src/view/plantScreen/index.vue
@@ -11,15 +11,14 @@
     <button @click="sendFn('choseLand', { landName: item.title,id:item.id })" v-for="item in landList"> {{ item.title }}</button>
     <button @click="sendFn('backHome', { name: '泸县' }), townCode = ''">返回首页</button>
     <button @click="sendFn('detail', { name: item.title,id:item.id })" v-for="item in landList"> {{ item.title }}</button>
-
     <p>地块</p> -->
-    <div class="content">
-        <div class="hexagon"></div>
-
-
+    <div class="content" v-if="flag">
+        <div class="plant-li" v-for="item in 10">
+            究极地块
+        </div>
     </div>
 
-
+    <areaChose v-else></areaChose>
     <div class="area" @click="flag = !flag">
         <div class="area-top">
             <div class="town">江陽區</div>
@@ -33,7 +32,9 @@ import { ref, reactive } from "vue"
 import { sendMsg } from "@/api.js"
 import axios from "axios"
 import { landListApi } from "@/api.js"
+import areaChose from "../components/areaChose.vue"
 
+const flag = ref(true)
 
 // 镇列表
 const options = [
@@ -127,41 +128,28 @@ const sendFn = (event, data = '') => {
 }
 </script>
 <style lang="scss" scoped>
-.content{
-    width: 100vw;
-    height: 100vh;
-    // background-color: white;
+.content {
+    height: 500px;
+    width: 90vw;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    box-sizing: border-box;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    overflow-y: auto;
+    .plant-li {
+        width: 165.9px;
+        height: 190.48px;
+        background-image: url('/static/img/plantScreen/A.png');
+        text-align: center;
+        line-height: 190.48px;
+        color: white;
+    }
 }
 
-.hexagon {
-  width: 100px;
-  height: 55px;
-  background-color: #f00;
-  position: relative;
-  margin: 50px;
-  transform: rotate(60deg);
-}
-
-.hexagon:before,
-.hexagon:after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: inherit;
-  height: inherit;
-  background-color: inherit;
-}
-
-.hexagon:before {
-  transform: rotate(-60deg);
-}
-
-.hexagon:after {
-  transform: rotate(120deg);
-}
-
-
 .area {
     position: absolute;
     font-size: 20px;
@@ -193,4 +181,5 @@ const sendFn = (event, data = '') => {
     background-size: 100% 100%;
     transform: translateY(-20px);
 }
+
 </style>
\ No newline at end of file
diff --git a/src/view/tradeScreen/index.vue b/src/view/tradeScreen/index.vue
index 8bbd4cf..4066ef3 100644
--- a/src/view/tradeScreen/index.vue
+++ b/src/view/tradeScreen/index.vue
@@ -1,13 +1,15 @@
 <template>
+    <img src="/static/img/tradeScreen/FH.png" @click="router.go(-1)" class="back-btn" alt="">
+
     <div style="height: 100vh;">
-            <div class="menu" v-if="flag">
-                <div class="menu-li sy"></div>
-                <div class="menu-li sc"></div>
-                <div class="menu-li sc"></div>
-                <div class="menu-li sc"></div>
-                <div class="menu-li sc"></div>
+            <div class="tradmenu" v-if="flag">
+                <div class="tradmenu-li sy"></div>
+                <div class="tradmenu-li sc"></div>
+                <div class="tradmenu-li sh" @click="router.push('/storeLogin')"></div>
+                <div class="tradmenu-li dd"></div>
+                <div class="tradmenu-li cw"></div>
             </div>
-            <div v-if="!flag">
+            <div v-else>
                 <areaChose></areaChose>
             </div>
         </div>
@@ -46,7 +48,10 @@ import { ref, reactive } from "vue"
 import { sendMsg } from "@/api.js"
 import axios from "axios"
 import areaChose from "@/view/components/areaChose.vue"
+import {useRouter} from "vue-router"
+const router =useRouter()
 
+const flag=ref(true)
 const options = [
     {
         value: '510502',
@@ -77,16 +82,10 @@ const options = [
     },
 ]
 
-const toArea=()=>{
-
-}
-
-
 const townOptions = []
 
 const areaCode = ref('510521')
 const townCode = ref("")
-const flag=ref(true)
 
 
 const changeArea = (e) => {
@@ -135,7 +134,7 @@ const sendFn = (event, data = '') => {
 
 </script>
 <style lang="scss" scoped>
-.menu {
+.tradmenu {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -143,7 +142,7 @@ const sendFn = (event, data = '') => {
 
 }
 
-.menu-li {
+.tradmenu-li {
     width: 185.56px;
     height: 213.05px;
     background-size: 100% 100%;
@@ -151,12 +150,24 @@ const sendFn = (event, data = '') => {
 }
 
 .sy {
-    background-image: url('/static/img/tradeScreen/SC.png');
+    background-image: url('/static/img/tradeScreen/SY.png');
 }
 
 .sc {
     background-image: url('/static/img/tradeScreen/SC.png');
 
+}
+.sh {
+    background-image: url('/static/img/tradeScreen/SH.png');
+
+}
+.dd {
+    background-image: url('/static/img/tradeScreen/DD.png');
+
+}
+.cw {
+    background-image: url('/static/img/tradeScreen/CW.png');
+
 }
 
 .area {
@@ -193,5 +204,13 @@ const sendFn = (event, data = '') => {
     transform: translateY(-20px);
 }
 
+.back-btn {
+    width: 86.21px;
+    height: 31px;
+    position: absolute;
+    top: 70px;
+    left: 60.96px;
+    z-index: 9;
 
+}
 </style>
\ No newline at end of file
diff --git a/src/view/tradeScreen/storeLogin.vue b/src/view/tradeScreen/storeLogin.vue
new file mode 100644
index 0000000..527f987
--- /dev/null
+++ b/src/view/tradeScreen/storeLogin.vue
@@ -0,0 +1,141 @@
+<template>
+    <img src="/static/img/tradeScreen/FH.png" @click="router.go(-1)" class="back-btn" alt="">
+    <div class="cont" v-if="flag">
+        <div class="card" v-for="item in 9">
+            <div class="card-tit">
+                究极公司
+                <span style="font-size: 16px;">2024-01-21</span>
+            </div>
+            <div class="card-cotnet">
+                <div>商户姓名: 为对方</div>
+                <div style="margin: 20px 0;">商户属地: 为对方</div>
+                <div>商户分类: 为对方</div>
+                <div class="login">登录</div>
+            </div>
+        </div>
+    </div>
+    <areaChose v-else></areaChose>
+    <div class="area" @click="flag=!flag">
+        <div class="area-top">
+            <div class="town">江陽區</div>
+            <div class="town">江陽區</div>
+        </div>
+        <div class="area-bottom"></div>
+    </div>
+</template>
+<style lang="scss">
+.cont {
+    height: 500px;
+    width: 90vw;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    box-sizing: border-box;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    overflow-y: auto;
+
+    .card {
+        width: 378px;
+        height: 223px;
+        margin-bottom: 10px;
+        background-image: url('/static/img/tradeScreen/SHBG.png');
+        background-size: 100% 100%;
+        font-size: 16px;
+        padding: 10px;
+        color: white;
+
+        .card-tit {
+            color: #00D6DD;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .card-cotnet{
+            margin-top: 25px;
+            .login{
+                margin: 0 auto;
+                width: 170px;
+                height: 34px;
+                text-align: center;
+                line-height: 34px;
+                background-image: url('/static/img/tradeScreen/DL.png');
+                background-size: 100% 100%;
+                margin-top: 20px;
+            }
+        }
+
+    }
+
+    // background-color: red;
+}
+
+.cont::-webkit-scrollbar {
+    width: 10px;
+    background-color: #153041;
+}
+
+.cont::-webkit-scrollbar-track {
+    background-color: #153041;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: #084D89;
+    border-radius: 5px;
+}
+
+.back-btn {
+    width: 86.21px;
+    height: 31px;
+    position: absolute;
+    top: 70px;
+    left: 60.96px;
+    z-index: 9;
+
+}
+
+.area {
+    position: absolute;
+    font-size: 20px;
+    color: white;
+    bottom: 0px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 558px;
+
+    .area-top {
+        display: flex;
+        justify-content: space-around;
+
+        .town {
+            background-image: url('/static/img/tradeScreen/areaA.png');
+            background-size: 100% 100%;
+            width: 160.12px;
+            height: 30.94px;
+            text-align: center;
+            line-height: 10px;
+        }
+
+
+    }
+}
+
+.area-bottom {
+    background-image: url('/static/img/tradeScreen/areaB.png');
+    width: 558px;
+    height: 57px;
+    background-size: 100% 100%;
+    transform: translateY(-20px);
+}
+</style>
+<script setup >
+import {useRouter} from "vue-router"
+import {ref,reactive} from "vue"
+import areaChose from "../components/areaChose.vue";
+
+const router=useRouter()
+const flag=ref(true)
+
+</script>
\ No newline at end of file
diff --git a/static/img/plantScreen/A.png b/static/img/plantScreen/A.png
new file mode 100644
index 0000000..977045a
Binary files /dev/null and b/static/img/plantScreen/A.png differ
diff --git a/static/img/plantScreen/B.png b/static/img/plantScreen/B.png
new file mode 100644
index 0000000..7210bcf
Binary files /dev/null and b/static/img/plantScreen/B.png differ
diff --git a/static/img/tradeScreen/CW.png b/static/img/tradeScreen/CW.png
new file mode 100644
index 0000000..1c4b87b
Binary files /dev/null and b/static/img/tradeScreen/CW.png differ
diff --git a/static/img/tradeScreen/DD.png b/static/img/tradeScreen/DD.png
new file mode 100644
index 0000000..ef6ea29
Binary files /dev/null and b/static/img/tradeScreen/DD.png differ
diff --git a/static/img/tradeScreen/DL.png b/static/img/tradeScreen/DL.png
new file mode 100644
index 0000000..10232ac
Binary files /dev/null and b/static/img/tradeScreen/DL.png differ
diff --git a/static/img/tradeScreen/FH.png b/static/img/tradeScreen/FH.png
new file mode 100644
index 0000000..13583a4
Binary files /dev/null and b/static/img/tradeScreen/FH.png differ
diff --git a/static/img/tradeScreen/SC.png b/static/img/tradeScreen/SC.png
index e0212d0..9ec9218 100644
Binary files a/static/img/tradeScreen/SC.png and b/static/img/tradeScreen/SC.png differ
diff --git a/static/img/tradeScreen/SH.png b/static/img/tradeScreen/SH.png
new file mode 100644
index 0000000..32d683b
Binary files /dev/null and b/static/img/tradeScreen/SH.png differ
diff --git a/static/img/tradeScreen/SHBG.png b/static/img/tradeScreen/SHBG.png
new file mode 100644
index 0000000..15d194d
Binary files /dev/null and b/static/img/tradeScreen/SHBG.png differ
diff --git a/static/img/tradeScreen/SY.png b/static/img/tradeScreen/SY.png
index 29a6059..3f77248 100644
Binary files a/static/img/tradeScreen/SY.png and b/static/img/tradeScreen/SY.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/矩形 1004.png b/static/img/tradeScreen/mipmap-xxxhdpi/矩形 1004.png
new file mode 100644
index 0000000..8ad6cda
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/矩形 1004.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/矩形 4613.png b/static/img/tradeScreen/mipmap-xxxhdpi/矩形 4613.png
new file mode 100644
index 0000000..8cdd630
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/矩形 4613.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1340.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1340.png
new file mode 100644
index 0000000..2e796cb
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 1340.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1406(1).png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1406(1).png
new file mode 100644
index 0000000..10232ac
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 1406(1).png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1406(3).png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1406(3).png
new file mode 100644
index 0000000..10232ac
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 1406(3).png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1406(4).png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1406(4).png
new file mode 100644
index 0000000..10232ac
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 1406(4).png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1406(5).png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1406(5).png
new file mode 100644
index 0000000..10232ac
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 1406(5).png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1406.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1406.png
new file mode 100644
index 0000000..10232ac
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 1406.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1410.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1410.png
deleted file mode 100644
index 55e5e60..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 1410.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1411.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1411.png
new file mode 100644
index 0000000..3881f9a
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 1411.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1412.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1412.png
deleted file mode 100644
index 7667128..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 1412.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1413.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1413.png
deleted file mode 100644
index 0da32b8..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 1413.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1414.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1414.png
deleted file mode 100644
index d8f64ef..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 1414.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1415.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1415.png
deleted file mode 100644
index b1f2246..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 1415.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1420.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1420.png
new file mode 100644
index 0000000..7e067ce
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 1420.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1423.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1423.png
new file mode 100644
index 0000000..10232ac
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 1423.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1425(1).png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1425(1).png
new file mode 100644
index 0000000..f74b73e
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 1425(1).png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1425(2).png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1425(2).png
new file mode 100644
index 0000000..f74b73e
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 1425(2).png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 1425.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 1425.png
new file mode 100644
index 0000000..f74b73e
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 1425.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16516.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16516.png
new file mode 100644
index 0000000..660f0dd
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 16516.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16519.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16519.png
new file mode 100644
index 0000000..31c8016
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 16519.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16596.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16596.png
new file mode 100644
index 0000000..d3a7ec8
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 16596.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16598.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16598.png
new file mode 100644
index 0000000..15d194d
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 16598.png differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16599.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16599.png
deleted file mode 100644
index d6945a2..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 16599.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16608.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16608.png
deleted file mode 100644
index d6945a2..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 16608.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16618.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16618.png
deleted file mode 100644
index d6945a2..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 16618.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16628.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16628.png
deleted file mode 100644
index d6945a2..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 16628.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16629.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16629.png
deleted file mode 100644
index f9ccac6..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 16629.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16638.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16638.png
deleted file mode 100644
index d6945a2..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 16638.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16639.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16639.png
deleted file mode 100644
index 0376825..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 16639.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16640.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16640.png
deleted file mode 100644
index 58df7d9..0000000
Binary files a/static/img/tradeScreen/mipmap-xxxhdpi/组 16640.png and /dev/null differ
diff --git a/static/img/tradeScreen/mipmap-xxxhdpi/组 16642.png b/static/img/tradeScreen/mipmap-xxxhdpi/组 16642.png
new file mode 100644
index 0000000..10232ac
Binary files /dev/null and b/static/img/tradeScreen/mipmap-xxxhdpi/组 16642.png differ