修改

.prettierrc

@@ -1,5 +1,5 @@
 {
-  "printWidth": 150,
+  "printWidth": 500,
   "tabWidth": 4,
   "useTabs": false,
   "semi": true,

src/views/cdt/items/index.vue

@@ -2,16 +2,36 @@
     <div class="p-3">
         <div class="bg-fff flex1 ov-hd d-flex flex-cln">
             <div class="pd-16 border-bottom">
-                <div class="f-s-20 c-333 f-w-7 mb-30">检测项查询</div>
+                <div class="f-s-20 c-333 f-w-7 mb-20">检测项查询</div>
                 <searchTabs v-model="tabActive" :list="[ { label: '按检测项目', value: '1' }, { label: '按执行标准', value: '2' } ]" :is-num="false"></searchTabs>
             </div>
+            <div class="pd-16">
+                <el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="auto">
+                    <el-form-item label="会员名称" prop="cpyName">
+                        <el-input v-model="queryParams.cpyName" placeholder="搜会员名称关键字" clearable style="width: 180px" @keyup.enter="handleQuery" />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
         </div>
     </div>
 </template>
 <script setup name="Items" lang="ts">
 import { searchTabs } from '@/views/models/index';
 const tabActive = ref('1');
+const queryParams = ref({
+    cpyName: '',
+});
+const handleQuery = () => {
+    console.log('handleQuery');
+};
+const resetQuery = () => {
+    console.log('resetQuery');
+};
 onMounted(() => {
-
+    console.log("Items mounted");
 });
 </script>