feat: 操作日志表单控件切换到 TDesign

src/views/OperationLogsView/OperationLogsView.vue

@@ -10,15 +10,19 @@
 
     <div class="business-workspace">
       <div class="asset-toolbar">
-        <div class="asset-search"><svg><use href="#i-search" /></svg><input v-model="keyword" type="text" placeholder="搜索机巢 / 指令 / 无人机" @keyup.enter="reload" /></div>
+        <div class="asset-search">
+          <t-input v-model="keyword" clearable placeholder="搜索机巢 / 指令 / 无人机" @keyup.enter="reload" @clear="reload">
+            <template #prefix-icon><t-icon name="search" /></template>
+          </t-input>
+        </div>
         <div class="toolbar-group">
-          <select v-model="statusFilter" @change="reload">
-            <option value="">全部状态</option>
-            <option value="sent">已下发</option>
-            <option value="acked">已确认</option>
-            <option value="timeout">已超时</option>
-            <option value="terminal">执行失败</option>
-          </select>
+          <t-select
+            v-model="statusFilter"
+            :options="statusFilterOptions"
+            placeholder="全部状态"
+            style="width: 140px"
+            @change="reload"
+          />
         </div>
       </div>
 
@@ -75,6 +79,14 @@ const pages = ref(1)
 const keyword = ref('')
 const statusFilter = ref('')
 
+const statusFilterOptions = [
+  { label: '全部状态', value: '' },
+  { label: '已下发', value: 'sent' },
+  { label: '已确认', value: 'acked' },
+  { label: '已超时', value: 'timeout' },
+  { label: '执行失败', value: 'terminal' }
+]
+
 const COMMAND_NAMES = {
   'dock.open': '打开舱门',
   'dock.close': '关闭舱门',
@@ -158,3 +170,17 @@ function goPage(p) {
 
 onMounted(load)
 </script>
+
+<style scoped>
+.asset-search :deep(.t-input) {
+  width: 100%;
+}
+.asset-search {
+  border: 0;
+  padding: 0;
+  height: auto;
+}
+.toolbar-group :deep(.t-select) {
+  flex-shrink: 0;
+}
+</style>