From d82d03f69441fc720063cff6ba221e738b058f92 Mon Sep 17 00:00:00 2001
From: yangzhe <yangzhe@qq.com>
Date: Wed, 16 Apr 2025 09:07:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20nfc=E5=86=99=E5=85=A5=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                                       |  12 +++---
 pages/adminNfc/components/bindDialog.vue      |   2 +-
 pages/adminNfc/index.vue                      |  35 +++++++++++++++---
 .../{矩形22拷贝@2x.png => nfc-result.png}     | Bin
 4 files changed, 37 insertions(+), 12 deletions(-)
 rename static/adminImg/{矩形22拷贝@2x.png => nfc-result.png} (100%)

diff --git a/App.vue b/App.vue
index 56504de..20cabd9 100644
--- a/App.vue
+++ b/App.vue
@@ -79,20 +79,20 @@ export default {
       const normalTabBar = [
         {
           pagePath: "/pages/index/planList",
-          iconPath: "/static/tab/list.png",
-          selectedIconPath: "/static/tab/list_cur.png",
+          iconPath: "/static/tab/planList.png",
+          selectedIconPath: "/static/tab/planList-active.png",
           text: "计划",
         },
         {
           pagePath: "/pages/index/index",
-          iconPath: "/static/tab/home.png",
-          selectedIconPath: "/static/tab/home_cur.png",
+          iconPath: "/static/tab/admin-home.png",
+          selectedIconPath: "/static/tab/admin-home-acitve.png",
           text: "首页",
         },
         {
           pagePath: "/pages/user/index",
-          iconPath: "/static/tab/my.png",
-          selectedIconPath: "/static/tab/my_cur.png",
+          iconPath: "/static/tab/admin-my.png",
+          selectedIconPath: "/static/tab/admin-my-active.png",
           text: "设置",
         },
       ];
diff --git a/pages/adminNfc/components/bindDialog.vue b/pages/adminNfc/components/bindDialog.vue
index deab4c1..0efe0b4 100644
--- a/pages/adminNfc/components/bindDialog.vue
+++ b/pages/adminNfc/components/bindDialog.vue
@@ -31,7 +31,7 @@
         <view class="dialog-image-container">
           <!-- 替换为实际的图片路径 -->
           <image
-            src="/static/images/nfc-dialog-icon.png"
+            src="/static/adminImg/nfc-result.png"
             mode="widthFix"
             class="dialog-image"
           ></image>
diff --git a/pages/adminNfc/index.vue b/pages/adminNfc/index.vue
index 0bee3e2..d86caf3 100644
--- a/pages/adminNfc/index.vue
+++ b/pages/adminNfc/index.vue
@@ -46,7 +46,12 @@
         <view v-for="i in 80" class="item-box">
           <view class="item-title">子区域{{ i }}</view>
           <view v-if="i % 2 === 0" class="btn-have btn">已绑定</view>
-          <view v-if="i % 2 !== 0" class="btn-none btn">去绑定</view>
+          <view
+            v-if="i % 2 !== 0"
+            class="btn-none btn"
+            @click="showDialog = true"
+            >去绑定</view
+          >
         </view>
       </scroll-view>
     </view>
@@ -57,16 +62,27 @@
       @click="changeFn"
       v-model:value="selectShow"
     ></u-action-sheet>
+    <bind-dialog
+      :visible="showDialog"
+      @close="showDialog = false"
+      @changeBinding="onChangeBinding"
+      @confirm="onConfirm"
+    ></bind-dialog>
     <u-tabbar :list="vuex_tabbar"></u-tabbar>
   </view>
 </template>
 <script>
 import { loginApi } from "@/api/apiList";
+import BindDialog from "@/pages/adminNfc/components/bindDialog.vue"; // 确保路径正确
 export default {
+  components: {
+    BindDialog,
+  },
   data() {
     return {
       keyword: "",
       selectShow: false,
+      showDialog: false,
       selectVal: "全部",
       options: [
         {
@@ -125,6 +141,15 @@ export default {
       console.log(val, "val--");
       this.tabCurrent = val;
     },
+
+    onChangeBinding() {
+      console.log("点击了更换绑定");
+      // 处理更换绑定的逻辑
+    },
+    onConfirm() {
+      console.log("点击了知道了");
+      // 处理确认逻辑
+    },
   },
 };
 </script>
@@ -156,14 +181,14 @@ export default {
       }
     }
     .card-left {
-      background: url("/static/adminImg/icon-bg1.png") no-repeat right 32rpx bottom 20rpx /
-        60rpx 60rpx;
+      background: url("/static/adminImg/icon-bg1.png") no-repeat right 32rpx
+        bottom 20rpx / 60rpx 60rpx;
       background-color: #4974f3;
     }
     .card-right {
       margin-left: 20rpx;
-      background: url("/static/adminImg/icon-bg2.png") no-repeat right 32rpx bottom 20rpx /
-        60rpx 60rpx;
+      background: url("/static/adminImg/icon-bg2.png") no-repeat right 32rpx
+        bottom 20rpx / 60rpx 60rpx;
       background-color: #53d5a9;
     }
   }
diff --git a/static/adminImg/矩形22拷贝@2x.png b/static/adminImg/nfc-result.png
similarity index 100%
rename from static/adminImg/矩形22拷贝@2x.png
rename to static/adminImg/nfc-result.png