diff --git a/src/assets/imgs/456.png b/src/assets/imgs/456.png
new file mode 100644
index 0000000000000000000000000000000000000000..28a14d730987ef37ec5e0d2a9ca09e186fdc60ec
Binary files /dev/null and b/src/assets/imgs/456.png differ
diff --git a/src/assets/imgs/hscy.png b/src/assets/imgs/hscy.png
new file mode 100644
index 0000000000000000000000000000000000000000..00a09bc30c78df484db6936792033610f7596377
Binary files /dev/null and b/src/assets/imgs/hscy.png differ
diff --git a/src/assets/imgs/hsmap.png b/src/assets/imgs/hsmap.png
new file mode 100644
index 0000000000000000000000000000000000000000..facae5d3b82fe39a752a36743ea74784484bc18f
Binary files /dev/null and b/src/assets/imgs/hsmap.png differ
diff --git a/src/router/index.js b/src/router/index.js
index 6e773c505cc30454b987698e1c75d7d776ea6105..a3ef6b41b32aa78bf22d158baacfa1bc60acf258 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -5,7 +5,6 @@ import tabBar from "@/components/tabBar/Index.vue";
 Vue.use(VueRouter);
 
 const routes = [
-
   {
     path: "/",
     components: {
@@ -14,6 +13,14 @@ const routes = [
       tabBar,
     },
   },
+  {
+    path: "/hsjc",
+    components: {
+      default: () =>
+        import(/* webpackChunkName: "index" */ "@/views/hsjc/Index.vue"),
+      tabBar,
+    },
+  },
 ];
 
 const router = new VueRouter({
diff --git a/src/views/hsjc/Index.vue b/src/views/hsjc/Index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..69812202ce5c5103a74cb1134657591411815f0c
--- /dev/null
+++ b/src/views/hsjc/Index.vue
@@ -0,0 +1,248 @@
+<template>
+  <div>
+    <!-- <h1>hello</h1> -->
+    <div class="head">
+      <img src="@/assets/imgs/hscy.png" alt="" />
+    </div>
+    <div class="wapper">
+      <div class="tit">
+        <p>江宁区核酸采样点</p>
+        <p>排队情况查询（2022-10-11）</p>
+      </div>
+      <div class="serch">
+        <van-search v-model="value" placeholder="请输入搜索关键词"  shape="round" />
+      </div>
+      <div class="cont">
+        <img src="@/assets/imgs/hsmap.png" alt="" />
+        <div>请选择街道&nbsp></div>
+      </div>
+      <div class="content">
+        <div class="item_cont">
+          <h5 class="zs_title">武夷花园</h5>
+          <div class="zs_value_list">
+            <div class="inner">
+              <div class="innerL">开放时间：</div>
+              <div class="innerR">10月11日14:00-21:00、10月12日14:00-21:00</div>
+            </div>
+            <div class="inner">
+              <div class="innerL">采样点地址：</div>
+              <div class="innerR">上元大街165号武夷花园北门外核酸小屋</div>
+            </div>
+          </div>
+          <div class="list_time">
+            <div class="time_type">约40人</div>
+            <div class="update_time">更新于15:15</div>
+          </div>
+          <div class="go_map">
+            <img src="@/assets/imgs/456.png" alt="" />
+          </div>
+        </div>
+        <div class="item_cont">
+          <h5 class="zs_title">武夷花园</h5>
+          <div class="zs_value_list">
+            <div class="inner">
+              <div class="innerL">开放时间：</div>
+              <div class="innerR">10月11日14:00-21:00、10月12日14:00-21:00</div>
+            </div>
+            <div class="inner">
+              <div class="innerL">采样点地址：</div>
+              <div class="innerR">上元大街165号武夷花园北门外核酸小屋</div>
+            </div>
+          </div>
+          <div class="list_time">
+            <div class="time_type">约40人</div>
+            <div class="update_time">更新于15:15</div>
+          </div>
+          <div class="go_map">
+            <img src="@/assets/imgs/456.png" alt="" />
+          </div>
+        </div>
+        <div class="item_cont">
+          <h5 class="zs_title">武夷花园</h5>
+          <div class="zs_value_list">
+            <div class="inner">
+              <div class="innerL">开放时间：</div>
+              <div class="innerR">10月11日14:00-21:00、10月12日14:00-21:00</div>
+            </div>
+            <div class="inner">
+              <div class="innerL">采样点地址：</div>
+              <div class="innerR">上元大街165号武夷花园北门外核酸小屋</div>
+            </div>
+          </div>
+          <div class="list_time">
+            <div class="time_type">约40人</div>
+            <div class="update_time">更新于15:15</div>
+          </div>
+          <div class="go_map">
+            <img src="@/assets/imgs/456.png" alt="" />
+          </div>
+        </div>
+        <div class="item_cont">
+          <h5 class="zs_title">武夷花园</h5>
+          <div class="zs_value_list">
+            <div class="inner">
+              <div class="innerL">开放时间：</div>
+              <div class="innerR">10月11日14:00-21:00、10月12日14:00-21:00</div>
+            </div>
+            <div class="inner">
+              <div class="innerL">采样点地址：</div>
+              <div class="innerR">上元大街165号武夷花园北门外核酸小屋</div>
+            </div>
+          </div>
+          <div class="list_time">
+            <div class="time_type">约40人</div>
+            <div class="update_time">更新于15:15</div>
+          </div>
+          <div class="go_map">
+            <img src="@/assets/imgs/456.png" alt="" />
+          </div>
+        </div>
+        <div class="item_cont">
+          <h5 class="zs_title">武夷花园</h5>
+          <div class="zs_value_list">
+            <div class="inner">
+              <div class="innerL">开放时间：</div>
+              <div class="innerR">10月11日14:00-21:00、10月12日14:00-21:00</div>
+            </div>
+            <div class="inner">
+              <div class="innerL">采样点地址：</div>
+              <div class="innerR">上元大街165号武夷花园北门外核酸小屋</div>
+            </div>
+          </div>
+          <div class="list_time">
+            <div class="time_type">约40人</div>
+            <div class="update_time">更新于15:15</div>
+          </div>
+          <div class="go_map">
+            <img src="@/assets/imgs/456.png" alt="" />
+          </div>
+        </div>
+        <div class="item_cont">
+          <h5 class="zs_title">武夷花园</h5>
+          <div class="zs_value_list">
+            <div class="inner">
+              <div class="innerL">开放时间：</div>
+              <div class="innerR">10月11日14:00-21:00、10月12日14:00-21:00</div>
+            </div>
+            <div class="inner">
+              <div class="innerL">采样点地址：</div>
+              <div class="innerR">上元大街165号武夷花园北门外核酸小屋</div>
+            </div>
+          </div>
+          <div class="list_time">
+            <div class="time_type">约40人</div>
+            <div class="update_time">更新于15:15</div>
+          </div>
+          <div class="go_map">
+            <img src="@/assets/imgs/456.png" alt="" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style>
+/* .head {
+  width: 23.4375rem;
+} */
+.head {
+  width: 100%;
+  overflow: hidden;
+}
+.head img {
+  width: 100%;
+}
+.wapper {
+  width: 100%;
+  /* background-color: red; */
+  /* margin-top: -50px; */
+  /* height: 200px; */
+  padding-top: 36px;
+  border-top-left-radius: 36px;
+  border-top-right-radius: 36px;
+
+  /* display: flex; */
+}
+.tit {
+  font-size: 26px;
+  font-weight: 560;
+  color: #2d2d2d;
+  padding-left: 32px;
+
+  height: 26px;
+}
+.serch {
+  height: 54px;
+  width: 100%;
+  margin-top: 32px;
+}
+.cont {
+  height: 34px;
+  /* width: 100%; */
+  display: flex;
+  justify-content: space-between;
+  padding: 32px;
+  margin-top: 32px;
+}
+.cont img {
+  height: 100%;
+  display: block;
+}
+.content {
+  width: 92%;
+  height: 164px;
+  /* background-color: blue; */
+  padding: 30px;
+}
+.item_cont {
+  /* width: 92%; */
+  height: 150px;
+  /* background-color: yellow; */
+  position: relative;
+  border-bottom: #2d2d2d 5px;
+  margin-bottom: 60px;
+  /* padding-bottom: 30px; */
+}
+.inner {
+  display: flex;
+  align-items: flex-start;
+  width: 75%;
+}
+.innerL {
+  width: 144px;
+}
+.innerR {
+  flex: 1;
+}
+.list_time {
+  position: absolute;
+  right: 0;
+  top: 10px;
+  background-color: #fff;
+  /* width: 60px; */
+  height: 60px;
+}
+.time_type {
+  font-size: 16px;
+  color: #fd9a05;
+}
+.update_time {
+  background-color: #eff8f3;
+  color: #4b976b;
+  font-size: 14px;
+}
+.go_map{
+  position: absolute;
+  right: 40px;
+  bottom: 5px;
+}
+.go_map  img{
+  width: 40px;
+  height: 50px;
+}
+</style>
diff --git a/src/views/index/Index.vue b/src/views/index/Index.vue
index 1c18c053705ae6ab0e89793a9e1a570c9c7fc419..15aff948573851868cb96c1183eeb5cd0deae49e 100644
--- a/src/views/index/Index.vue
+++ b/src/views/index/Index.vue
@@ -1,5 +1,7 @@
 <template>
-  <h1>haeel'</h1>
+  <div>
+    <h1>haeel'</h1>
+  </div>
 </template>
 
 <script>