新需求优化
This commit is contained in:
parent
8bcac60702
commit
6721fe85d8
|
|
@ -12,7 +12,7 @@ export const addEntryPersonAPI = (data) => {
|
|||
|
||||
// 人员出场 批量出场
|
||||
export const batchExitPersonAPI = (data) => {
|
||||
return requestFormData({
|
||||
return request({
|
||||
url: '/bmw/workerExit/exit/batchExit',
|
||||
method: 'POST',
|
||||
data,
|
||||
|
|
|
|||
|
|
@ -298,6 +298,7 @@ export default {
|
|||
|
||||
// 关闭弹框
|
||||
handleCloseDialogOuter() {
|
||||
this.selectProjectId = ''
|
||||
this.dialogConfig.outerVisible = false
|
||||
},
|
||||
},
|
||||
|
|
|
|||
|
|
@ -58,6 +58,25 @@
|
|||
<span> ({{ idNumber }}) </span>
|
||||
</div>
|
||||
|
||||
<div class="legend">
|
||||
<div class="legend-item">
|
||||
<span class="legend-mark active"></span>
|
||||
<span>已打卡</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-mark inactive"></span>
|
||||
<span>未打卡</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-mark not-in-range"></span>
|
||||
<span>已在其他工程打卡</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-mark is-no-att"></span>
|
||||
<span>不在场</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 补卡日历 -->
|
||||
<div class="date-ist" v-if="cardReplacementDateList.length > 0">
|
||||
<div
|
||||
|
|
@ -81,6 +100,7 @@
|
|||
>
|
||||
{{ item.month }}月
|
||||
</span>
|
||||
|
||||
<div
|
||||
class="item"
|
||||
:ref="`item${index}`"
|
||||
|
|
@ -88,7 +108,9 @@
|
|||
height: initHeight + 'px',
|
||||
backgroundColor: item.inRange
|
||||
? item.isActive == 1
|
||||
? '#19be6b'
|
||||
? item.isSamePro == 1
|
||||
? '#19be6b'
|
||||
: '#ff9900'
|
||||
: '#f56c6c'
|
||||
: '#999',
|
||||
cursor:
|
||||
|
|
@ -266,8 +288,9 @@ export default {
|
|||
month: key.split('-')[1],
|
||||
date: key.split('-')[2],
|
||||
inRange: res[key].inRange,
|
||||
isActive: res[key].isActive,
|
||||
currentDate: key,
|
||||
isActive: res[key].isActive,
|
||||
isSamePro: res[key].isSamePro,
|
||||
isChecked: this.editRepairDateList.includes(key),
|
||||
})
|
||||
}
|
||||
|
|
@ -280,6 +303,7 @@ export default {
|
|||
isActive: res[key].isActive,
|
||||
currentDate: key,
|
||||
isChecked: false,
|
||||
isSamePro: res[key].isSamePro,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
|
@ -442,4 +466,44 @@ export default {
|
|||
background-color: #b58bae !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* 图例样式 */
|
||||
.legend {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.legend-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.legend-mark {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.legend-mark.active {
|
||||
background-color: #19be6b;
|
||||
}
|
||||
|
||||
.legend-mark.inactive {
|
||||
background-color: #f56c6c;
|
||||
}
|
||||
|
||||
.legend-mark.not-in-range {
|
||||
background-color: #ff9900;
|
||||
}
|
||||
|
||||
.is-no-att {
|
||||
background-color: #999;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1444,7 +1444,7 @@ export default {
|
|||
async getEntryPersonDetail() {
|
||||
const { data: res } = await getEntryPersonDetailAPI({
|
||||
id: this.queryDetailsId,
|
||||
proId: this.proId,
|
||||
proId: this.proId || 0, // 当没有工程id时给默认值为0 否则报错
|
||||
})
|
||||
|
||||
// 身份证基本信息
|
||||
|
|
|
|||
|
|
@ -214,7 +214,7 @@ export default {
|
|||
const res = await batchExitPersonAPI(params)
|
||||
|
||||
if (res.code === 200) {
|
||||
this.$modal.msgWarning(res.msg)
|
||||
this.$modal.msgSuccess(res.msg)
|
||||
this.$refs.personExitTableRef.getTableList()
|
||||
} else {
|
||||
this.$modal.msgError(res.msg)
|
||||
|
|
|
|||
Loading…
Reference in New Issue