From 226bd0a514e60716ee041fab6eaafbe15f68ba86 Mon Sep 17 00:00:00 2001
From: TimSpan <cat20201314@163.com>
Date: Wed, 25 Dec 2024 10:49:03 +0800
Subject: [PATCH] Update system.vue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

注释掉 智能布控页面的 样式穿透
---
 src/views/page/system.vue | 307 ++++++++++++++++++--------------------
 1 file changed, 149 insertions(+), 158 deletions(-)

diff --git a/src/views/page/system.vue b/src/views/page/system.vue
index 48102737..8108b055 100644
--- a/src/views/page/system.vue
+++ b/src/views/page/system.vue
@@ -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>
@@ -226,11 +226,11 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, onMounted, watch } from 'vue'
+import {ref, reactive, onMounted, watch} from 'vue'
 import api from '@/axios'
 import axios from 'axios'
-import { ElMessage } from 'element-plus'
-import type { UploadProps, FormRules, FormInstance } from 'element-plus'
+import {ElMessage} from 'element-plus'
+import type {UploadProps, FormRules, FormInstance} from 'element-plus'
 
 const ruleFormRef_Group = ref<FormInstance>()
 const ruleFormRef = ref<FormInstance>()
@@ -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,12 +333,12 @@ let form = reactive<formFace>({
   city: '',
   town: '',
   imageName: '',
-  path: '',
+  path: ''
 })
 
 const resetData = () => {
   const keys = Object.keys(form)
-  let obj: { [name: string]: string } = {}
+  let obj: {[name: string]: string} = {}
   keys.forEach((item) => {
     obj[item] = ''
   })
@@ -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' }],
+  groupName: [{validator: validateGroupName, trigger: 'blur'}],
+  groupLevel: [{validator: validateGroupLevel, trigger: 'blur'}]
 })
 
 const addGroupFn = (formEl: FormInstance | undefined) => {
@@ -415,11 +415,11 @@ const addGroupFn = (formEl: FormInstance | undefined) => {
     if (valid) {
       console.log('submit!')
       if (isUpdate.value) {
-        api.post('/multialarm/ai/target/group/update', { ...formGroup }).then((res) => {
+        api.post('/multialarm/ai/target/group/update', {...formGroup}).then((res) => {
           if (res.code == 0) {
             ElMessage.success({
               message: '修改成功',
-              type: 'success',
+              type: 'success'
             })
             getGroupList()
             addGroupVisible.value = false
@@ -428,11 +428,11 @@ const addGroupFn = (formEl: FormInstance | undefined) => {
           }
         })
       } else {
-        api.post('/multialarm/ai/target/group/add', { ...formGroup }).then((res) => {
+        api.post('/multialarm/ai/target/group/add', {...formGroup}).then((res) => {
           if (res.code == 0) {
             ElMessage.success({
               message: '新增成功',
-              type: 'success',
+              type: 'success'
             })
             getGroupList()
             addGroupVisible.value = false
@@ -469,11 +469,11 @@ const gettree = () => {
         title: string
         children?: DataItem[]
       }
-      function convertDataToOptions(data: DataItem[]): { label: string; value: string; children: any[] }[] {
+      function convertDataToOptions(data: DataItem[]): {label: string; value: string; children: any[]}[] {
         return data.map((item) => ({
           label: item.title,
           value: item.title,
-          children: item.children ? convertDataToOptions(item.children) : [],
+          children: item.children ? convertDataToOptions(item.children) : []
         }))
       }
 
@@ -501,18 +501,18 @@ const setyd = (e: any) => {}
 const chekong = (e: any) => {
   console.log('e', e.taskId)
   // return ;
-  api.post('multialarm/ai/task/delete', { taskId: e.taskId }).then((res) => {
+  api.post('multialarm/ai/task/delete', {taskId: e.taskId}).then((res) => {
     if (res.code == 0) {
       // 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) {
@@ -535,7 +535,7 @@ const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
   console.log(11111)
 }
 
-const handleUpload = async ({ file, onProgress, onSuccess, onError }: { file: File; onProgress: Function; onSuccess: Function; onError: Function }) => {
+const handleUpload = async ({file, onProgress, onSuccess, onError}: {file: File; onProgress: Function; onSuccess: Function; onError: Function}) => {
   console.log('🚀 ~ handleUpload ~ file:', file)
   form.imageName = file.name
   try {
@@ -546,14 +546,13 @@ const handleUpload = async ({ file, onProgress, onSuccess, onError }: { file: Fi
     console.log(22222)
 
     // 1. 获取上传地址
-    const uploadUrlResponse = await api.post('/multialarm/ai/target/image/geturl', { ...form })
+    const uploadUrlResponse = await api.post('/multialarm/ai/target/image/geturl', {...form})
     const uploadUrl = uploadUrlResponse.data as string
     // 2. 创建 FormData 对象并添加文件
     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)
 
@@ -645,11 +644,11 @@ const RTCSender = (formEl: FormInstance | undefined) => {
       console.log('submit!')
       if (isTargetUpdate.value) {
         console.log(form.imageName)
-        api.post('/multialarm/ai/target/update', { ...form }).then((res) => {
+        api.post('/multialarm/ai/target/update', {...form}).then((res) => {
           if (res.code == 0) {
             ElMessage.success({
               message: '修改成功',
-              type: 'success',
+              type: 'success'
             })
             dialogVisible.value = false
             seachB() //刷新总条数和列表
@@ -662,11 +661,11 @@ const RTCSender = (formEl: FormInstance | undefined) => {
           }
         })
       } else {
-        api.post('/multialarm/ai/target/add', { ...form }).then((res) => {
+        api.post('/multialarm/ai/target/add', {...form}).then((res) => {
           if (res.code == 0) {
             ElMessage.success({
               message: '新增成功',
-              type: 'success',
+              type: 'success'
             })
             dialogVisible.value = false
             seachB() //刷新总条数和列表
@@ -723,17 +722,17 @@ const handleTableChange = (row: any) => {
   form = reactive(clonedData)
 
   fileList.value.push({
-    url: form.imageUrl,
+    url: form.imageUrl
   })
 }
 
 const handleTableGroupDelete = (id: string) => {
   console.log('🚀 ~ handleTableGroupDelete ~ id:', id)
-  api.post('/multialarm/ai/target/group/delete', { groupId: id }).then((res) => {
+  api.post('/multialarm/ai/target/group/delete', {groupId: id}).then((res) => {
     if (res.code == 0) {
       ElMessage.success({
         message: '删除成功',
-        type: 'success',
+        type: 'success'
       })
       getGroupList()
     } else {
@@ -743,11 +742,11 @@ const handleTableGroupDelete = (id: string) => {
 }
 const handleTableDelete = (id: string) => {
   console.log('🚀 ~ handleTableDelete ~ id:', id)
-  api.post('/multialarm/ai/target/delete', { targetId: id }).then((res) => {
+  api.post('/multialarm/ai/target/delete', {targetId: id}).then((res) => {
     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
   })
 }
 
@@ -954,13 +953,13 @@ const handleClose = () => {
 const seachA = () => {
   api.post('/multialarm/ai/task/count', {}).then((res) => {
     if (res.code == 0) {
-      total1.value = res.data as { count: number }
+      total1.value = res.data as {count: number}
     }
   })
   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) {
@@ -1008,13 +1007,13 @@ const seachB = () => {
   api.post('/multialarm/ai/target/count', {}).then((res) => {
     console.log('🚀 ~ seachB ~ res:', res)
     if (res.code == 0) {
-      total2.value = res.data as { count: number }
+      total2.value = res.data as {count: number}
     }
   })
   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-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-select__wrapper) {
+//   background-color: transparent;
+//   box-shadow: 0 0 0 1px #1f9bd9;
+// }
 
-:deep(.el-input__inner) {
-  color: #fff;
-}
+// :deep(.el-input__inner) {
+//   color: #fff;
+// }
 
-:deep(.el-input__prefix) {
-  color: #fff;
-}
+// :deep(.el-input__prefix) {
+//   color: #fff;
+// }
 
-.el_button_ {
+// :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-button) {
-  background-color: transparent;
-  border-color: #0cd6fe;
-  color: #000;
-}
+// :deep(.el-table th.el-table__cell) {
+//   // background-color: #5C9AD5;
+// }
 
-:deep(.el-table) {
-  --el-table-border-color: #1677ff40;
-}
+// :deep(.el-table thead) {
+//   // color: #fff;
+// }
 
-:deep(.el-select__placeholder) {
-  color: #fff;
-}
+// :deep(.el-table tr) {
+//   // background-color: #E9F0F8;
+// }
 
-:deep(.el-table th.el-table__cell) {
-  // background-color: #5C9AD5;
-}
+// :deep(.el-table__body tr.current-row > td) {
+//   // background: #2cabff !important;
+// }
 
-:deep(.el-table thead) {
-  // color: #fff;
-}
+// :deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
+//   // background-color:  #13306A !important;
+// }
 
-:deep(.el-table tr) {
-  // background-color: #E9F0F8;
-}
+// :deep(.el-table th.el-table__cell) {
+//   // background-color:#13306A;
+// }
 
-:deep(.el-table__body tr.current-row > td) {
-  // background: #2cabff !important;
-}
+// :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) {
-  // 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) {
-  // background-color: transparent;
-}
+// :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>