pref:修改页面

portal-manager-ui/admin/src/views/dataActuary/behaviour/eventanalyse/eventanalyse.vue

 <template>
   <!-- 事件分析 -->
   <div class="page">
-		<a-form-model :model="queryform" :label-col="labelCol" :wrapper-col="wrapperCol" layout="inline">
+    <a-form-model
+      :model="queryform"
+      :label-col="labelCol"
+      :wrapper-col="wrapperCol"
+      layout="inline"
+    >
       <a-form-model-item>
-				<a-select v-model="queryform.productId" style="width: 200px" placeholder="选择产品">
-					<a-select-option :value="item.id" v-for="(item,index) in product" :key="index">
-						{{item.title}}
+        <a-select
+          v-model="queryform.productId"
+          style="width: 200px"
+          placeholder="选择产品"
+        >
+          <a-select-option
+            :value="item.id"
+            v-for="(item, index) in product"
+            :key="index"
+          >
+            {{ item.title }}
           </a-select-option>
         </a-select>
       </a-form-model-item>
       <a-form-model-item>
-				<a-range-picker valueFormat="yyyy-MM-DD" v-model="time" style="width: 300px" :allowClear="false"/>
+        <a-range-picker
+          valueFormat="yyyy-MM-DD"
+          v-model="time"
+          style="width: 300px"
+          :allowClear="false"
+        />
       </a-form-model-item>
       <a-form-model-item>
-				<a-button type="primary" @click="getList">
-					开始分析
-				</a-button>
+        <a-button type="primary" @click="getList"> 开始分析 </a-button>
       </a-form-model-item>
     </a-form-model>
     <div class="mt20">
-			<a-table :columns="columns" :data-source="data" :scroll="{ y: 590 }" :pagination="false">
-				
+      <a-table
+        :columns="columns"
+        :data-source="data"
+        :scroll="{ y: 590 }"
+        :pagination="false"
+      >
       </a-table>
     </div>
   </div>
 </template>
 
 <script>
-	import {getEventCensus} from '@/api/dataActuary.js'
-	import moment from 'moment';
-	export default {
+import { getEventCensus } from "@/api/dataActuary.js";
+import moment from "moment";
+export default {
   data() {
     return {
       queryform: {
         productId: 1,
-					dateTimeStart:moment().format('yyyy-MM-DD'),
-					dateTimeEnd:moment().format('yyyy-MM-DD')
+        dateTimeStart: moment().format("yyyy-MM-DD"),
+        dateTimeEnd: moment().format("yyyy-MM-DD"),
       },
-				time:[moment().format('yyyy-MM-DD'),moment().format('yyyy-MM-DD')],
+      time: [moment().format("yyyy-MM-DD"), moment().format("yyyy-MM-DD")],
       labelCol: {
-					span: 1
+        span: 1,
       },
       wrapperCol: {
-					span: 14
+        span: 14,
+      },
+      product: [
+        {
+          title: "排队机",
+          id: 1,
         },
-				product:[{
-					title:'排队机',
-					id:1
-				}],
-				columns: [{
+      ],
+      columns: [
+        {
           title: "序号",
           width: "70px",
-						customRender: (text, record, index) => `${index+1}`,
+          customRender: (text, record, index) => `${index + 1}`,
           align: "center",
         },
         {
@@ -60,41 +83,41 @@
           align: "center",
         },
         {
-						title: '事件ID',
-						dataIndex: 'eventCode',
+          title: "事件ID",
+          dataIndex: "eventCode",
           align: "center",
         },
         {
-						title: '事件数量(日均)',
-						dataIndex: 'dayAvg',
+          title: "事件数量(日均)",
+          dataIndex: "dayAvg",
           align: "center",
         },
         {
-						title: '事件平均使用时长（单次）',
-						dataIndex: 'takeTimeAvg',
+          title: "事件平均使用时长（单次）",
+          dataIndex: "takeTimeAvg",
           align: "center",
-					}
+        },
       ],
       data: [],
-			}
+    };
   },
   mounted() {
-			this.getList()
+    this.getList();
   },
-		methods:{
+  methods: {
     getList() {
-				this.queryform.dateTimeStart = this.time ? this.time[0] : null
-				this.queryform.dateTimeStart = this.time ? this.time[1] : null
-				getEventCensus(this.queryform).then(res=>{
-					this.data = res.data.data
-				})
-			}
-		}
-	};
+      this.queryform.dateTimeStart = this.time ? this.time[0] : null;
+      this.queryform.dateTimeStart = this.time ? this.time[1] : null;
+      getEventCensus(this.queryform).then((res) => {
+        this.data = res.data.data;
+      });
+    },
+  },
+};
 </script>
 
 <style lang="less" scoped>
-	.page{
+.page {
   padding: 15px;
-	}
+}
 </style>
\ No newline at end of file