Update system.vue

注释掉 智能布控页面的 样式穿透
This commit is contained in:
TimSpan 2024-12-25 10:49:03 +08:00
parent a76fb07aab
commit 226bd0a514
1 changed files with 149 additions and 158 deletions

View File

@ -115,8 +115,8 @@
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="addGroupVisible = false" style="color: #0cd6fe"> </el-button>
<el-button type="primary" @click="addGroupFn(ruleFormRef_Group)" style="color: #0cd6fe"> </el-button>
<el-button @click="addGroupVisible = false"> </el-button>
<el-button type="primary" @click="addGroupFn(ruleFormRef_Group)"> </el-button>
</span>
</template>
</el-dialog>
@ -173,8 +173,8 @@
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogVisible = false" style="color: #0cd6fe"> </el-button>
<el-button type="primary" @click="RTCSender(ruleFormRef)" style="color: #0cd6fe"> </el-button>
<el-button @click="dialogVisible = false"> </el-button>
<el-button type="primary" @click="RTCSender(ruleFormRef)"> </el-button>
</span>
</template>
</el-dialog>
@ -209,9 +209,9 @@
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogVisiblea1 = false" style="color: #0cd6fe"> </el-button>
<el-button v-if="isxKOng" type="primary" @click="sendxk" style="color: #0cd6fe"> </el-button>
<el-button v-else type="primary" @click="RTCRtpSender" style="color: #0cd6fe"> </el-button>
<el-button @click="dialogVisiblea1 = false"> </el-button>
<el-button v-if="isxKOng" type="primary" @click="sendxk"> </el-button>
<el-button v-else type="primary" @click="RTCRtpSender"> </el-button>
</span>
</template>
</el-dialog>
@ -288,7 +288,7 @@ let formGroup = reactive<formGroupFace>({
groupId: '',
groupLevel: '',
parentId: '',
comment: '',
comment: ''
})
const form2 = reactive<anyObject>({
target: '',
@ -298,7 +298,7 @@ const form2 = reactive<anyObject>({
level: '',
alarmType: '',
startTime: '',
endTime: '',
endTime: ''
})
interface formFace {
@ -333,7 +333,7 @@ let form = reactive<formFace>({
city: '',
town: '',
imageName: '',
path: '',
path: ''
})
const resetData = () => {
@ -347,12 +347,12 @@ const resetData = () => {
const options = reactive([
{
value: 'face',
label: '人脸',
label: '人脸'
},
{
value: 'vehicle',
label: '车牌',
},
label: '车牌'
}
])
watch(addGroupVisible, (newValue, oldValue) => {
console.log(`addGroupVisible ${oldValue} to ${newValue}`)
@ -399,14 +399,14 @@ const validateTargetType = (rule: any, value: any, callback: any) => {
}
const rules = reactive<FormRules<typeof form>>({
targetName: [{ validator: validateTargetName, trigger: 'blur' }],
targetName: [{validator: validateTargetName, trigger: 'blur'}]
// town: [{ validator: validateTown, trigger: 'blur' }],
// targetType: [{ validator: validateTargetType, trigger: 'change' }],
})
const rulesGroup = reactive<FormRules<typeof formGroup>>({
groupName: [{validator: validateGroupName, trigger: 'blur'}],
groupLevel: [{ validator: validateGroupLevel, trigger: 'blur' }],
groupLevel: [{validator: validateGroupLevel, trigger: 'blur'}]
})
const addGroupFn = (formEl: FormInstance | undefined) => {
@ -419,7 +419,7 @@ const addGroupFn = (formEl: FormInstance | undefined) => {
if (res.code == 0) {
ElMessage.success({
message: '修改成功',
type: 'success',
type: 'success'
})
getGroupList()
addGroupVisible.value = false
@ -432,7 +432,7 @@ const addGroupFn = (formEl: FormInstance | undefined) => {
if (res.code == 0) {
ElMessage.success({
message: '新增成功',
type: 'success',
type: 'success'
})
getGroupList()
addGroupVisible.value = false
@ -473,7 +473,7 @@ const gettree = () => {
return data.map((item) => ({
label: item.title,
value: item.title,
children: item.children ? convertDataToOptions(item.children) : [],
children: item.children ? convertDataToOptions(item.children) : []
}))
}
@ -506,13 +506,13 @@ const chekong = (e: any) => {
// console.log('', res)
ElMessage.success({
message: '撤控成功',
type: 'success',
type: 'success'
})
dialogVisiblea1.value = false
api
.post('/multialarm/ai/task/getlist', {
pagesize: 15,
pageindex: 0,
pageindex: 0
})
.then((res) => {
if (res.code == 0) {
@ -552,8 +552,7 @@ const handleUpload = async ({ file, onProgress, onSuccess, onError }: { file: Fi
const formData = new FormData()
formData.append('file', file)
// 3. 使 axios
const response = await axios.put(uploadUrl, file, {
})
const response = await axios.put(uploadUrl, file, {})
console.log('🚀 ~ handleUpload ~ response:', response)
if (response.status === 200) {
console.log('form.path,form.imageUrl', form.path, form.imageUrl)
@ -584,12 +583,12 @@ const handleUpload = async ({ file, onProgress, onSuccess, onError }: { file: Fi
}
ElMessage.success({
message: '上传成功',
type: 'success',
type: 'success'
})
// fileList 便
fileList.value.push({
name: file.name,
url: URL.createObjectURL(file),
url: URL.createObjectURL(file)
})
console.log('最后检查form', form)
@ -649,7 +648,7 @@ const RTCSender = (formEl: FormInstance | undefined) => {
if (res.code == 0) {
ElMessage.success({
message: '修改成功',
type: 'success',
type: 'success'
})
dialogVisible.value = false
seachB() //
@ -666,7 +665,7 @@ const RTCSender = (formEl: FormInstance | undefined) => {
if (res.code == 0) {
ElMessage.success({
message: '新增成功',
type: 'success',
type: 'success'
})
dialogVisible.value = false
seachB() //
@ -723,7 +722,7 @@ const handleTableChange = (row: any) => {
form = reactive(clonedData)
fileList.value.push({
url: form.imageUrl,
url: form.imageUrl
})
}
@ -733,7 +732,7 @@ const handleTableGroupDelete = (id: string) => {
if (res.code == 0) {
ElMessage.success({
message: '删除成功',
type: 'success',
type: 'success'
})
getGroupList()
} else {
@ -747,7 +746,7 @@ const handleTableDelete = (id: string) => {
if (res.code == 0) {
ElMessage.success({
message: '删除成功',
type: 'success',
type: 'success'
})
seachB()
} else {
@ -790,7 +789,7 @@ const sendxk = () => {
alarmType: form2.alarmType,
startTime: form2.startTime,
endTime: form2.endTime,
taskId: taskId.value,
taskId: taskId.value
}
if (form2.target != '') {
data.targetId = form2.target.split('&')[1]
@ -801,13 +800,13 @@ const sendxk = () => {
// console.log('', res)
ElMessage.success({
message: '续控成功',
type: 'success',
type: 'success'
})
dialogVisiblea1.value = false
api
.post('/multialarm/ai/task/getlist', {
pagesize: 15,
pageindex: 0,
pageindex: 0
})
.then((res) => {
if (res.code == 0) {
@ -874,7 +873,7 @@ const RTCRtpSender = () => {
level: form2.level,
alarmType: form2.alarmType,
startTime: form2.startTime,
endTime: form2.endTime,
endTime: form2.endTime
}
if (form2.target != '') {
data.targetId = form2.target.split('&')[1]
@ -885,13 +884,13 @@ const RTCRtpSender = () => {
// console.log('', res)
ElMessage.success({
message: '新增成功',
type: 'success',
type: 'success'
})
dialogVisiblea1.value = false
api
.post('/multialarm/ai/task/getlist', {
pagesize: 15,
pageindex: 0,
pageindex: 0
})
.then((res) => {
if (res.code == 0) {
@ -936,7 +935,7 @@ const handleError = (response: any) => {
return ElMessage({
message: '文件上传失败',
type: 'error',
offset: 60,
offset: 60
})
}
@ -960,7 +959,7 @@ const seachA = () => {
api
.post('/multialarm/ai/task/getlist', {
pagesize: 15,
pageindex: 0,
pageindex: 0
})
.then((res) => {
if (res.code == 0) {
@ -977,7 +976,7 @@ const handleCurrentChange1 = (data: any) => {
api
.post('/multialarm/ai/task/getlist', {
pagesize: 15,
pageindex: data - 1,
pageindex: data - 1
})
.then((res) => {
if (res.code == 0) {
@ -1014,7 +1013,7 @@ const seachB = () => {
api
.post('/multialarm/ai/target/getlist', {
pagesize: 15,
pageindex: currentPageIndex.value,
pageindex: currentPageIndex.value
})
.then((res) => {
if (res.code == 0) {
@ -1034,7 +1033,7 @@ const handleCurrentChange2 = (data: number) => {
.post('/multialarm/ai/target/getlist', {
pagesize: 15,
// pageindex: data - 1,
pageindex: currentPageIndex.value,
pageindex: currentPageIndex.value
})
.then((res) => {
if (res.code == 0) {
@ -1072,7 +1071,7 @@ const closeAddGroup = () => {
}
.dialog-img-container img:hover {
transform: scale(2.3);
// transform: scale(2.3);
}
.cont {
@ -1093,48 +1092,48 @@ const closeAddGroup = () => {
background-color: transparent;
}
:deep(.el-select__wrapper) {
background-color: transparent;
box-shadow: 0 0 0 1px #1f9bd9;
}
// :deep(.el-select__wrapper) {
// background-color: transparent;
// box-shadow: 0 0 0 1px #1f9bd9;
// }
:deep(.el-input.is-disabled .el-input__wrapper) {
background-color: transparent;
box-shadow: 0 0 0 1px #1f9bd9;
}
// :deep(.el-input.is-disabled .el-input__wrapper) {
// background-color: transparent;
// box-shadow: 0 0 0 1px #1f9bd9;
// }
:deep(.el-textarea) {
--el-input-bg-color: #071d4d;
// --el-input-border-color: #071D4D;
}
// :deep(.el-textarea) {
// --el-input-bg-color: #071d4d;
:deep(.el-dialog__body) {
position: relative;
padding: 10px;
color: #fff;
}
// }
:deep(.el-dialog) {
--el-dialog-bg-color: #071d4d;
border: 3px solid #387dbf;
}
// :deep(.el-dialog__body) {
// position: relative;
// padding: 10px;
// color: #fff;
// }
:deep(.el-dialog__header) {
padding: 13px;
border-bottom: 1px solid #3374b4 !important;
margin-right: 0px;
}
// :deep(.el-dialog) {
// --el-dialog-bg-color: #071d4d;
// border: 3px solid #387dbf;
// }
:deep(.el-dialog__title) {
color: #067bc1 !important;
font-weight: 500;
}
// :deep(.el-dialog__header) {
// padding: 13px;
// border-bottom: 1px solid #3374b4 !important;
// margin-right: 0px;
// }
:deep(.el-dialog__headerbtn .el-dialog__close) {
color: #fff;
font-weight: 500;
font-size: 18px;
}
// :deep(.el-dialog__title) {
// color: #067bc1 !important;
// font-weight: 500;
// }
// :deep(.el-dialog__headerbtn .el-dialog__close) {
// color: #fff;
// font-weight: 500;
// font-size: 18px;
// }
:deep(.el-tabs__nav-wrap::after) {
background-color: #d9d9d95e;
@ -1163,86 +1162,78 @@ const closeAddGroup = () => {
padding-left: 23px;
}
:deep(.el-input__wrapper) {
background-color: transparent;
box-shadow: 0 0 0 1px #1f9bd9;
}
:deep(.el-select__wrapper) {
background-color: transparent;
box-shadow: 0 0 0 1px #1f9bd9;
}
:deep(.el-input__inner) {
color: #fff;
}
:deep(.el-input__prefix) {
color: #fff;
}
.el_button_ {
}
:deep(.el-button) {
background-color: transparent;
border-color: #0cd6fe;
color: #000;
}
:deep(.el-table) {
--el-table-border-color: #1677ff40;
}
:deep(.el-select__placeholder) {
color: #fff;
}
:deep(.el-table th.el-table__cell) {
// background-color: #5C9AD5;
}
:deep(.el-table thead) {
// color: #fff;
}
:deep(.el-table tr) {
// background-color: #E9F0F8;
}
:deep(.el-table__body tr.current-row > td) {
// background: #2cabff !important;
}
:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
// background-color: #13306A !important;
}
:deep(.el-table th.el-table__cell) {
// background-color:#13306A;
}
:deep(.el-date-editor .el-range-input) {
color: #fff;
}
:deep(.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell) {
// background: #D1DEEE !important;
}
:deep(.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell) {
// :deep(.el-input__wrapper) {
// background-color: transparent;
}
// box-shadow: 0 0 0 1px #1f9bd9;
// }
// :deep(.el-select__wrapper) {
// background-color: transparent;
// box-shadow: 0 0 0 1px #1f9bd9;
// }
// :deep(.el-input__inner) {
// color: #fff;
// }
// :deep(.el-input__prefix) {
// color: #fff;
// }
// :deep(.el-button) {
// background-color: transparent;
// border-color: #0cd6fe;
// color: #000;
// }
// :deep(.el-select__placeholder) {
// color: #fff;
// }
// :deep(.el-table) {
// --el-table-border-color: #1677ff40;
// }
// :deep(.el-table th.el-table__cell) {
// // background-color: #5C9AD5;
// }
// :deep(.el-table thead) {
// // color: #fff;
// }
// :deep(.el-table tr) {
// // background-color: #E9F0F8;
// }
// :deep(.el-table__body tr.current-row > td) {
// // background: #2cabff !important;
// }
// :deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
// // background-color: #13306A !important;
// }
// :deep(.el-table th.el-table__cell) {
// // background-color:#13306A;
// }
// :deep(.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell) {
// // background: #D1DEEE !important;
// }
// :deep(.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell) {
// // background-color: transparent;
// }
// :deep(.el-table th.el-table__cell) {
// background-color: #f5f7fa;
// }
:deep(.el-tabs) {
height: 100%;
}
:deep(.el-table th.el-table__cell) {
background-color: #f5f7fa;
:deep(.el-date-editor .el-range-input) {
color: #fff;
}
:deep(.el-tabs__content) {
height: calc(100% - 53px);
}
@ -1251,7 +1242,7 @@ const closeAddGroup = () => {
height: 100%;
}
::-webkit-scrollbar {
background-color: #071d4d;
}
// ::-webkit-scrollbar {
// background-color: #071d4d;
// }
</style>