延吉应急demo代码提交

src/components/Btmbutton.vue

@@ -174,6 +174,13 @@ export default {
               cameraType: "1",
               parentLabelCode: "999",
             },
+            {
+              id: "spcamera00022",
+              labelCode: "22010400001320000013",
+              labelName: "延吉水上市场",
+              cameraType: "1",
+              parentLabelCode: "999",
+            },
           ],
           labelChannels: [
             {
@@ -332,6 +339,19 @@ export default {
                 },
               ],
             },
+            {
+              labelCode: '22010400001320000013',
+              channelDates: [
+                {
+                  channelCode: '22010400001320000013',
+                  channelName: "延吉水上市场",
+                  channelSn: null,
+                  cameraType: "1",
+                  online: "1",
+                  cameraCode: null,
+                },
+              ],
+            },
           ],
         },
       ],

src/components/Cjmscon.vue

@@ -116,6 +116,13 @@ export default {
               cameraType: "1",
               parentLabelCode: "999",
             },
+            {
+              id: "spcamera00022",
+              labelCode: "22010400001320000013",
+              labelName: "延吉水上市场",
+              cameraType: "1",
+              parentLabelCode: "999",
+            },
           ],
           labelChannels: [
             {
@@ -268,6 +275,19 @@ export default {
                   channelCode: '22010400001320000012',
                   channelName: "延边分公司珲乌高速95公里",
                   channelSn: null,
+                  cameraType: "0",
+                  online: "1",
+                  cameraCode: "1",
+                },
+              ],
+            },
+            {
+              labelCode: '22010400001320000013',
+              channelDates: [
+                {
+                  channelCode: '22010400001320000013',
+                  channelName: "延吉水上市场",
+                  channelSn: null,
                   cameraType: "1",
                   online: "1",
                   cameraCode: "1",

src/components/Rightnav.vue

@@ -23,43 +23,19 @@
 			<div id="Jydw"></div>
 			<div class="jydw-list scroll h-50">
 				<div class="jydw-li">
-					<img src="../assets/images/yj-img1.png"/>
+					<img src="../assets/images/event_fire/binansuo1.png"/>
 					<div class="jydw-txt">
-						<h2>长胜村救援队伍</h2>
-						<p>队长：周含章</p>
-						<p>人数：36人</p>
+						<h2>延吉市新兴街道</h2>
+						<p>面积：5.8km²</p>
+						<p>容纳人数：26000人</p>
 					</div>
 				</div>
 				<div class="jydw-li">
-					<img src="../assets/images/emergency_team/team2.jpg"/>
+					<img src="../assets/images/event_fire/binansuo2.png"/>
 					<div class="jydw-txt">
-						<h2>兴安村救援队伍</h2>
-						<p>队长：杨文琴</p>
-						<p>人数：30人</p>
-					</div>
-				</div>
-				<div class="jydw-li">
-					<img src="../assets/images/emergency_team/team3.jpg"/>
-					<div class="jydw-txt">
-						<h2>太阳村救援队伍</h2>
-						<p>队长：张洁玲</p>
-						<p>人数：28人</p>
-					</div>
-				</div>
-				<div class="jydw-li">
-					<img src="../assets/images/emergency_team/team4.jpg"/>
-					<div class="jydw-txt">
-						<h2>实现村救援队伍</h2>
-						<p>队长：刘志义</p>
-						<p>人数：32人</p>
-					</div>
-				</div>
-				<div class="jydw-li">
-					<img src="../assets/images/emergency_team/team5.jpg"/>
-					<div class="jydw-txt">
-						<h2>勤劳村救援队伍</h2>
-						<p>队长：周铭宇</p>
-						<p>人数：24人</p>
+						<h2>延吉市新兴街道民昌社区</h2>
+            <p>面积：800m²</p>
+            <p>容纳人数：2000人</p>
 					</div>
 				</div>
 			</div>

src/views/index.vue

@@ -28,10 +28,29 @@
                     <el-checkbox label="rescueTeam">救援队伍</el-checkbox>
                     <el-checkbox label="camera">视联网</el-checkbox>
                 </el-checkbox-group>
-                <a><i class="iconfont yj-icon-nav"></i>普查结果</a>
+                <a @click.prevent="pcover" class="sss"><i class="iconfont yj-icon-nav"></i>普查结果</a>
                 <a><i class="iconfont yj-icon-zhiban"></i>值班信息</a>
             </div>
+<!--      width="75%"-->
 
+            <el-dialog
+                width="65%"
+              title="普查结果"
+              :visible.sync="pc"
+              :popper-append-to-body="false"
+              class="Pcjieguo"
+            >
+              <div class="pc_cotent">
+                <div class="pc_head">
+                  <div @click="switching(1)" :class="switchingStyle == 1 ? 'style_switching' : '' " style="cursor: pointer;">社区（政府村）</div>
+                  <div @click="switching(2)" :class="switchingStyle == 2 ? 'style_switching' : '' " style="cursor: pointer;">乡镇（街道）</div>
+                </div>
+                <div class="pc_img">
+                  <img v-if="switchingStyle == 1 " :src="require('@/assets/images/xingzengcun.png')">
+                  <img v-if=" switchingStyle == 2 " :src="require('@/assets/images/xiangzhen.png')">
+                </div>
+              </div>
+            </el-dialog>
         </div>
       </template>
 
@@ -51,6 +70,8 @@
               return {
                   mapToolShowBH:false,
                   checkList: [],
+                  pc: false,
+                  switchingStyle: 1,
               }
           },
         components: {
@@ -67,6 +88,13 @@
           this.eventPoints("event_point");
         },
         methods: {
+            pcover() {
+              console.log(1111)
+              this.pc = true
+            },
+            switching(val) {
+              this.switchingStyle = val
+            },
             //事件落点
             eventPoints(type){
                 let pointList = [];
@@ -198,36 +226,36 @@
                     name:"延吉体育场避难所",
                     contacts:"于尽力",
                     phone:"13844388900",
-                    longitude:129.416,
-                    latitude:42.918
+                    longitude:129.427918,
+                    latitude:42.897634
                 });
                 pointList.push({
-                    name:"金达莱广场避难所",
+                    name:"延吉市新兴街道",
                     contacts:"周围",
                     phone:"15943366512",
-                    longitude:129.47,
-                    latitude:42.898
+                    longitude:129.503563,
+                    latitude:42.93300298
                 });
                 pointList.push({
-                    name:"青年广场避难所",
+                    name:"延吉市新兴街道民昌社区",
                     contacts:"高博",
                     phone:"15834925550",
-                    longitude:129.506,
-                    latitude:42.945
+                    longitude:129.507597,
+                    latitude:42.9135427
                 });
                 pointList.push({
                     name:"帽儿山避难所",
                     contacts:"刘星",
                     phone:"18804332888",
-                    longitude:129.436,
-                    latitude:42.939
+                    longitude:129.485738,
+                    latitude:42.857949
                 });
                 pointList.push({
                     name:"阿里郎广场避难所",
                     contacts:"高博",
                     phone:"15834925550",
-                    longitude:129.406,
-                    latitude:42.945
+                    longitude:129.476863,
+                    latitude:42.909891
                 });
 
                 var markersList = []
@@ -521,98 +549,106 @@
                     name:"延吉龙源村",
                     contacts:"张洁玲",
                     phone:"13500805931",
-                    longitude:129.406,
-                    latitude:42.918,
+                    longitude:129.465361,
+                    latitude:42.955267,
                   parameter:'22010400001320000001'
                 });
                 pointList.push({
                     name:"延吉台岩",
                     contacts:"王建军",
                     phone:"13664407655",
-                    longitude:129.45,
-                    latitude:42.898,
+                    longitude:129.409443,
+                    latitude:	42.996666,
                   parameter:'22010400001320000002'
                 });
                 pointList.push({
                     name:"延吉新依兰镇政府重保",
                     contacts:"蔡雨虹",
                     phone:"15754320117",
-                    longitude:129.486,
-                    latitude:42.945,
+                    longitude:129.479842,
+                    latitude:42.981544,
                   parameter:'22010400001320000003'
                 });
                 pointList.push({
                     name:"延吉利民",
                     contacts:"吕国琴",
                     phone:"15044076332",
-                    longitude:129.416,
-                    latitude:42.939,
+                    longitude:129.487777,
+                    latitude:42.998889,
                   parameter:'22010400001320000004'
                 });
                 pointList.push({
                     name:"延吉梦都美",
                     contacts:"吴明月",
                     phone:"15044076332",
-                    longitude:129.386,
-                    latitude:42.945,
+                    longitude:129.582222,
+                    latitude:	43.030278,
                   parameter:'22010400001320000005'
                 });
               pointList.push({
                 name:"延吉小河龙",
                 contacts:"吴明月",
                 phone:"15044076332",
-                longitude:129.5091,
-                latitude:42.89107,
+                longitude:129.623157,
+                latitude:42.903191,
                 parameter:'22010400001320000006'
               });
               pointList.push({
                 name:"延吉五道水库",
                 contacts:"吴明月",
                 phone:"15044076332",
-                longitude:129.5012,
-                latitude:42.902,
+                longitude:129.262213,
+                latitude:43.06127,
                 parameter:'22010400001320000007'
               });
               pointList.push({
                 name:"天池大桥",
                 contacts:"吴明月",
                 phone:"15044076332",
-                longitude:129.4969,
-                latitude:42.897,
+                longitude:129.468611,
+                latitude:42.895001,
                 parameter:'22010400001320000008'
               });
               pointList.push({
                 name:"延吉河坝",
                 contacts:"吴明月",
                 phone:"15044076332",
-                longitude:129.4780,
-                latitude:42.887,
+                longitude:129.491388,
+                latitude:	42.896389,
                 parameter:'22010400001320000009'
               });
               pointList.push({
                 name:"延吉市实现九队",
                 contacts:"吴明月",
                 phone:"15044076332",
-                longitude:129.515,
-                latitude:42.882,
+                longitude:129.460801,
+                latitude:	42.939701,
                 parameter:'22010400001320000010'
               });
               pointList.push({
                 name:"延吉向阳村",
                 contacts:"吴明月",
                 phone:"15044076332",
-                longitude:129.5307,
-                latitude:42.889,
+                longitude:129.446944,
+                latitude:42.972778,
                 parameter:'22010400001320000011'
               });
               pointList.push({
                 name:"延边分公司珲乌高速95公里",
                 contacts:"吴明月",
                 phone:"15044076332",
-                longitude:129.5255,
-                latitude:42.915,
+                longitude:129.444444,
+                latitude:42.991111,
                 parameter:'22010400001320000012'
               });
+              pointList.push({
+                name:"延吉水上市场",
+                contacts:"吴明月",
+                phone:"15044076332",
+                longitude:129.502261,
+                latitude:42.916675,
+                parameter:'22010400001320000013'
+              });
 
                 var markersList = []
                 for (let i = 0; i < pointList.length; i++) {
@@ -834,4 +870,50 @@
           .yj-topnav a i{
               margin-right: 6px;
           }
+          .Pcjieguo{
+            .el-dialog{
+              margin-top: 9vh !important;
+              border: 1px solid #2159b3;
+              box-shadow: 0 0 10px #1a498f;
+              background: #031135;
+            }
+            .el-dialog__header{
+              text-align: left;
+              background: #081a46;
+            }
+            .pc_cotent{
+              width: 100%;
+              height: 100%;
+              .pc_head{
+                height: 5vh;
+                display: flex;
+                align-items: center;
+                border-bottom: 1px solid #2159b3;
+                >div{
+                  height: 3.8vh;
+                  width: 17vh;
+                  font-size: 1rem;
+                  display: flex;
+                  margin-right: 10px;
+                  background: linear-gradient(to bottom, #0d3267 0%, #082954 100%);
+                  justify-content: center;
+                  align-items: center;
+                  color: #8790a0;
+                  border: 1px solid rgb(33,89,179,0.5);
+                }
+                .style_switching{
+                  color: #fff;
+                  background: linear-gradient(to bottom, #134fa3 0%,  #156ada 100%);
+                }
+              }
+              .pc_img{
+                height: 70vh;
+                padding: 40px;
+                >img{
+                  width: 95%;
+                  height: 100%;
+                }
+              }
+            }
+          }
       </style>