From 368413ba07c0876e8b4eb8ba3484b27fa843d68f Mon Sep 17 00:00:00 2001
From: he wei <858544502@qq.com>
Date: 星期四, 24 四月 2025 09:56:48 +0800
Subject: [PATCH] U

---
 src/views/device/realtime/settings.vue |   90 +++++++++++++++++++++++++-------------------
 1 files changed, 51 insertions(+), 39 deletions(-)

diff --git a/src/views/device/realtime/settings.vue b/src/views/device/realtime/settings.vue
index 3a08327..3257c75 100644
--- a/src/views/device/realtime/settings.vue
+++ b/src/views/device/realtime/settings.vue
@@ -168,45 +168,47 @@
 <template>
   <!-- 閬嶅巻鎵�鏈夌殑閿� 缁欐瘡涓攣閫夋嫨 鏈烘煖搴忓彿 闂ㄥ簭鍙� -->
   <!-- <el-form :model="lockConfigs"> -->
-  <el-form>
-    <template v-for="(lock, index) in locationInfo.control" :key="index">
-      <el-row :gutter="16">
-        <el-col :span="24">
-          <div class="info">閿佸叿: {{ lock.lockName }}</div>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="鏈烘煖搴忓彿">
-            <el-select
-              v-model="cabIdxs[index]"
-              placeholder="璇烽�夋嫨鏈烘煖搴忓彿"
-              clearable
-              @change="handleCabinetSelect(index)"
-            >
-              <el-option
-                v-for="cabinet in availableCabinets"
-                :key="cabinet"
-                :label="cabinet.idx"
-                :value="cabinet.idx"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="鎵�鍦ㄦ煖闂�">
-            <el-select
-              v-model="doorIdxs[index]"
-              :disabled="!cabIdxs[index]"
-              clearable
-              placeholder="璇烽�夋嫨鏈烘煖搴忓彿"
-              @change="handleDoorSelect(index)"
-            >
-              <el-option label="鍓嶉棬" :disabled="!cabIdxs[index] || (allCabinets[cabIdxs[index] - 1].doors & 0x01) > 0" :value="1"></el-option>
-              <el-option label="鍚庨棬" :disabled="!cabIdxs[index] || (allCabinets[cabIdxs[index] - 1].doors & 0x02) > 0" :value="2"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </template>
+  <el-form class="form">
+    <div class="scroller">
+      <template v-for="(lock, index) in locationInfo.control" :key="index">
+        <el-row :gutter="16">
+          <el-col :span="24">
+            <div class="info">閿佸叿: {{ lock.lockName }}</div>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鏈烘煖搴忓彿">
+              <el-select
+                v-model="cabIdxs[index]"
+                placeholder="璇烽�夋嫨鏈烘煖搴忓彿"
+                clearable
+                @change="handleCabinetSelect(index)"
+              >
+                <el-option
+                  v-for="cabinet in availableCabinets"
+                  :key="cabinet"
+                  :label="cabinet.idx"
+                  :value="cabinet.idx"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鎵�鍦ㄦ煖闂�">
+              <el-select
+                v-model="doorIdxs[index]"
+                :disabled="!cabIdxs[index]"
+                clearable
+                placeholder="璇烽�夋嫨鏈烘煖搴忓彿"
+                @change="handleDoorSelect(index)"
+              >
+                <el-option label="鍓嶉棬" :disabled="!cabIdxs[index] || (allCabinets[cabIdxs[index] - 1].doors & 0x01) > 0" :value="1"></el-option>
+                <el-option label="鍚庨棬" :disabled="!cabIdxs[index] || (allCabinets[cabIdxs[index] - 1].doors & 0x02) > 0" :value="2"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </template>
+    </div>
     <div class="footer">
       <el-button @click="cancel">鍙栨秷</el-button>
       <el-button type="primary" @click="submitForm">鎻愪氦閰嶇疆</el-button>
@@ -215,6 +217,16 @@
 </template>
 
 <style scoped lang="less">
+// .form {
+//   padding-right: 8px;
+// }
+.scroller {
+  max-height: 400px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  margin-right: -8px;
+  padding-right: 18px;
+}
 .info {
   font-size: 14px;
   color: #333;

--
Gitblit v1.9.1