数据同步小页面样式修改

src/views/report/attReport/index.vue

@@ -19,8 +19,8 @@
           range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" style="margin-right: 10px;" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">搜索</el-button>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" style="margin-right: 10px;">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">重置</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" >重置</el-button>
         <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport"
           v-hasPermi="['att:attReport:export']">导出</el-button>
         <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport"
@@ -245,16 +245,56 @@
         </el-row>
         <el-row class="button-row">
           <el-col class="button-col">
-            <el-button type="primary" plain @click="operMethod(1)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">1.模版数据（必须）</el-button>
+            <el-tooltip placement="right">
-            <el-button type="primary" plain @click="operMethod(3)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">3.旷工更新（非必）</el-button>
+              <template #content>
-            <el-button type="primary" plain @click="operMethod(5)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">5.请假日更新（非必）</el-button>
+                1.考勤人员列表<br>2.基模版数据生成
-            <el-button type="primary" plain @click="operMethod(7)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">7.月报表模版（非必）</el-button>
+              </template>
+              <el-button type="primary" plain @click="operMethod(1)">1.模版数据（必须）</el-button>
+            </el-tooltip>
+            <el-tooltip placement="right">
+              <template #content>
+                1.旷工判断
+              </template>
+              <el-button type="primary" plain @click="operMethod(3)">3.旷工更新（非必）</el-button>
+            </el-tooltip>
+            <el-tooltip placement="right">
+              <template #content>
+                1.请假数据更新<br>2.更新到前15天<br>3.范围更新只更新最后一天
+              </template>
+              <el-button type="primary" plain @click="operMethod(5)">5.请假日更新（非必）</el-button>
+            </el-tooltip>
+            <el-tooltip placement="right">
+              <template #content>
+                1.月报表模版生成
+              </template>
+              <el-button type="primary" plain @click="operMethod(7)">7.月报表模版（非必）</el-button>
+            </el-tooltip>
           </el-col>
           <el-col class="button-col">
-            <el-button type="primary" plain @click="operMethod(2)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">2.数据拉取（必须）</el-button>
+            <el-tooltip placement="right">
-            <el-button type="primary" plain @click="operMethod(4)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">4.法假更新（非必）</el-button>
+              <template #content>
-            <el-button type="primary" plain @click="operMethod(6)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">6.日报表更新（必须）</el-button>
+                1.考勤数据拉取<br>2.考勤数据更新
-            <el-button type="primary" plain @click="operMethod(8)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">8.月报表更新（必须）</el-button>
+              </template>
+              <el-button type="primary" plain @click="operMethod(2)">2.数据拉取（必须）</el-button>
+            </el-tooltip>
+            <el-tooltip placement="right">
+              <template #content>
+                1.法假节假日更新
+              </template>
+              <el-button type="primary" plain @click="operMethod(4)">4.法假更新（非必）</el-button>
+            </el-tooltip>
+            <el-tooltip placement="right">
+              <template #content>
+                1.日报表数据生成<br>2.每次更新数据都要执行
+              </template>
+              <el-button type="primary" plain @click="operMethod(6)">6.日报表更新（必须）</el-button>
+            </el-tooltip>
+            <el-tooltip placement="right">
+              <template #content>
+                1.月报表更新
+              </template>
+              <el-button type="primary" plain @click="operMethod(8)">8.月报表更新（必须）</el-button>
+            </el-tooltip>
           </el-col>
         </el-row>
       </el-form>
@@ -289,6 +329,8 @@ import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import { checkPersonAssignment } from "@/api/system/userInfo";
 import { getDetail } from "@/api/report/monthlyError";
+import { Tooltip } from 'element-ui';
+
 export default {
   name: "AttDetails",
   dicts: ['att_status'],