bonus
/
gz-att-web-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

按钮对齐，加鼠标悬浮小tips

This commit is contained in:
fl 2025-02-19 13:38:32 +08:00
parent b3305fa32f
commit b85d53d8f2
1 changed files with 29 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/views/report/attReport/index.vue
View File

@ -243,17 +243,19 @@
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker> range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item> </el-form-item>
</el-row> </el-row>
<el-row style="margin-top: 10px;"> <el-row class="button-row">
<el-button type="primary" plain @click="operMethod(1)">1.模版数据（必须）</el-button> <el-col class="button-col">
<el-button type="primary" plain @click="operMethod(2)">2.数据拉取（必须）</el-button> <el-button type="primary" plain @click="operMethod(1)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">1.模版数据（必须）</el-button>
<el-button type="primary" plain @click="operMethod(3)">3.旷工更新（非必）</el-button> <el-button type="primary" plain @click="operMethod(3)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">3.旷工更新（非必）</el-button>
<el-button type="primary" plain @click="operMethod(4)">4.法假更新（非必）</el-button> <el-button type="primary" plain @click="operMethod(5)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">5.请假日更新（非必）</el-button>
</el-row> <el-button type="primary" plain @click="operMethod(7)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">7.月报表模版（非必）</el-button>
<el-row style="margin-top: 10px;"> </el-col>
<el-button type="primary" plain @click="operMethod(5)">5.请假日更新（非必）</el-button> <el-col class="button-col">
<el-button type="primary" plain @click="operMethod(6)">6.日报表更新（必须）</el-button> <el-button type="primary" plain @click="operMethod(2)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">2.数据拉取（必须）</el-button>
<el-button type="primary" plain @click="operMethod(7)">7.月报表模版（非必）</el-button> <el-button type="primary" plain @click="operMethod(4)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">4.法假更新（非必）</el-button>
<el-button type="primary" plain @click="operMethod(8)">8.月报表更新（必须）</el-button> <el-button type="primary" plain @click="operMethod(6)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">6.日报表更新（必须）</el-button>
<el-button type="primary" plain @click="operMethod(8)" v-tooltip="{ content: '请谨慎操作', placement: 'top' }">8.月报表更新（必须）</el-button>
</el-col>
</el-row> </el-row>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -664,4 +666,20 @@ export default {
margin-top: 20px; margin-top: 20px;
text-align: right; text-align: right;
} }
.button-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.button-col {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 48%;
}
.button-col .el-button {
width: 100%;
margin-bottom: 5px;
}
</style> </style>