front/src/views/home/infrastructurePage.vue

@@ -357,7 +357,7 @@
                   :showSearch="true"
                 >
                   <a-select-option
-                    :value="item.label"
+                    :value="item.value"
                     v-for="item in deptList"
                     :key="item.value"
                   >
@@ -408,12 +408,23 @@
             :wrapper-col="{ span: 14, offset: 4 }"
             style="text-align: center; margin-top: 0.4rem"
           >
-            <a-button class="tijiao" @click="onSubmit">提交</a-button>
+          <a-button
-            <a-button class="quxiao" @click="appointmentRoom = false">
+             class="tijiao"
+            
+              @click="onSubmit"
+            >
+              提交
+            </a-button>
+            <a-button class="quxiao" @click="appointmentRoom = false" >
               取消
             </a-button>
+   
           </a-form-item>
         </a-form>
+       
+          
+            
+   
       </a-modal>
     </div>
     <div v-if="room">
@@ -871,7 +882,7 @@
     deptList.value = []
     res.data.data.map((val) => {
       deptList.value.push({
-        value: val.id,
+        value: val.name,
         label: val.name,
       })
     })
@@ -1204,8 +1215,7 @@
     if (item && item.status != 1) {
       return
       // return message.warning('当前设备离线, 不可预览！')
-    }
+    }handleChose
-    handleChose
     console.log('打开视频', id)
     const param = {
       key: id,
@@ -2510,33 +2520,34 @@
   })
 </script>
 <style lang="less" scoped>
-  .quxiao {
+ 
-    margin-right: 12px;
+.quxiao{
+      margin-right:12px;
       cursor: pointer;
       width: 90px;
       height: 32px;
       background: #ffffff;
-    color: #0058e1;
+      color:#0058e1;
       border-radius: 2px;
       border: 1px #0058e1 solid;
     }
-  .quxiao:hover {
+    .quxiao:hover{
       background: #fff;
   color: #0558e1;
   opacity: 0.8;
     }
-  .tijiao {
+    .tijiao{
-    margin-right: 12px;
+      margin-right:12px;
       cursor: pointer;
       width: 90px;
       height: 32px;
       background: #0058e1;
-    color: #ffffff;
+      color:#ffffff;
       border-radius: 2px;
       border: 1px #0058e1 solid;
-    margin-left: 20px;
+      margin-left:20px;
     }
-  .tijiao:hover {
+    .tijiao:hover{
       background: #0558e1;
       color: #fff;
       opacity: 0.8;
@@ -2859,7 +2870,7 @@
       .rightContent {
         height: 1.75rem;
         width: 5.8rem;
-        margin-right: 72px;
+        margin-right:72px;
         .topContent {
           font-size: 0.2rem;
           color: #000;
@@ -2892,15 +2903,16 @@
     font-size: 16px !important;
     font-weight: 600 !important;
   }
-  :deep(.ant-table-tbody > tr.ant-table-row-selected > td) {
+  :deep(.ant-table-tbody > tr.ant-table-row-selected > td){
     background: #e6eefb;
  }
-  :deep(.ant-checkbox-checked .ant-checkbox-inner) {
+ :deep(.ant-checkbox-checked .ant-checkbox-inner){
   background-color: #0058e1;
  }
-  :deep(.ant-checkbox-indeterminate .ant-checkbox-inner::after) {
+ :deep(.ant-checkbox-indeterminate .ant-checkbox-inner::after){
   background-color: #0058e1;
  }
+
 </style>
 <style lang="less">
   .eia-dropdown-class {
@@ -2938,7 +2950,7 @@
 
     .ant-modal-title {
       font-weight: 600;
-      color: #fff;
+      color:#fff;
     }
     
     .ant-modal-content {