模版更新

src/template/table.vue

@@ -1,18 +1,28 @@
 <template>
-    <div class="default-main">
+    <div class='default-main'>
         <!-- 表头 -->
         <TableHeader date-picker>
+            <template v-slot:select>
+                <el-form-item label='关键词:'>
+                    <el-input
+                        style='width: 240px'
+                        v-model='tableStore.table.params.searchValue'
+                        clearable
+                        placeholder='仅根据用户名/登录名'
+                    />
+                </el-form-item>
+            </template>
             <template v-slot:operation>
-                <el-button :icon="Plus" type="primary" @click="addUser">添加</el-button>
+                <el-button :icon='Plus' type='primary' @click='addUser'>添加</el-button>
             </template>
         </TableHeader>
         <!-- 表格 -->
-        <Table ref="tableRef" />
+        <Table ref='tableRef' />
         <!-- 弹框 -->
-        <PopupEdit ref="popupEdit" />
+        <PopupEdit ref='popupEdit' />
     </div>
 </template>
-<script setup lang="ts">
+<script setup lang='ts'>
 import { Plus } from '@element-plus/icons-vue'
 import { ref, onMounted, provide, defineOptions } from 'vue'
 import { ElMessageBox, ElMessage } from 'element-plus'
@@ -75,7 +85,8 @@ const tableStore = new TableStore({
                     disabled: row => {
                         return row.state !== 1
                     },
-                    click: row => {}
+                    click: row => {
+                    }
                 },
                 {
                     name: 'edit',
@@ -91,7 +102,8 @@ const tableStore = new TableStore({
                             confirmButtonText: '确认',
                             cancelButtonText: '取消',
                             inputType: 'password'
-                        }).then(({ value }) => {})
+                        }).then(({ value }) => {
+                        })
                     }
                 },
                 {
@@ -103,7 +115,8 @@ const tableStore = new TableStore({
                     disabled: row => {
                         return row.state !== 2 && row.state !== 5 && row.state !== 0 && row.state !== 4
                     },
-                    click: row => {}
+                    click: row => {
+                    }
                 },
                 {
                     name: 'edit',
@@ -114,7 +127,8 @@ const tableStore = new TableStore({
                     disabled: row => {
                         return row.state !== 1 && row.state !== 3
                     },
-                    click: row => {}
+                    click: row => {
+                    }
                 }
             ]
         }
@@ -142,6 +156,7 @@ const tableStore = new TableStore({
 
 provide('tableStore', tableStore)
 tableStore.table.params.searchState = 1
+tableStore.table.params.searchValue = ''
 tableStore.table.params.casualUser = -1
 tableStore.table.params.orderBy = ''
 onMounted(() => {