|  |  | 
 |  |  |       <a-input-search v-model:value="searchInput" :placeholder="formatMessage('page.input', '请输入')" | 
 |  |  |         style="width: 200px;" @search="onSearch" /> | 
 |  |  |       <div class="table-header-right"> | 
 |  |  |         <a-button @click="handleEdit(null)" type="primary">{{ formatMessage('page.add', '添加') }}</a-button> | 
 |  |  |         <!-- <a-button @click="handleEdit(null)" type="primary">{{ formatMessage('page.add', '添加') }}</a-button> --> | 
 |  |  |         <a-button @click="handleExport">{{ formatMessage('page.export', '导出') }}</a-button> | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  | 
 |  |  |           <div style="display: flex;justify-content: space-evenly;"> | 
 |  |  |             <a-button type="link" primary @click="showDetl(record)">{{ formatMessage('page.order.orderDetl', '订单明细') | 
 |  |  |               }}</a-button> | 
 |  |  |             <a-button type="link" primary @click="handleEdit(record)">{{ formatMessage('page.edit', '编辑') }}</a-button> | 
 |  |  |             <!-- <a-button type="link" primary @click="handleEdit(record)">{{ formatMessage('page.edit', '编辑') }}</a-button> --> | 
 |  |  |             <a-button type="link" danger @click="handleDel([record])">{{ formatMessage('page.delete', '删除') | 
 |  |  |               }}</a-button> | 
 |  |  |           </div> |