front/src/views/home/infrastructurePage.vue

@@ -117,14 +117,14 @@
           </div>
           <a-button
             style="
-              width: 80px;
+               width: 80px; 
-              height: 32px;
+               height: 32px;
-              text-align: center;
+               text-align: center;
-              background: #0558e1;
+               background: #0558e1;
-              color: #fff;
+                color: #fff;
-              border: 1px solid #0558e1;
+                border: 1px solid #0558e1;
-              border-radius: 2px;
+                border-radius: 2px;
-              font-size: 14px;
+                font-size: 14px;
             "
             @click="appointment(item)"
           >
@@ -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,37 +2520,38 @@
   })
 </script>
 <style lang="less" scoped>
-  .quxiao {
+ 
-    margin-right: 12px;
+.quxiao{
-    cursor: pointer;
+      margin-right:12px;
-    width: 90px;
+      cursor: pointer;
-    height: 32px;
+      width: 90px;
-    background: #ffffff;
+      height: 32px;
-    color: #0058e1;
+      background: #ffffff;
-    border-radius: 2px;
+      color:#0058e1;
-    border: 1px #0058e1 solid;
+      border-radius: 2px;
-  }
+      border: 1px #0058e1 solid;
-  .quxiao:hover {
+    }
-    background: #fff;
+    .quxiao:hover{
-    color: #0558e1;
+      background: #fff;
-    opacity: 0.8;
+  color: #0558e1;
-  }
+  opacity: 0.8;
-  .tijiao {
+    }
-    margin-right: 12px;
+    .tijiao{
-    cursor: pointer;
+      margin-right:12px;
-    width: 90px;
+      cursor: pointer;
-    height: 32px;
+      width: 90px;
-    background: #0058e1;
+      height: 32px;
-    color: #ffffff;
+      background: #0058e1;
-    border-radius: 2px;
+      color:#ffffff;
-    border: 1px #0058e1 solid;
+      border-radius: 2px;
-    margin-left: 20px;
+      border: 1px #0058e1 solid;
-  }
+      margin-left:20px;
-  .tijiao:hover {
+    }
-    background: #0558e1;
+    .tijiao:hover{
-    color: #fff;
+      background: #0558e1;
-    opacity: 0.8;
+      color: #fff;
-  }
+      opacity: 0.8;
+    }
   .queding {
     margin-left: 16px;
     cursor: pointer;
@@ -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;
+  background-color: #0058e1;
-  }
+ }
-  :deep(.ant-checkbox-indeterminate .ant-checkbox-inner::after) {
+ :deep(.ant-checkbox-indeterminate .ant-checkbox-inner::after){
-    background-color: #0058e1;
+  background-color: #0058e1;
-  }
+ }
+
 </style>
 <style lang="less">
   .eia-dropdown-class {
@@ -2938,13 +2950,13 @@
 
     .ant-modal-title {
       font-weight: 600;
-      color: #fff;
+      color:#fff;
     }
     
     .ant-modal-content {
       .ant-modal-header {
         background: #0058e1;
-        margin-bottom: 16px;
+      margin-bottom: 16px;
         border-bottom: 0 !important;
       }
     }