ren

src/views/professional/salaryexportrecord/index.vue

@@ -18,7 +18,6 @@
                 value-format="YYYY"
                 placeholder="请选择薪资年份"
                 clearable
-                style="width: 200px"
               />
             </el-form-item>
 
@@ -30,11 +29,18 @@
                 value-format="M"
                 placeholder="请选择薪资月份"
                 clearable
-                style="width: 200px"
               />
             </el-form-item>
           </template>
         </template>
+
+        <!-- 查询和重置按钮 -->
+        <template #actions>
+          <el-form-item>
+            <el-button type="primary" @click="handleFilter" icon="Search">查询</el-button>
+            <el-button @click="resetQuery" icon="Refresh">重置</el-button>
+          </el-form-item>
+        </template>
       </search-form>
 
       <!-- 表格 -->
@@ -49,13 +55,13 @@
       >
         <el-table-column type="index" label="序号" width="60" align="center" />
         
-        <el-table-column prop="createTime" label="导出时间" width="180" align="center" />
+        <el-table-column prop="createTime" label="导出时间" min-width="180" align="center" />
         
-        <el-table-column prop="salaryYear" label="薪资年份" width="120" align="center" />
+        <el-table-column prop="salaryYear" label="薪资年份" min-width="120" align="center" />
         
-        <el-table-column prop="salaryMonth" label="薪资月份" width="120" align="center" />
+        <el-table-column prop="salaryMonth" label="薪资月份" min-width="120" align="center" />
         
-        <el-table-column prop="confirm" label="劳务日期锁定" width="150" align="center">
+        <el-table-column prop="confirm" label="劳务日期锁定" min-width="150" align="center">
           <template #default="scope">
             <el-tag :type="scope.row.confirm === '1' ? 'success' : 'info'">
               {{ scope.row.confirm === '1' ? '是' : '否' }}
@@ -63,7 +69,7 @@
           </template>
         </el-table-column>
         
-        <el-table-column label="操作" min-width="150" align="center" fixed="right">
+        <el-table-column label="操作" min-width="80" align="center" fixed="right">
           <template #default="scope">
             <el-button
               v-if="permissions.professional_salaryexportrecord_del"
@@ -145,6 +151,16 @@ const handleFilter = () => {
   getDataList() // 查询后跳转到第一页
 }
 
+// 重置
+const resetQuery = () => {
+  searchFormRef.value?.formRef?.resetFields()
+  Object.assign(search, {
+    salaryYear: '',
+    salaryMonth: ''
+  })
+  handleFilter()
+}
+
 // 删除
 const handleDel = (row: any) => {
   messageBox.confirm('确认删除?').then(async () => {
@@ -153,7 +169,7 @@ const handleDel = (row: any) => {
       message.success('删除成功')
       getDataList(false) // 删除后保持当前页
     } catch (error: any) {
-      message.error(error?.msg || '删除失败')
+      message.error(error.msg)
     }
   }).catch(() => {
     // 用户取消