11111111

src/views/monitoringlarge/components/echart/statisticsHeader.vue

@@ -24,7 +24,7 @@
           </el-select>
         </template>
         <template v-if="item.inputType === 'datePicker'">
-          <el-date-picker v-model="formData[item.prop]" :size="item.size || 'small'" type="daterange" value-format="yyyy-MM-dd"  range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
+          <el-date-picker  v-model="formData[item.prop]" :size="item.size || 'small'" type="daterange" value-format="yyyy-MM-dd"  range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
         </template>
         <template v-if="item.inputType === 'datetimerange'">
           <el-date-picker v-model="formData[item.prop]" type="datetimerange" range-separator="至" value-format="YYYY-MM-DD HH:mm:ss" start-placeholder="开始日期" end-placeholder="结束日期">
@@ -121,7 +121,7 @@ export default {
         area: "",
         airport: [],
         terminal: "",
-        dateTime: "",
+        dateTime: [],
         flightType: "",
         baggageType: "",
         passengerType: [],
@@ -297,6 +297,7 @@ export default {
     items: {
       handler (val) {
         val && (this.formItems = val);
+        this.formData.dateTime = [new Date(), new Date()]
       },
       deep: true,
       immediate: true,

src/views/monitoringlarge/views/singleairline/singleairline.vue

@@ -209,18 +209,75 @@ const barOptions = {
         },
         series: [
           {
+            color: 'blue',
             name: 'Punch Card',
             type: 'scatter',
             symbolSize: function (val) {
-              return val[2] / 100;
+              return val[2] / 4;
             },
             data: [],
             animationDelay: function (idx) {
-              return idx /  100;
+              return idx /  4;
             }
           }
         ]
       }
+const barOptioner = {
+title: {
+  text: ''
+},
+legend: {
+  data: ['Punch Card'],
+  left: 'right'
+},
+tooltip: {
+  position: 'top'
+},
+grid: {
+  left: 2,
+  bottom: 10,
+  right: 10,
+  containLabel: true
+},
+xAxis: {
+  axisLabel: {
+    color: '#8897BC',
+  },
+  type: 'category',
+  data: [],
+  boundaryGap: false,
+  splitLine: {
+    show: true
+  },
+  axisLine: {
+    show: false
+  }
+},
+yAxis: {
+  type: 'category',
+  axisLabel: {
+    color: '#8897BC',
+  },
+  data: [],
+  axisLine: {
+    show: false
+  }
+},
+series: [
+  {
+    color: 'blue',
+    name: 'Punch Card',
+    type: 'scatter',
+    symbolSize: function (val) {
+      return val[2] / 100;
+    },
+    data: [],
+    animationDelay: function (idx) {
+      return idx /  100;
+    }
+  }
+]
+}
 export default {
   name: "Singleairline",
   data () {
@@ -231,7 +288,7 @@ export default {
         {
           prop: "aircompany",
           inputType: "select",
-          placeholder: "",
+          placeholder: "CZ",
           requiredWarning: "",
           clearable: true,
           filterable: true,
@@ -257,9 +314,8 @@ export default {
         {
           prop: "dateTime",
           inputType: "datePicker",
-          clearable: true,
+          requiredWarning: "请先选择统计时间范围",
           width: "240px",
-          options: [],
         },
       ],
       formData: {
@@ -272,7 +328,7 @@ export default {
       transHourDataOption: this._.cloneDeep(barOption),
       baggageCountItems: this._.cloneDeep(barOption),
       outHourDataOptioneol: this._.cloneDeep(barOptions),
-      outHourDataOptioneols: this._.cloneDeep(barOptions),
+      outHourDataOptioneols: this._.cloneDeep(barOptioner),
     }
   },
   components: {
@@ -409,7 +465,6 @@ export default {
             ars.push([Object.keys(element)[i+2],element.project,Object.values(element)[i+2]])
           }
         });
-        console.log(this.outHourDataOptioneol.yAxis.data)
         arr.forEach(element => {
           element = element.splice(0,2)
         });

src/views/monitoringlarge/views/singleairport/singleairport.vue

@@ -209,18 +209,75 @@ const barOptions = {
         },
         series: [
           {
+            color: 'blue',
             name: 'Punch Card',
             type: 'scatter',
             symbolSize: function (val) {
-              return val[2] / 500;
+              return val[2] / 2;
             },
             data: [],
             animationDelay: function (idx) {
-              return idx /  500;
+              return idx /  2;
             }
           }
         ]
       }
+const barOptioner = {
+  title: {
+    text: ''
+  },
+  legend: {
+    data: ['Punch Card'],
+    left: 'right'
+  },
+  tooltip: {
+    position: 'top'
+  },
+  grid: {
+    left: 2,
+    bottom: 10,
+    right: 10,
+    containLabel: true
+  },
+  xAxis: {
+    axisLabel: {
+      color: '#8897BC',
+    },
+    type: 'category',
+    data: [],
+    boundaryGap: false,
+    splitLine: {
+      show: true
+    },
+    axisLine: {
+      show: false
+    }
+  },
+  yAxis: {
+    type: 'category',
+    axisLabel: {
+      color: '#8897BC',
+    },
+    data: [],
+    axisLine: {
+      show: false
+    }
+  },
+  series: [
+    {
+      color: 'blue',
+      name: 'Punch Card',
+      type: 'scatter',
+      symbolSize: function (val) {
+        return val[2] / 200;
+      },
+      data: [],
+      animationDelay: function (idx) {
+        return idx /  200;
+      }
+    }
+  ]
+}
 export default {
   name: "Singleairline",
   data () {
@@ -231,7 +288,7 @@ export default {
         {
           prop: "airport",
           inputType: "select",
-          placeholder: "",
+          placeholder: "CAN",
           requiredWarning: "",
           clearable: true,
           filterable: true,
@@ -272,7 +329,7 @@ export default {
       transHourDataOption: this._.cloneDeep(barOption),
       baggageCountItems: this._.cloneDeep(barOption),
       outHourDataOptioneol: this._.cloneDeep(barOptions),
-      outHourDataOptioneols: this._.cloneDeep(barOptions),
+      outHourDataOptioneols: this._.cloneDeep(barOptioner),
     }
   },
   components: {