417

src/layout/components/Correspondence/index.vue

@@ -64,6 +64,14 @@
         </div>
       </div>
     </el-dialog>
+	<el-dialog :title="'三峡之巅广播'" center v-model="dialogTableVisible2">
+	  <div class="bom-box bom-box2">
+	    <div class="table2">
+			<!-- <div class="header-title">三峡之巅广播</div> -->
+			<iframe style="width:100%;height:100%;" src="http://192.168.0.2:81/"></iframe>
+	    </div>
+	  </div>
+	</el-dialog>
   </div>
 </template>
 
@@ -71,6 +79,7 @@
   import { getComDeptsApi, getComDeptUsersApi, getComRecordApi } from '@/api/common'
   let deptsList = ref([])
   let dialogTableVisible = ref(false)
+  let dialogTableVisible2 = ref(false)
   const getComDepts = async () => {
     let res = await getComDeptsApi()
     deptsList.value = res.data
@@ -83,7 +92,8 @@
   let gridData = ref([])
   let gridTitle = ref('')
   const goItc = () => {
-    location.href="http://192.168.0.2:81/";
+	  dialogTableVisible2.value = true
+    // location.href="http://192.168.0.2:81/";
   }
   const handleDepsUser = async (id, item) => {
     gridTitle.value = item.name
@@ -99,6 +109,13 @@
 </script>
 
 <style lang="scss" scoped>
+	:deep(.el-dialog__headerbtn .el-dialog__close){
+		color:#fff;
+		font-size:40px;
+		position:relative;
+		top:15px;
+		right:15px;
+	}
   :deep(.el-dialog) {
     background: url('/src/assets/images/map-bg-2.png') no-repeat top center;
     background-size: 100% 100%;
@@ -124,7 +141,23 @@
     background-image: url('@/assets/images/bg-1.png');
     background-size: 100% 100%;
   }
+  .bom-box2{
+	  // margin-top:vh(10);
+	  min-width:vw(900);
+	  height:vh(800);
+	  .header-title{
+		  font-size:vw(24);
+		  color:#fff;
+		  text-align:center;
+		  font-weight:bold;
+		  margin-bottom:vh(20);
+	  }
+  }
   .bom-box {
+	  .table2{
+		  width:100%;
+		  height:vh(740);
+	  }
     .table {
       width: 100%;
       margin-top: vh(5);