10 changed files with 3043 additions and 250 deletions
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
@ -0,0 +1,97 @@ |
|||
<template> |
|||
<div class="prompt-text" :class="typeClass"> |
|||
<div class="flex-text"> |
|||
<div class="flex"> |
|||
<img class="prompt-icon" :src="typeIcon" alt=""> |
|||
<span class="prompt-desc">{{text}}</span> |
|||
</div> |
|||
<div class="flex"> |
|||
<slot name="next_desc" /> |
|||
</div> |
|||
</div> |
|||
<div class="prompt-extra"> |
|||
<slot name="desc" /> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
|
|||
export default { |
|||
name: 'PromptText', |
|||
props: { |
|||
text: { |
|||
type: String, |
|||
required: true |
|||
}, |
|||
type: { |
|||
type: [Number, String], |
|||
default: 2 |
|||
}, |
|||
}, |
|||
components: { |
|||
}, |
|||
data(){ |
|||
return{} |
|||
}, |
|||
computed: { |
|||
typeClass() { |
|||
switch (parseInt(this.type)) { |
|||
case 1: return 'info'; |
|||
case 2: return 'notice'; |
|||
case 3: return 'warning'; |
|||
default: return 'notice'; |
|||
} |
|||
}, |
|||
typeIcon() { |
|||
switch (parseInt(this.type)) { |
|||
case 1: return require('@/assets/site/prompt-icon-1.svg'); |
|||
case 2: return require('@/assets/site/prompt-icon-2.svg'); |
|||
case 3: return require('@/assets/site/prompt-icon-3.svg'); |
|||
default: return require('@/assets/site/prompt-icon-2.svg'); |
|||
} |
|||
} |
|||
}, |
|||
methods:{ |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style scoped lang="scss"> |
|||
.prompt-text{ |
|||
padding: 8px 13px; |
|||
border-radius: 4px; |
|||
text-align: justify; |
|||
} |
|||
.flex-text{ |
|||
display: flex; |
|||
align-items: center; |
|||
align-self: stretch; |
|||
justify-content: space-between; |
|||
z-index: 1; |
|||
} |
|||
.info{ |
|||
background: #F2F7FF; |
|||
border: 1px solid #BFDAFF; |
|||
} |
|||
.notice{ |
|||
background: #FEFCE8; |
|||
border: 1px solid rgba(255, 140, 0, 0.3); |
|||
} |
|||
.warning{ |
|||
background: #FFF1F0; |
|||
border: 1px solid #FFA39E; |
|||
} |
|||
.prompt-icon{ |
|||
width: 16px; |
|||
height: 16px;; |
|||
margin-right: 8px; |
|||
} |
|||
|
|||
.prompt-desc{ |
|||
color: #1E2226; |
|||
letter-spacing: 0.08em; |
|||
} |
|||
.prompt-extra{ |
|||
|
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
@ -0,0 +1,553 @@ |
|||
<template> |
|||
|
|||
<GuipDialog :dialogVisible="visitDialogVisible" :title="visitDialogTitle" :show-close-button="true" width="699px" |
|||
:show-cancel-button="visitShowCancelBtn" @confirm="handleVisitConfirm" :confirmText="visitConfirmText" |
|||
@cancel="handleVisitCancel" @close="handleVisitClose"> |
|||
<div class="flex conflictTitle" v-if="is_allow_coincide && !isDoctorSet"> |
|||
您设置的 <b>{{ h_realname }} </b>【每周排班】，与以下现有出诊安排重叠，请确定是否正确。 |
|||
</div> |
|||
<div class="flex conflictTitle" v-if="!is_allow_coincide && !isDoctorSet"> |
|||
您设置的 <b>{{ h_realname }} </b>【每周排班】，与以下现有出诊安排冲突，请调整后再保存： |
|||
</div> |
|||
<div class="visitContent mt24"> |
|||
<div class="hosPlanItem mb24" v-for="(conflict, index) in hasConflictresult" :key="index"> |
|||
<p>{{ conflict.date }} {{ conflict.dayOfWeek ? `（${conflict.dayOfWeek}）` : '' }}{{ conflict.conflictShift }}</p> |
|||
<div class="flex"> |
|||
<span class="conflictTip">{{!is_allow_coincide ?'冲突':'重叠' }}</span> |
|||
<div>{{ conflict.hospital }}({{ conflict.type === 'fixed' ? |
|||
'固定排班' : |
|||
'临时出诊' }})</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<p v-if="hasConflictresultLength > 3" style="color: #FF4D4F;">等共{{hasConflictresultLength}}条出诊安排冲突，请修改后再进行设置</p> |
|||
</GuipDialog> |
|||
</template> |
|||
<script> |
|||
import GuipDialog from '@/components/GuipDialog.vue'; |
|||
|
|||
export default { |
|||
props: { |
|||
is_allow_coincide: [Boolean, Number], |
|||
oldWorktimes: Object, |
|||
h_realname: String, |
|||
doctor_id: [Number, String], |
|||
depart_id: [Number, String], |
|||
houseCallSettingForm: Object, |
|||
rawScheduleDataProp: Object, |
|||
isDoctorSet:Boolean, |
|||
cancelText: String, |
|||
confirmText: String, |
|||
cancelBtnShow: String, |
|||
title: String, |
|||
// houseCallSettingForm: Object, |
|||
// getDoctorHosPreview: Function, |
|||
// formatWorktimesArray: Function, |
|||
}, |
|||
components: { |
|||
GuipDialog, |
|||
}, |
|||
data(){ |
|||
return { |
|||
visitDialogTitle: '出诊安排重叠，请确认',//出诊冲突框标题 |
|||
visitDialogVisible: false,//出诊冲突提示框 |
|||
visitShowCancelBtn: true,//出诊冲突框是否显示取消按钮 |
|||
visitConfirmText: '确定并保存',//出诊冲突框确认按钮文字 |
|||
hasConflictresult: [], |
|||
rawScheduleData1:null, |
|||
weekPlan: { |
|||
'1': '周一', |
|||
'2': '周二', |
|||
'3': '周三', |
|||
'4': '周四', |
|||
'5': '周五', |
|||
'6': '周六', |
|||
'7': '周日', |
|||
}, |
|||
weekDaysDesc: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'], |
|||
hasConflictresultLength:0 |
|||
|
|||
} |
|||
}, |
|||
created() { |
|||
this.rawScheduleData1 = this.rawScheduleDataProp; |
|||
|
|||
}, |
|||
watch: { |
|||
// 监听 props 变化 |
|||
rawScheduleDataProp(newVal) { |
|||
this.rawScheduleData1 = newVal |
|||
}, |
|||
|
|||
} , |
|||
mounted() { |
|||
if(this.cancelBtnShow == '0'){ |
|||
this.visitShowCancelBtn = false; |
|||
} |
|||
if(this.cancelText){ |
|||
this.visitConfirmText = this.cancelText; |
|||
} |
|||
if(this.confirmText){ |
|||
this.visitConfirmText = this.confirmText; |
|||
} |
|||
if(this.title){ |
|||
this.visitDialogTitle = this.title; |
|||
} |
|||
}, |
|||
|
|||
methods: { |
|||
open(){ |
|||
this.visitDialogVisible = true; |
|||
this.getDoctorHosPreview(); |
|||
}, |
|||
handleVisitClose() { |
|||
this.visitDialogVisible = false; |
|||
}, |
|||
handleVisitCancel() { |
|||
this.visitDialogVisible = false; |
|||
}, |
|||
handleVisitConfirm() { |
|||
if (this.is_allow_coincide) { |
|||
this.saveWorkTimeDirect(); |
|||
} |
|||
this.visitDialogVisible = false; |
|||
}, |
|||
// ...start |
|||
async getDoctorHosPreview() { |
|||
await this.$http('POST', '/api/admin/get_departs_worktimes', { |
|||
doctor_id: this.doctor_id, |
|||
}).then(response => { |
|||
const list = response.msg; |
|||
if (response.code == 0) { |
|||
// 保存原始数据 |
|||
this.rawScheduleData1 = JSON.parse(JSON.stringify(list)); |
|||
const data = this.analyzeCurrentMonthConflicts(); |
|||
this.hasConflictresultLength = data.length; |
|||
this.hasConflictresult = data.length > 3 ? data.slice(0, 3) : data; |
|||
// console.log(this.hasConflictresult, 'this.hasConflictresult'); |
|||
} |
|||
}).catch(error => { |
|||
console.error(error, 'error') |
|||
}) |
|||
}, |
|||
// 格式化日期为 YYYY-MM-DD |
|||
formatDate(date) { |
|||
const year = date.getFullYear(); |
|||
const month = String(date.getMonth() + 1).padStart(2, '0'); |
|||
const day = String(date.getDate()).padStart(2, '0'); |
|||
return `${year}-${month}-${day}`; |
|||
}, |
|||
// 分析当月剩余天数的冲突（区分固定排班和临时出诊） |
|||
analyzeCurrentMonthConflicts() { |
|||
const conflicts = []; |
|||
const today = new Date(); |
|||
const currentYear = today.getFullYear(); |
|||
const currentMonth = today.getMonth(); |
|||
|
|||
// 获取当月最后一天 |
|||
const lastDay = new Date(currentYear, currentMonth + 1, 0).getDate(); |
|||
|
|||
// 分析从今天到月底的每一天 |
|||
for (let day = today.getDate(); day <= lastDay; day++) { |
|||
const date = new Date(currentYear, currentMonth, day); |
|||
const dateStr = this.formatDate(date); |
|||
const dayOfWeek = date.getDay() === 0 ? 7 : date.getDay(); |
|||
|
|||
const dayConflicts = this.checkDayConflictsWithType(dateStr, dayOfWeek, this.rawScheduleData1, Object.keys(this.rawScheduleData1)); |
|||
if (dayConflicts.length > 0) { |
|||
conflicts.push(...dayConflicts); |
|||
} |
|||
} |
|||
|
|||
return conflicts; |
|||
}, |
|||
|
|||
// 检查单日冲突（区分固定和临时） |
|||
checkDayConflictsWithType(dateStr, dayOfWeek, hospitals, hospitalIds) { |
|||
const conflicts = []; |
|||
const timeSlots = { |
|||
morning: [], |
|||
afternoon: [] |
|||
}; |
|||
|
|||
// 收集这一天的所有医院排班 |
|||
hospitalIds.forEach(hid => { |
|||
const hospital = hospitals[hid]; |
|||
let plan = "0"; |
|||
let isTempAdjust = false; |
|||
let originalPlan = "0"; |
|||
|
|||
// 获取原始排班 |
|||
if (hospital.worktime_no_fixed === 0) { |
|||
// 固定排班 |
|||
const weeklyPlan = hospital.worktime_list && hospital.worktime_list[dayOfWeek]; |
|||
originalPlan = weeklyPlan ? weeklyPlan.plan.toString() : "0"; |
|||
} else { |
|||
// 非固定排班 |
|||
const datePlan = hospital.worktime_list && hospital.worktime_list[dateStr]; |
|||
originalPlan = datePlan ? datePlan.plan.toString() : "0"; |
|||
} |
|||
|
|||
// 检查临时调整 |
|||
if (hospital.temp_change_worktime && hospital.temp_change_worktime[dateStr]) { |
|||
const tempPlan = hospital.temp_change_worktime[dateStr]; |
|||
plan = tempPlan.plan.toString(); |
|||
isTempAdjust = true; |
|||
} else { |
|||
plan = originalPlan; |
|||
} |
|||
|
|||
if (plan !== "0") { |
|||
const hospitalInfo = { |
|||
hid, |
|||
name: hospital.h_depart_name, |
|||
plan, |
|||
originalPlan, |
|||
isTempAdjust, |
|||
scheduleType: isTempAdjust ? '临时出诊' : '固定排班' |
|||
}; |
|||
|
|||
if (plan === "1" || plan === "3") { |
|||
timeSlots.morning.push(hospitalInfo); |
|||
} |
|||
if (plan === "2" || plan === "3") { |
|||
timeSlots.afternoon.push(hospitalInfo); |
|||
} |
|||
} |
|||
}); |
|||
|
|||
// 检查冲突 |
|||
if (timeSlots.morning.length > 1) { |
|||
conflicts.push(this.createConflictInfoWithType( |
|||
dateStr, |
|||
timeSlots.morning, |
|||
'上午' |
|||
)); |
|||
} |
|||
|
|||
if (timeSlots.afternoon.length > 1) { |
|||
conflicts.push(this.createConflictInfoWithType( |
|||
dateStr, |
|||
timeSlots.afternoon, |
|||
'下午' |
|||
)); |
|||
} |
|||
|
|||
return conflicts; |
|||
}, |
|||
|
|||
// 创建冲突信息（区分固定和临时） |
|||
createConflictInfoWithType(date, hospitals, timeSlot) { |
|||
const dateObj = new Date(date); |
|||
const dayOfWeek = this.weekDaysDesc[dateObj.getDay()]; |
|||
|
|||
// 格式化医院信息，区分固定排班和临时出诊 |
|||
const hospitalGroups = { |
|||
fixed: hospitals.filter(h => !h.isTempAdjust).map(h => h.name), |
|||
temp: hospitals.filter(h => h.isTempAdjust).map(h => h.name) |
|||
}; |
|||
|
|||
let hospitalDisplay = ''; |
|||
if (hospitalGroups.fixed.length > 0) { |
|||
hospitalDisplay += hospitalGroups.fixed.join('、') + '固定排班'; |
|||
} |
|||
if (hospitalGroups.temp.length > 0) { |
|||
if (hospitalDisplay) hospitalDisplay += '、'; |
|||
hospitalDisplay += hospitalGroups.temp.join('、') + '临时出诊'; |
|||
} |
|||
|
|||
return { |
|||
date: date, |
|||
hospital: hospitalDisplay, |
|||
conflictShift: timeSlot, |
|||
type: hospitalGroups.temp.length > 0 ? 'mixed' : 'fixed', |
|||
dayOfWeek: dayOfWeek, |
|||
hospitals: hospitals, |
|||
displayText: `${date}（${dayOfWeek}）${timeSlot}班：${hospitalDisplay}` |
|||
}; |
|||
}, |
|||
// ..end |
|||
async setDepartWorkTime() { |
|||
const { display_work_days, planDays, worktime_no_fixed,worktimes } = this.houseCallSettingForm; |
|||
const params = { |
|||
doctor_id: this.doctor_id, |
|||
depart_id: this.depart_id, |
|||
worktime_no_fixed: worktime_no_fixed, |
|||
week_visit_plan: JSON.stringify(this.formatWorktimesArray(worktimes)) |
|||
} |
|||
|
|||
if (display_work_days == 1 && planDays > 0) { |
|||
params.display_work_days = planDays |
|||
} |
|||
|
|||
// 检查冲突：当前设置医院的新排班 vs 其他医院的现有排班 |
|||
const conflictResults = this.checkScheduleConflict(worktimes, worktime_no_fixed); |
|||
// 为固定出诊并且存在冲突时展示弹出框 |
|||
if (conflictResults.hasConflict && worktime_no_fixed == 0) { |
|||
this.visitDialogVisible = true; |
|||
this.hasConflictresult = conflictResults.conflicts; |
|||
if(this.is_allow_coincide){ |
|||
this.visitDialogTitle = '出诊安排重叠，请确认'; |
|||
this.visitConfirmText = '确定并保存'; |
|||
this.visitShowCancelBtn = true; |
|||
}else{ |
|||
this.visitDialogTitle = '出诊安排冲突，请确认'; |
|||
this.visitConfirmText = '知道了'; |
|||
this.visitShowCancelBtn = false; |
|||
} |
|||
return; |
|||
} |
|||
}, |
|||
async saveWorkTimeDirect() { |
|||
const { display_work_days, planDays, worktime_no_fixed, worktimes } = this.houseCallSettingForm; |
|||
var worktimesArray = this.formatWorktimesArray(worktimes) |
|||
const params = { |
|||
doctor_id: this.doctor_id, |
|||
depart_id: this.depart_id, |
|||
worktime_no_fixed: worktime_no_fixed, |
|||
week_visit_plan: JSON.stringify(worktimesArray) |
|||
} |
|||
|
|||
if (display_work_days == 1 && planDays > 0) { |
|||
params.display_work_days = planDays |
|||
} |
|||
|
|||
await this.$http('POST', '/api/admin/set_depart_worktime', { |
|||
...params |
|||
}).then(response => { |
|||
if (response.code == 0) { |
|||
this.$Message.success(response.msg || '设置成功') |
|||
// this.form.worktimes = worktimes; |
|||
this.getDoctorHosPreview(); |
|||
} |
|||
}).catch(error => { |
|||
console.error(error, 'error') |
|||
}) |
|||
}, |
|||
|
|||
// 检查排班冲突 |
|||
checkScheduleConflict(newWorktimes, worktime_no_fixed) { |
|||
const conflicts = []; |
|||
let hasConflict = false; |
|||
|
|||
if (!this.rawScheduleData1) { |
|||
return { hasConflict: false, conflicts: [] }; |
|||
} |
|||
// 遍历所有其他医院的排班数据 |
|||
Object.keys(this.rawScheduleData1).forEach(hospitalId => { |
|||
// 跳过当前正在设置的医院 (depart_id=4) |
|||
if (hospitalId === this.depart_id.toString()) { |
|||
console.log('跳过当前医院:', hospitalId); |
|||
return; |
|||
} |
|||
const hospital = this.rawScheduleData1[hospitalId]; |
|||
// 根据排班类型检查冲突 |
|||
const hospitalConflicts = this.checkHospitalConflict(newWorktimes, hospital, worktime_no_fixed); |
|||
|
|||
if (hospitalConflicts.length > 0) { |
|||
conflicts.push(...hospitalConflicts); |
|||
hasConflict = true; |
|||
} |
|||
}); |
|||
|
|||
console.log('最终冲突结果:', { hasConflict, conflicts }); |
|||
return { hasConflict, conflicts }; |
|||
}, |
|||
// 检查单个医院的冲突 |
|||
checkHospitalConflict(newWorktimes, hospital) { |
|||
const conflicts = []; |
|||
|
|||
if (hospital.worktime_no_fixed === 0) { |
|||
// 对方是固定排班 |
|||
conflicts.push(...this.checkVsFixedHospital(newWorktimes, hospital)); |
|||
} else { |
|||
// 对方是非固定排班 |
|||
conflicts.push(...this.checkVsNonFixedHospital(newWorktimes, hospital)); |
|||
} |
|||
|
|||
return conflicts; |
|||
}, |
|||
// 检查与固定排班医院的冲突 |
|||
checkVsFixedHospital(newWorktimes, hospital) { |
|||
const conflicts = []; |
|||
// 遍历新设置的每周排班 |
|||
Object.keys(newWorktimes).forEach(weekDay => { |
|||
const newPlan = newWorktimes[weekDay].plan; |
|||
if (newPlan === '0') { |
|||
return; // 休息不检查冲突 |
|||
} |
|||
|
|||
// 检查医院在该工作日的排班 |
|||
const hospitalPlan = hospital.worktime_list && hospital.worktime_list[weekDay]; |
|||
if (hospitalPlan && hospitalPlan.plan !== '0') { |
|||
// 获取冲突的具体时段 |
|||
const conflictShift = this.getConflictShift(newPlan, hospitalPlan.plan); |
|||
if (conflictShift) { |
|||
conflicts.push(this.createConflictInfo( |
|||
`每${this.getWeekDayName(parseInt(weekDay))}`, |
|||
hospital.h_depart_name, |
|||
newPlan, |
|||
conflictShift, // 这里改为冲突时段而不是医院排班 |
|||
'固定排班', |
|||
hospitalPlan.work_paln_desc, |
|||
)); |
|||
} |
|||
} |
|||
}); |
|||
|
|||
return conflicts; |
|||
}, |
|||
// 检查与非固定排班医院的冲突 |
|||
checkVsNonFixedHospital(newWorktimes, hospital) { |
|||
const conflicts = []; |
|||
|
|||
if (!hospital.worktime_list) return conflicts; |
|||
|
|||
// 遍历非固定排班医院的所有具体日期排班 |
|||
Object.keys(hospital.worktime_list).forEach(dateStr => { |
|||
const hospitalPlan = hospital.worktime_list[dateStr]; |
|||
if (!hospitalPlan || hospitalPlan.plan === '0') return; |
|||
|
|||
// 获取该日期是星期几 |
|||
const date = new Date(dateStr); |
|||
const dayOfWeek = date.getDay() === 0 ? 7 : date.getDay(); |
|||
const weekDayKey = dayOfWeek.toString(); |
|||
|
|||
// 找到对应的新排班 |
|||
const newSchedule = newWorktimes[weekDayKey]; |
|||
if (!newSchedule || newSchedule.plan === '0') return; |
|||
|
|||
// 获取冲突的具体时段 |
|||
const conflictShift = this.getConflictShift(newSchedule.plan, hospitalPlan.plan); |
|||
if (conflictShift) { |
|||
conflicts.push(this.createConflictInfo( |
|||
dateStr, |
|||
hospital.h_depart_name, |
|||
newSchedule.plan, |
|||
conflictShift, // 这里改为冲突时段而不是医院排班 |
|||
'非固定排班', |
|||
hospitalPlan.work_paln_desc, |
|||
this.weekPlan[dayOfWeek],//这个还需呀修改 |
|||
|
|||
)); |
|||
} |
|||
}); |
|||
|
|||
return conflicts; |
|||
}, |
|||
createConflictInfo(date, hospitalName, newPlan, conflictShift, scheduleType, workDesc, dayOfWeek) { |
|||
const planMap = { |
|||
'0': '休息', |
|||
'1': '上午班', |
|||
'2': '下午班', |
|||
'3': '全天班' |
|||
}; |
|||
|
|||
const conflict = { |
|||
date: date, |
|||
hospital: hospitalName, |
|||
newPlan: planMap[newPlan], |
|||
conflictShift: conflictShift, // 改为冲突时段 |
|||
scheduleType: scheduleType, |
|||
workDesc: workDesc, |
|||
dayOfWeek |
|||
// displayText: `${date} ${planMap[newPlan]} 与 ${hospitalName} ${conflictShift} 冲突` |
|||
}; |
|||
|
|||
console.log('创建冲突信息:', conflict); |
|||
return conflict; |
|||
}, |
|||
getWeekDayName(weekDay) { |
|||
const weekDays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']; |
|||
return weekDays[weekDay - 1] || `周${weekDay}`; |
|||
}, |
|||
getConflictShift(newPlan, existingPlan) { |
|||
const planMap = { |
|||
'0': '休息', |
|||
'1': '上午', |
|||
'2': '下午', |
|||
'3': '全天班' |
|||
}; |
|||
|
|||
// 如果一方是全天班，冲突时段就是另一方的班次 |
|||
if (newPlan === '3') { |
|||
return planMap[existingPlan]; // 当前设置全天，冲突时段就是对方医院的班次 |
|||
} |
|||
if (existingPlan === '3') { |
|||
return planMap[newPlan]; // 对方医院全天，冲突时段就是当前设置的班次 |
|||
} |
|||
|
|||
// 相同班次冲突 |
|||
if (newPlan === existingPlan) { |
|||
return planMap[newPlan]; |
|||
} |
|||
|
|||
return null; // 无冲突 |
|||
}, |
|||
formatWorktimesArray(worktimes) { |
|||
return Object.entries(worktimes).map(([key, value]) => ({ |
|||
type: parseInt(key), |
|||
plan: value.plan |
|||
})); |
|||
}, |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style scoped lang="scss"> |
|||
|
|||
.visitContent { |
|||
max-height: 300px; |
|||
overflow-y: auto; |
|||
} |
|||
.conflictTitle { |
|||
display: flex; |
|||
margin-bottom: 24px; |
|||
font-size: 14px; |
|||
color: #333; |
|||
line-height: 1.5; |
|||
flex-wrap: wrap; |
|||
word-wrap: break-word; |
|||
word-break: break-word; |
|||
white-space: normal; |
|||
} |
|||
|
|||
.conflictTitle b { |
|||
color: #1890ff; |
|||
font-weight: 600; |
|||
margin: 0 4px; |
|||
word-break: break-all; |
|||
} |
|||
.hosPlanItem { |
|||
p { |
|||
color: #1E2226; |
|||
margin-bottom: 14px; |
|||
} |
|||
|
|||
div { |
|||
color: #8A9099; |
|||
} |
|||
} |
|||
|
|||
.conflictTip { |
|||
height: 22px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
padding: 2px 10px; |
|||
gap: 6px; |
|||
border-radius: 4px; |
|||
background: #FFF1F0; |
|||
box-sizing: border-box; |
|||
border: 1px solid #FFA39E; |
|||
font-size: 14px; |
|||
font-weight: normal; |
|||
line-height: normal; |
|||
text-align: center; |
|||
letter-spacing: 0.08em; |
|||
color: #FF4D4F; |
|||
box-sizing: border-box; |
|||
margin-right: 6px; |
|||
} |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue