From 8d97b532ea77e212740d3a8a86d3b5211ef7a53d Mon Sep 17 00:00:00 2001
From: Ironsp <1522278303@qq.com>
Date: Fri, 11 Sep 2026 17:56:35 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E5=9B=BE=E7=89=87=E6=9B=B4=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/settings/sensorConfig.vue | 180 ++++++++++-------------
 src/static/add.png                       | Bin 0 -> 972 bytes
 src/static/reduce.png                    | Bin 0 -> 837 bytes
 3 files changed, 75 insertions(+), 105 deletions(-)
 create mode 100644 src/static/add.png
 create mode 100644 src/static/reduce.png

diff --git a/src/components/settings/sensorConfig.vue b/src/components/settings/sensorConfig.vue
index ba5bb4f..9e3dbdb 100644
--- a/src/components/settings/sensorConfig.vue
+++ b/src/components/settings/sensorConfig.vue
@@ -1,15 +1,39 @@
 <script setup lang="ts">
+const sensorOptions = [
+  { value: '压实度', text: '压实度' },
+  { value: '行驶速度', text: '行驶速度' },
+  { value: 'GNSS定位', text: 'GNSS定位' },
+]
+
+const positionOptions = [
+  { value: '前轮侧边', text: '前轮侧边' },
+  { value: '后轮侧边', text: '后轮侧边' },
+  { value: '车身中部', text: '车身中部' },
+]
+
 const sensorList = ref([
   { name: '压实度', id: 0, position: '前轮侧边' },
-  { name: '振动频率', id: 1, position: '前轮侧边' },
+  { name: '行驶速度', id: 1, position: '前轮侧边' },
 ])
 
+function onNameChange(index: number, value: string) {
+  sensorList.value[index].name = value
+}
+
+function onPosChange(index: number, value: string) {
+  sensorList.value[index].position = value
+}
+
 function handleAdd() {
-  console.log('添加传感器')
+  sensorList.value.push({
+    name: '',
+    id: sensorList.value.length,
+    position: '',
+  })
 }
 
 function handleDelete(index: number) {
-  console.log('删除传感器', index)
+  sensorList.value.splice(index, 1)
 }
 </script>
 
@@ -19,44 +43,52 @@ function handleDelete(index: number) {
       传感器
     </text>
 
-    <view class="sensor-table">
-      <!-- 表头 -->
-      <view class="table-header">
-        <text class="col-name">
-          名称
-        </text>
-        <text class="col-id">
-          ID
-        </text>
-        <text class="col-position">
-          安装位置
-        </text>
-        <text class="col-action">
-          操作
-        </text>
-      </view>
+    <wd-table :data="sensorList" :border="true" :ellipsis="false" custom-style="width: 100%">
+      <!-- 名称列 -->
+      <wd-table-column prop="name" label="名称" width="200px">
+        <template #value="{ row, index }">
+          <uni-section :title="row.name || '请选择'" type="line">
+            <uni-data-select
+              :value="row.name"
+              :localdata="sensorOptions"
+              placeholder="请选择"
+              @onchange="(val: string) => onNameChange(index, val)"
+            />
+          </uni-section>
+        </template>
+      </wd-table-column>
 
-      <!-- 表格内容 -->
-      <view v-for="(sensor, index) in sensorList" :key="index" class="table-row">
-        <view class="col-name">
-          <uni-easyinput v-model="sensor.name" placeholder="请输入名称" />
-        </view>
-        <text class="col-id">
-          {{ sensor.id }}
-        </text>
-        <view class="col-position">
-          <uni-easyinput v-model="sensor.position" placeholder="请输入安装位置" />
-        </view>
-        <view class="col-action">
-          <view v-if="index === sensorList.length - 1" class="action-btn add" @tap="handleAdd">
-            <wd-icon name="add" size="16px" color="#fff" />
+      <!-- ID列 -->
+      <wd-table-column prop="id" label="ID" width="120rpx" align="center" />
+
+      <!-- 安装位置列 -->
+      <wd-table-column prop="position" label="安装位置" width="240rpx">
+        <template #value="{ row, index }">
+          <uni-section :title="row.position || '请选择'" type="line">
+            <uni-data-select
+              :value="row.position"
+              :localdata="positionOptions"
+              placeholder="请选择"
+              @onchange="(val: string) => onPosChange(index, val)"
+            />
+          </uni-section>
+        </template>
+      </wd-table-column>
+
+      <!-- 操作列 -->
+      <wd-table-column label="操作" width="120rpx" align="center">
+        <template #value="{ index }">
+          <view class="action-cell">
+            <view v-if="index === sensorList.length - 1" class="action-btn add" @tap.stop="handleAdd">
+              <image class="action-icon" src="/static/add.png" mode="aspectFit" />
+            </view>
+            <view v-else class="action-btn delete" @tap.stop="handleDelete(index)">
+              <image class="action-icon" src="/static/reduce.png" mode="aspectFit" />
+            </view>
           </view>
-          <view v-else class="action-btn delete" @tap="handleDelete(index)">
-            <wd-icon name="close" size="16px" color="#fff" />
-          </view>
-        </view>
-      </view>
-    </view>
+        </template>
+      </wd-table-column>
+    </wd-table>
   </view>
 </template>
 
@@ -75,68 +107,10 @@ function handleDelete(index: number) {
   display: block;
 }
 
-.sensor-table {
-  border: 1px solid #e8e8e8;
-  border-radius: 8px;
-  overflow: hidden;
-}
-
-.table-header {
-  display: flex;
-  background-color: #fafafa;
-  padding: 12px 0;
-  border-bottom: 1px solid #e8e8e8;
-}
-
-.table-row {
-  display: flex;
-  padding: 12px 0;
-  border-bottom: 1px solid #e8e8e8;
-}
-
-.table-row:last-child {
-  border-bottom: none;
-}
-
-.col-name {
-  flex: 2;
-  padding: 0 12px;
-  display: flex;
-  align-items: center;
-}
-
-.col-id {
-  flex: 1;
-  padding: 0 12px;
+.action-cell {
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 18px;
-  color: #333;
-}
-
-.col-position {
-  flex: 2;
-  padding: 0 12px;
-  display: flex;
-  align-items: center;
-}
-
-.col-action {
-  flex: 1;
-  padding: 0 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.table-header .col-name,
-.table-header .col-id,
-.table-header .col-position,
-.table-header .col-action {
-  font-size: 18px;
-  font-weight: bold;
-  color: #333;
 }
 
 .action-btn {
@@ -146,14 +120,10 @@ function handleDelete(index: number) {
   display: flex;
   align-items: center;
   justify-content: center;
-  cursor: pointer;
 }
 
-.action-btn.add {
-  background-color: #1890ff;
-}
-
-.action-btn.delete {
-  background-color: #ff4d4f;
+.action-icon {
+  width: 32px;
+  height: 32px;
 }
 </style>
diff --git a/src/static/add.png b/src/static/add.png
new file mode 100644
index 0000000000000000000000000000000000000000..35c27f1f77e0b93be22a7dc5728385c7ad27f4af
GIT binary patch
literal 972
zcmV;-12g=IP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ000AlNkl<Zcmc$f
zPe@cz6vofFqm(I$tJ>JYLKlLY0(C$NbcT?&MUfTN)*#wN20~*kf(Wt}LAB{0wP+I(
znNSpIixvt(Nwg8d2r@+-(0TWCzBfK+Mn|4+{yy$`@6J8veBW>0y!*ybz@zhqG<3zB
z-bl=O8Xd6X(E;bLMq)K|ZpV>B4Qd0*)0TjazK~EfCMP4Y#Hg|Mhhe(IOect>MGfmT
zLaU*3X+aJ(sErIHM$romt??bcK%LiC4$n>5Nn-n$ncJ912W{!lLT2JN^g;t#evO*~
zwcnDeu2|xMF=j{+n*4-(^Gr?9f+n;#tIrB_sDEL1P27Go%;%UChYE8*3!2b|M>f?B
zKq#!NtooqM`?EC^Vh!5xfY*Ax3?SS}EqtvFjq3{w{TUwcf@ivR22k~qGpL0{yEEy=
zn8OR6n0v7XgdM=lXT3zJuB@K$_WWERydy$vZY!}4FIAeW8Zx}W07rw<+!P(xy_Emf
zhFC74uLPGtdtD$Qr&s4?9l}Wl<Nn_;x0aR0HRo2a7<Ozoen)pL$5UN3QOh2p>TNj+
zXd4*7VssML&v}gl4MaD44DH>OmyABf6gIl;n)8z>TsK(sp_cl>N#?60^$J8ggUaAp
z>FHqdBHXAyyoy9xQftWRQqZvzKtY?RW;@X-1@a=?lmv<@khg|wU}0?l(7av)jX&CP
z`mQA}?vGfv|N5)c8glMpu+zK(@pP~rA}d6{=Tb4hlvJ2qOsyfGTn%#OX(J+&L0XDg
z3l^ha_H(`_@nxc!e?rTN{FK0ABxHtkq9b>)Pv42o+!OltD|ZbA5U`k$%lwl>zT_@d
zpiX4~i$2t(uk6qumHA*wGPppsjr5#^^u|+p4)t~!)ZGPod5j%L>_z;Jx>nKwPk4g?
z#x4*hBUdZm=(c-=`MN0TM|i^9Gg$+|!s3oluM&U7yc7X1c&2-00F7Sa_{vKBh!#$z
z7Zqa;4|u^dT|WZ|iTC|AGg^318;W+PpbZar!81KJ03nIOg(}lwMILIi4y@)MDkRW^
zHaxN^W(7haZsohaiu2am?t;7$bZbKkn$U(vw%8QNE5;6}Z8Xg!rbl<g7`~;K^Sh!}
zNXF0$4QToG_yR!y?})d3{A9SVqTL#^&k9`-p=U%qK}53}&T8nKCy+x8YKN~>w4)aq
uTH`zZ0{{U3|1}LxWdHyG21!IgR09A+(0GtIbn%V=0000<MNUMnLSTZ&R=?T+

literal 0
HcmV?d00001

diff --git a/src/static/reduce.png b/src/static/reduce.png
new file mode 100644
index 0000000000000000000000000000000000000000..b715d5595d878ea38eee296d1f493ef51823dd4c
GIT binary patch
literal 837
zcmV-L1G@Z)P)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ0008|Nkl<Zcmd3o
zu}|AT6vp2>PcR^L>%vkYGDPaaK#PP}tEd|w5@0D^gVaBzQdtWNBtfhd>WV70WngHf
z44|qDO9zxnEG)IJ-}jQBBqVYy;yBTLw(tDj`+h#3V>?Os^P8K`{KiJv7mF3>2h@Q6
zwZvnNRV)Uv3Cqh+Kz@BafWa2@O~UY(sD6M^33?7afr6HJ%(0TiAeK4M7Hc3Tw#5SZ
zQt6dASBJqN^a9e@s_g((MLcs3S;K0z&kfiQ1i}?f;Wm7fC^|*a+<^SyhgEZ|#hR==
zD6uaP5}x9Uz94A_FpB+XnksAUu(o;hsrmrO0-ZYp$U>j^(G00B0P4)VdMb7SAz%uD
zp8zx86F2&<>O8&7v!i+!kOaXVVA7kJ4r4pyOwrRi&CNZKJptaoX%3HZ3s3WISsD<g
zEx;4-9<#$m*E%((ovPB?7+`5YxR*u1<j~KiDgF|iE7H6PBvNK4V;O_vy9pqRP}Xgc
zEDrCc0&ds%*G}){t14L>V3vB%W!6_+axl+BlhX18nw=CHaLf{D1_zVUW(brVW_ns=
zbv0heE87?2ZQ?uvt*wc~DRE)B<qTaX&TBM8c6Z~IxUgIksGc}4ibQU1;+43t)SY<$
zHF;i28DMb|1gC)VDOn6()_YGDr<KZYWSv7<w{x;^4H0CIn~Y@)O`s^M;kI372IT!E
zKGJIRHy}MZ3B|d0fExc=;@W|?F@VTH*0fsvj5q&*b-Fj{_EZndyXA5ZWc@HKW0o%L
zcpMw=FYpayUy5zJE+9<X9q#38KwY&1QrmlfMKAO0FzEu~I0F74a0O85%@k)QidM{v
zrX6|!#B&xHMawwe2iWKqIv23WJ}!9KJYdk<`T{Ws33pnny~Wd40Mz6E68LC4S71%n
zrbj;w1ZoG{6A(ptKy5?cq2XtYGvYmSwlOPttJN+%U>^&_JX}$z$Hzy|OT2I90EKT4
zsp8yE=r0tu#AA+CEhY%&m;)WL24Z5{e*gdg|NpWfk0t;B00v1!K~w_($!bV$YRwHs
P00000NkvXXu0mjfkA`-Z

literal 0
HcmV?d00001