Commit 64b2e3d0 authored by “yiyousong”'s avatar “yiyousong”

pref:修改页面

parent 81ff4226
...@@ -232,27 +232,27 @@ const routes = [ ...@@ -232,27 +232,27 @@ const routes = [
}, },
], ],
}, },
{ {
path: "Impossible", path: "Impossible",
name: "Impossible", name: "Impossible",
redirect: "/home/dataManagement/Impossible/ImpossibleForm", redirect: "/home/dataManagement/Impossible/ImpossibleForm",
component: () => component: () =>
import( import(
/* webpackChunkName: "oneYardPass" */ "@/views/dataAdmin/components/Impossible/module.vue" /* webpackChunkName: "oneYardPass" */ "@/views/dataAdmin/components/Impossible/module.vue"
), ),
meta: { title: "办不成事报表" }, meta: { title: "办不成事报表" },
children: [ children: [
{ {
path: "ImpossibleForm", path: "ImpossibleForm",
name: "ImpossibleForm", name: "ImpossibleForm",
component: () => component: () =>
import( import(
/* webpackChunkName: "reportForm" */ "@/views/dataAdmin/components/Impossible/index.vue" /* webpackChunkName: "reportForm" */ "@/views/dataAdmin/components/Impossible/index.vue"
), ),
meta: { title: "办不成事报表" }, meta: { title: "办不成事报表" },
}, },
], ],
}, },
{ {
path: "AIEfficiency", path: "AIEfficiency",
name: "AIEfficiency", name: "AIEfficiency",
......
<template> <template>
<!-- 事件分析 --> <!-- 事件分析 -->
<div class="page"> <div class="page">
<a-form-model :model="queryform" :label-col="labelCol" :wrapper-col="wrapperCol" layout="inline"> <a-form-model
<a-form-model-item> :model="queryform"
<a-select v-model="queryform.productId" style="width: 200px" placeholder="选择产品"> :label-col="labelCol"
<a-select-option :value="item.id" v-for="(item,index) in product" :key="index"> :wrapper-col="wrapperCol"
{{item.title}} layout="inline"
</a-select-option> >
</a-select> <a-form-model-item>
</a-form-model-item> <a-select
<a-form-model-item> v-model="queryform.productId"
<a-range-picker valueFormat="yyyy-MM-DD" v-model="time" style="width: 300px" :allowClear="false"/> style="width: 200px"
</a-form-model-item> placeholder="选择产品"
<a-form-model-item> >
<a-button type="primary" @click="getList"> <a-select-option
开始分析 :value="item.id"
</a-button> v-for="(item, index) in product"
</a-form-model-item> :key="index"
</a-form-model> >
<div class="mt20"> {{ item.title }}
<a-table :columns="columns" :data-source="data" :scroll="{ y: 590 }" :pagination="false"> </a-select-option>
</a-select>
</a-table> </a-form-model-item>
</div> <a-form-model-item>
</div> <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-form-model-item>
</a-form-model>
<div class="mt20">
<a-table
:columns="columns"
:data-source="data"
:scroll="{ y: 590 }"
:pagination="false"
>
</a-table>
</div>
</div>
</template> </template>
<script> <script>
import {getEventCensus} from '@/api/dataActuary.js' import { getEventCensus } from "@/api/dataActuary.js";
import moment from 'moment'; import moment from "moment";
export default { export default {
data() { data() {
return { return {
queryform: { queryform: {
productId: 1, productId: 1,
dateTimeStart:moment().format('yyyy-MM-DD'), dateTimeStart: moment().format("yyyy-MM-DD"),
dateTimeEnd: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: { labelCol: {
span: 1 span: 1,
}, },
wrapperCol: { wrapperCol: {
span: 14 span: 14,
}, },
product:[{ product: [
title:'排队机', {
id:1 title: "排队机",
}], id: 1,
columns: [{ },
title: "序号", ],
width: "70px", columns: [
customRender: (text, record, index) => `${index+1}`, {
align: "center", title: "序号",
}, width: "70px",
{ customRender: (text, record, index) => `${index + 1}`,
title: "事件", align: "center",
dataIndex: "eventName", },
align: "center", {
}, title: "事件",
{ dataIndex: "eventName",
title: '事件ID', align: "center",
dataIndex: 'eventCode', },
align: "center", {
}, title: "事件ID",
{ dataIndex: "eventCode",
title: '事件数量(日均)', align: "center",
dataIndex: 'dayAvg', },
align: "center", {
}, title: "事件数量(日均)",
{ dataIndex: "dayAvg",
title: '事件平均使用时长(单次)', align: "center",
dataIndex: 'takeTimeAvg', },
align: "center", {
} title: "事件平均使用时长(单次)",
], dataIndex: "takeTimeAvg",
data: [], align: "center",
} },
}, ],
mounted() { data: [],
this.getList() };
}, },
methods:{ mounted() {
getList() { this.getList();
this.queryform.dateTimeStart = this.time ? this.time[0] : null },
this.queryform.dateTimeStart = this.time ? this.time[1] : null methods: {
getEventCensus(this.queryform).then(res=>{ getList() {
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> </script>
<style lang="less" scoped> <style lang="less" scoped>
.page{ .page {
padding: 15px; padding: 15px;
} }
</style> </style>
\ No newline at end of file
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment