事件弹窗图片大小修改

src/views/pages/area/components/ImportantAreaPopNew.vue

@@ -28,7 +28,7 @@
         <div class="item">
               <p>
           <span>负责人：</span>
-        <span>张三</span>
+        <span>张淑华</span>
         </p>
        <p>
         <span>联系方式：</span>

src/views/pages/civilizedCity/components/EventListDetailsPopNew.vue

@@ -63,10 +63,11 @@
           <div class="data-monitoring">
             <div class="basic-information">
               <div class="green-cicle"><div></div></div>
-              <p><b>负责人：</b>张三</p>
+              <p><b>负责人：</b>刘国华</p>
               <p><b>联系方式：</b>13356870098</p>
-              <p><b>告警时间：</b>{{ feature.data.captureTime || "" }}</p>
+              <!-- <p><b>告警时间：</b>{{ feature.data.captureTime || "" }}</p> -->
-              <p><b>告警值：</b>42231</p>
+              <p><b>告警时间：</b>{{nowDate}}</p>
+              <p><b>告警值：</b>7890</p>
               <p><b>事件状态：</b>待下发</p>
               <div class="flow-chart">
                 <div class="chart-title"><span>告警当天人流量数值</span></div>
@@ -74,24 +75,25 @@
               </div>
              </div>
               <div class="relate-video">
-                <p style="margin-left:3px"><b>更新时间：</b>{{ feature.data.captureTime || "" }}</p>
+                <!-- <p style="margin-left:3px"><b>更新时间：</b>{{ feature.data.captureTime || "" }}</p> -->
+                <p style="margin-left:3px"><b>更新时间：</b>{{nowDate}}</p>
                 <div class="population-statistics">
                  <div class="item">
                   <div><span>当前人数</span></div>
-                   <div><span>0000</span><span>人</span></div>
+                   <div><span>990</span><span>人</span></div>
                  </div>
                  <div class="item">
                    <div>
                     <span>本地人数</span>
                     </div>
                    <div>
-                    <span>0000</span>
+                    <span>790</span>
                    <span>人</span>
                    </div>
                  </div>
                  <div class="item">
                    <div><span>外地人数</span></div>
-                   <div><span>0000</span><span>人</span></div>
+                   <div><span>200</span><span>人</span></div>
                  </div>
                 </div>
                 <div class="video-content">
@@ -135,7 +137,7 @@ export default {
   mounted() {
     this.newImageUrl = this.IntelliURLReplaceIP(this.feature.data.imageUrl);
     console.log(this.newImageUrl);
-
+    this.getNowTime();
     console.log(this.feature, "1234567");
       this.$nextTick( () => {
          this.initPeopleCountingChart();
@@ -151,8 +153,8 @@ export default {
       openVideo: false,
       newImageUrl: "",
       resourceType:"resource",
-      channelCode:"3701222749350945"
+      channelCode:"3701222749350945",
-
+      nowDate:""//获取当前时间
     };
   },
   methods: {
@@ -305,7 +307,40 @@ export default {
         document.getElementById('people-counting-chart')
       )
       peopleCounting.setOption(option)
+    },
+    //获取当前时间并格式化
+    getNowTime(){
+     var myDate = new Date();	//创建Date对象
+    var Y = myDate.getFullYear();   //获取当前完整年份
+    var M = myDate.getMonth() + 1;  //获取当前月份
+    var D = myDate.getDate();   //获取当前日1-31
+    var H = myDate.getHours();  //获取当前小时
+    var i = myDate.getMinutes();    //获取当前分钟
+    var s = myDate.getSeconds();    //获取当前秒数
+    // 月份不足10补0
+    if(M < 10){
+        M = '0' + M;
     }
+    // 日不足10补0
+    if(D < 10){
+        D = '0' + D;
+    }
+    // 小时不足10补0
+    if(H < 10){
+        H = '0' + H;
+    }
+    // 分钟不足10补0
+    if(i < 10){
+        i = '0' + i;
+    }
+    // 秒数不足10补0
+    if(s < 10){
+        s = '0' +s;
+    }
+    // 拼接日期分隔符根据自己的需要来修改
+    var nowDate = Y+'-'+M+'-'+D+' '+H+':'+i+':'+s;
+    this.nowDate = nowDate;
+    },
   },
 };
 </script>