mirror of
https://gitee.com/elegant_wings/dbd-meeting-html.git
synced 2025-06-21 12:39:36 +08:00
描述：报修统计页面，点击工单统计跳转
This commit is contained in:
SelfRidicule
parent
094278f2ee
commit
dc725a0110
@ -292,6 +292,8 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
created () {
|
created () {
|
||||||
|
console.log('this.$route.query', this.$route.query)
|
||||||
|
this.queryParam.status = this.$route.query.status
|
||||||
this.selectRepairList()
|
this.selectRepairList()
|
||||||
this.selectType()
|
this.selectType()
|
||||||
},
|
},
|
||||||
|
|||||||
@ -1,83 +1,83 @@
|
|||||||
<template>
|
<template>
|
||||||
<a-card :bordered="false">
|
<a-card :bordered='false'>
|
||||||
<div class="table-page-search-wrapper">
|
<div class='table-page-search-wrapper'>
|
||||||
<a-form layout="inline">
|
<a-form layout='inline'>
|
||||||
<a-row :gutter="48">
|
<a-row :gutter='48'>
|
||||||
<a-col :md="5" :sm="15">
|
<a-col :md='5' :sm='15'>
|
||||||
<a-form-item label="报修单号">
|
<a-form-item label='报修单号'>
|
||||||
<a-input placeholder="请输入报修单号" v-model="queryParam.sn" />
|
<a-input placeholder='请输入报修单号' v-model='queryParam.sn' />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :md="8" :sm="24">
|
<a-col :md='8' :sm='24'>
|
||||||
<span class="table-page-search-submitButtons">
|
<span class='table-page-search-submitButtons'>
|
||||||
<a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
|
<a-button type='primary' @click='$refs.table.refresh(true)'>查询</a-button>
|
||||||
<a-button style="margin-left: 8px" @click="() => queryParam = {}">重置</a-button>
|
<a-button style='margin-left: 8px' @click='() => queryParam = {}'>重置</a-button>
|
||||||
</span>
|
</span>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
</a-form>
|
</a-form>
|
||||||
</div>
|
</div>
|
||||||
<a-tabs default-active-key="1" @change="callback">
|
<a-tabs :default-active-key='tabKey' @change='callback'>
|
||||||
<a-tab-pane key="1" tab="全部信息">
|
<a-tab-pane key='1' tab='全部信息'>
|
||||||
<a-table
|
<a-table
|
||||||
size="default"
|
size='default'
|
||||||
rowKey="id"
|
rowKey='id'
|
||||||
:columns="columns"
|
:columns='columns'
|
||||||
:data-source="workerData"
|
:data-source='workerData'
|
||||||
>
|
>
|
||||||
<span slot="name" slot-scope="text, record">
|
<span slot='name' slot-scope='text, record'>
|
||||||
<a-tag color="blue">
|
<a-tag color='blue'>
|
||||||
消息提示
|
消息提示
|
||||||
</a-tag>
|
</a-tag>
|
||||||
</span>
|
</span>
|
||||||
<span slot="content" slot-scope="text, record">
|
<span slot='content' slot-scope='text, record'>
|
||||||
<a @click="toRepair(record.repairId)">{{ record.content }}</a>
|
<a @click='toRepair(record.repairId)'>{{ record.content }}</a>
|
||||||
</span>
|
</span>
|
||||||
<span slot="action" slot-scope="text, record">
|
<span slot='action' slot-scope='text, record'>
|
||||||
<a v-if="editEnabel" @click="handleView(record.id)">详情</a>
|
<a v-if='editEnabel' @click='handleView(record.id)'>详情</a>
|
||||||
<a-divider type="vertical" />
|
<a-divider type='vertical' />
|
||||||
</span>
|
</span>
|
||||||
</a-table>
|
</a-table>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane key="2" tab="未读通知" force-render>
|
<a-tab-pane key='2' tab='未读通知' force-render>
|
||||||
<a-table
|
<a-table
|
||||||
size="default"
|
size='default'
|
||||||
rowKey="id"
|
rowKey='id'
|
||||||
:columns="columns"
|
:columns='columns'
|
||||||
:data-source="noReadData"
|
:data-source='noReadData'
|
||||||
>
|
>
|
||||||
<span slot="name" slot-scope="text, record">
|
<span slot='name' slot-scope='text, record'>
|
||||||
<a-tag color="blue">
|
<a-tag color='blue'>
|
||||||
消息提示
|
消息提示
|
||||||
</a-tag>
|
</a-tag>
|
||||||
</span>
|
</span>
|
||||||
<span slot="content" slot-scope="text, record">
|
<span slot='content' slot-scope='text, record'>
|
||||||
<a @click="toRepair(record.repairId)">{{ record.content }}</a>
|
<a @click='toRepair(record.repairId)'>{{ record.content }}</a>
|
||||||
</span>
|
</span>
|
||||||
<span slot="action" slot-scope="text, record">
|
<span slot='action' slot-scope='text, record'>
|
||||||
<a v-if="editEnabel" @click="handleView(record.id)">详情</a>
|
<a v-if='editEnabel' @click='handleView(record.id)'>详情</a>
|
||||||
<a-divider type="vertical" />
|
<a-divider type='vertical' />
|
||||||
</span>
|
</span>
|
||||||
</a-table>
|
</a-table>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane key="3" tab="已读通知" force-render>
|
<a-tab-pane key='3' tab='已读通知' force-render>
|
||||||
<a-table
|
<a-table
|
||||||
size="default"
|
size='default'
|
||||||
rowKey="id"
|
rowKey='id'
|
||||||
:columns="columns"
|
:columns='columns'
|
||||||
:data-source="readData"
|
:data-source='readData'
|
||||||
>
|
>
|
||||||
<span slot="name" slot-scope="text, record">
|
<span slot='name' slot-scope='text, record'>
|
||||||
<a-tag color="blue">
|
<a-tag color='blue'>
|
||||||
消息提示
|
消息提示
|
||||||
</a-tag>
|
</a-tag>
|
||||||
</span>
|
</span>
|
||||||
<span slot="content" slot-scope="text, record">
|
<span slot='content' slot-scope='text, record'>
|
||||||
<a @click="toRepair(record.repairId)">{{ record.content }}</a>
|
<a @click='toRepair(record.repairId)'>{{ record.content }}</a>
|
||||||
</span>
|
</span>
|
||||||
<span slot="action" slot-scope="text, record">
|
<span slot='action' slot-scope='text, record'>
|
||||||
<a v-if="editEnabel" @click="handleView(record.id)">详情</a>
|
<a v-if='editEnabel' @click='handleView(record.id)'>详情</a>
|
||||||
<a-divider type="vertical" />
|
<a-divider type='vertical' />
|
||||||
</span>
|
</span>
|
||||||
</a-table>
|
</a-table>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
@ -95,8 +95,9 @@ export default {
|
|||||||
components: {
|
components: {
|
||||||
STable
|
STable
|
||||||
},
|
},
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
tabKey: '1',
|
||||||
labelCol: {
|
labelCol: {
|
||||||
xs: { span: 24 },
|
xs: { span: 24 },
|
||||||
sm: { span: 5 }
|
sm: { span: 5 }
|
||||||
@ -142,12 +143,13 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
created () {
|
created() {
|
||||||
|
this.tabKey = this.$route.query.tabKey
|
||||||
this.workerList()
|
this.workerList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// admin/repair/stats/workerList
|
// admin/repair/stats/workerList
|
||||||
workerList () {
|
workerList() {
|
||||||
getRepairRemindList().then(res => {
|
getRepairRemindList().then(res => {
|
||||||
this.workerData = res.rows
|
this.workerData = res.rows
|
||||||
|
|
||||||
@ -157,29 +159,29 @@ export default {
|
|||||||
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
callback () {
|
callback() {
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
handleAdd () {
|
handleAdd() {
|
||||||
this.$refs.modal.add()
|
this.$refs.modal.add()
|
||||||
},
|
},
|
||||||
handleView (workerId) {
|
handleView(workerId) {
|
||||||
this.$router.push({ name: 'repair', query: { repairUserId: workerId } })
|
this.$router.push({ name: 'repair', query: { repairUserId: workerId } })
|
||||||
},
|
},
|
||||||
|
|
||||||
toRepair (repairId) {
|
toRepair(repairId) {
|
||||||
this.$router.push({ name: 'repairView', query: { repairId: repairId } })
|
this.$router.push({ name: 'repairView', query: { repairId: repairId } })
|
||||||
},
|
},
|
||||||
|
|
||||||
handleEdit (record) {
|
handleEdit(record) {
|
||||||
this.$refs.modal.edit(record)
|
this.$refs.modal.edit(record)
|
||||||
},
|
},
|
||||||
handleOk () {
|
handleOk() {
|
||||||
this.$refs.table.refresh(true)
|
this.$refs.table.refresh(true)
|
||||||
console.log('handleSaveOk')
|
console.log('handleSaveOk')
|
||||||
},
|
},
|
||||||
handleComplete (id) {
|
handleComplete(id) {
|
||||||
const _this = this
|
const _this = this
|
||||||
this.$confirm({
|
this.$confirm({
|
||||||
title: '警告',
|
title: '警告',
|
||||||
@ -187,7 +189,7 @@ export default {
|
|||||||
okText: '是',
|
okText: '是',
|
||||||
okType: 'warning',
|
okType: 'warning',
|
||||||
cancelText: '否',
|
cancelText: '否',
|
||||||
onOk () {
|
onOk() {
|
||||||
complete(id).then(res => {
|
complete(id).then(res => {
|
||||||
if (res.code === 0) {
|
if (res.code === 0) {
|
||||||
_this.$message.success('操作成功')
|
_this.$message.success('操作成功')
|
||||||
@ -199,7 +201,7 @@ export default {
|
|||||||
this.$message.error('系统错误，请稍后再试')
|
this.$message.error('系统错误，请稍后再试')
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
onCancel () {
|
onCancel() {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,149 +1,152 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container">
|
<div class='container'>
|
||||||
|
|
||||||
<div class="topHeadView">
|
<div class='topHeadView'>
|
||||||
<div class="itemView">
|
<div class='itemView' @click="dispatchCase('1')">
|
||||||
<img class="imgView" :src='baseUrl + "/img/paidan.png"'>
|
<div class='imgView'
|
||||||
<div class="label">待派单</div>
|
:style="{'background' : `no-repeat center/cover url(${baseUrl + '/img/paidan.png'}), white`}"></div>
|
||||||
<div class="num">{{ adminStatsCount.wait }}</div>
|
<div class='label'>待派单</div>
|
||||||
|
<div class='num'>{{ adminStatsCount.wait }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="itemView">
|
<div class='itemView' @click="dispatchCase('3')">
|
||||||
<div class="imgContainer">
|
<div class='imgContainer'>
|
||||||
<img class="imgView" :src='baseUrl + "/img/paidanjump.png"'>
|
<div class='imgView'
|
||||||
|
:style="{'background' : `no-repeat center/cover url(${baseUrl + '/img/paidanjump.png'}), white`}"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="label">重派单</div>
|
<div class='label'>重派单</div>
|
||||||
<div class="num">{{ adminStatsCount.anew }}</div>
|
<div class='num'>{{ adminStatsCount.anew }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="itemView">
|
<div class='itemView' @click="jumpInfo('2')">
|
||||||
<img class="imgView" :src='baseUrl + "/img/time.png"'>
|
<div class='imgView'
|
||||||
|
:style="{'background' : `no-repeat center/cover url(${baseUrl + '/img/time.png'}), white`}"></div>
|
||||||
<div class="label">未查看通知</div>
|
<div class='label'>未查看通知</div>
|
||||||
<div class="num">{{ adminStatsCount.newnotice }}</div>
|
<div class='num'>{{ adminStatsCount.newnotice }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="itemView">
|
<div class='itemView' @click="jumpInfo('3')">
|
||||||
<img class="imgView" :src='baseUrl + "/img/info.png"'>
|
<div class='imgView'
|
||||||
<div class="label">已查看通知</div>
|
:style="{'background' : `no-repeat center/cover url(${baseUrl + '/img/info.png'}), white`}"></div>
|
||||||
<div class="num">{{ adminStatsCount.oldnotice }}</div>
|
<div class='label'>已查看通知</div>
|
||||||
|
<div class='num'>{{ adminStatsCount.oldnotice }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="caseStatisticsView">
|
<div class='caseStatisticsView'>
|
||||||
<div class="headView">
|
<div class='headView'>
|
||||||
<div class="titleView">工单统计</div>
|
<div class='titleView'>工单统计</div>
|
||||||
<div class="typeView" style="width: 200px;">
|
<div class='typeView' style='width: 200px;'>
|
||||||
<a-range-picker v-model="dateRange2" @change="onChange2" />
|
<a-range-picker v-model='dateRange2' @change='onChange2' />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentView">
|
<div class='contentView'>
|
||||||
<div class="itemView">
|
<div class='itemView' @click="dispatchCase()">
|
||||||
<div class="label">维修工单</div>
|
<div class='label'>维修工单</div>
|
||||||
<div class="value">{{ repairStatsCount.zs }}</div>
|
<div class='value'>{{ repairStatsCount.zs }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="itemView">
|
<div class='itemView' @click="dispatchCase('7')">
|
||||||
<div class="label">待维修工单</div>
|
<div class='label'>处理中工单</div>
|
||||||
<div class="value">{{ repairStatsCount.wait }}</div>
|
<div class='value'>{{ repairStatsCount.wait }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="itemView">
|
<div class='itemView'>
|
||||||
<div class="label">超时量</div>
|
<div class='label'>超时量</div>
|
||||||
<div class="value">{{ repairStatsCount.timeout }}</div>
|
<div class='value'>{{ repairStatsCount.timeout }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="itemView">
|
<div class='itemView'>
|
||||||
<div class="label">差评量</div>
|
<div class='label'>差评量</div>
|
||||||
<div class="value">{{ repairStatsCount.l }}</div>
|
<div class='value'>{{ repairStatsCount.l }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="itemView">
|
<div class='itemView'>
|
||||||
<div class="label">中评量</div>
|
<div class='label'>中评量</div>
|
||||||
<div class="value">{{ repairStatsCount.m }}</div>
|
<div class='value'>{{ repairStatsCount.m }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="itemView">
|
<div class='itemView'>
|
||||||
<div class="label">好评量</div>
|
<div class='label'>好评量</div>
|
||||||
<div class="value">{{ repairStatsCount.h }}</div>
|
<div class='value'>{{ repairStatsCount.h }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="statusView">
|
<div class='statusView'>
|
||||||
<div class="caseStatusView">
|
<div class='caseStatusView'>
|
||||||
<div class="headView">
|
<div class='headView'>
|
||||||
<div class="titleView">工单完成情况</div>
|
<div class='titleView'>工单完成情况</div>
|
||||||
<div class="typeView" style="width: 200px;">
|
<div class='typeView' style='width: 200px;'>
|
||||||
<a-range-picker v-model="dateRange3L" @change="onChange3L" />
|
<a-range-picker v-model='dateRange3L' @change='onChange3L' />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentView">
|
<div class='contentView'>
|
||||||
<div class="circularView">
|
<div class='circularView'>
|
||||||
<div id="echart1" style="width: 400px; height: 300px"></div>
|
<div id='echart1' style='width: 400px; height: 300px'></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="centerLine"></div>
|
<div class='centerLine'></div>
|
||||||
<div class="circularView">
|
<div class='circularView'>
|
||||||
<div id="echart2" style="width: 400px; height: 300px"></div>
|
<div id='echart2' style='width: 400px; height: 300px'></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="evaluateView">
|
<div class='evaluateView'>
|
||||||
<div class="headView">
|
<div class='headView'>
|
||||||
<div class="titleView">评价情况</div>
|
<div class='titleView'>评价情况</div>
|
||||||
<div class="typeView" style="width: 200px;">
|
<div class='typeView' style='width: 200px;'>
|
||||||
<a-range-picker v-model="dateRange3R" @change="onChange3R" />
|
<a-range-picker v-model='dateRange3R' @change='onChange3R' />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentView">
|
<div class='contentView'>
|
||||||
<div id="echart3" style="width: 400px; height: 300px"></div>
|
<div id='echart3' style='width: 400px; height: 300px'></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="faultView">
|
<div class='faultView'>
|
||||||
<div class="floorView">
|
<div class='floorView'>
|
||||||
<div class="headView">
|
<div class='headView'>
|
||||||
<div class="titleView">网格长</div>
|
<div class='titleView'>网格长</div>
|
||||||
<div class="typeView" style="width: 200px;">
|
<div class='typeView' style='width: 200px;'>
|
||||||
<a-range-picker v-model="dateRange4L" @change="onChange4L" />
|
<a-range-picker v-model='dateRange4L' @change='onChange4L' />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentView">
|
<div class='contentView'>
|
||||||
<div id="echart4" style="width: 550px; height: 600px"></div>
|
<div id='echart4' style='width: 550px; height: 600px'></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rightView">
|
<div class='rightView'>
|
||||||
<div class="blockView">
|
<div class='blockView'>
|
||||||
<div class="headView">
|
<div class='headView'>
|
||||||
<div class="titleView">故障统计</div>
|
<div class='titleView'>故障统计</div>
|
||||||
<div class="typeView" style="width: 200px;">
|
<div class='typeView' style='width: 200px;'>
|
||||||
<a-range-picker v-model="dateRange4R1" @change="onChange4R1" />
|
<a-range-picker v-model='dateRange4R1' @change='onChange4R1' />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentView">
|
<div class='contentView'>
|
||||||
<div id="echart5" style="width: 700px; height: 327px"></div>
|
<div id='echart5' style='width: 700px; height: 327px'></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="blockView">
|
<div class='blockView'>
|
||||||
<div class="headView">
|
<div class='headView'>
|
||||||
<div class="titleView">故障类型</div>
|
<div class='titleView'>故障类型</div>
|
||||||
<div class="typeView" style="width: 200px;">
|
<div class='typeView' style='width: 200px;'>
|
||||||
<a-range-picker v-model="dateRange4R2" @change="onChange4R2" />
|
<a-range-picker v-model='dateRange4R2' @change='onChange4R2' />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentView">
|
<div class='contentView'>
|
||||||
<div id="echart6" style="width: 700px; height: 327px"></div>
|
<div id='echart6' style='width: 700px; height: 327px'></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="tableView">
|
<div class='tableView'>
|
||||||
<div class="headView">
|
<div class='headView'>
|
||||||
<div class="titleView">项目详情</div>
|
<div class='titleView'>项目详情</div>
|
||||||
<div class="typeView" style="width: 200px;">
|
<div class='typeView' style='width: 200px;'>
|
||||||
<a-range-picker v-model="dateRange5" @change="onChange5" />
|
<a-range-picker v-model='dateRange5' @change='onChange5' />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentView">
|
<div class='contentView'>
|
||||||
<a-table
|
<a-table
|
||||||
size="default"
|
size='default'
|
||||||
ref="table"
|
ref='table'
|
||||||
style="width: 100%"
|
style='width: 100%'
|
||||||
:columns="columns"
|
:columns='columns'
|
||||||
:data-source="loadData"
|
:data-source='loadData'
|
||||||
|
|
||||||
>
|
>
|
||||||
</a-table>
|
</a-table>
|
||||||
@ -168,14 +171,14 @@ import {
|
|||||||
} from '@/api/admin/repair/repairStats'
|
} from '@/api/admin/repair/repairStats'
|
||||||
|
|
||||||
//常量计算当前周的开始与结束
|
//常量计算当前周的开始与结束
|
||||||
const initStart=moment().startOf('isoWeek'),initEnd=moment().endOf('isoWeek');
|
const initStart = moment().startOf('isoWeek'), initEnd = moment().endOf('isoWeek')
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'RepairStatistics',
|
name: 'RepairStatistics',
|
||||||
components: {
|
components: {
|
||||||
STable
|
STable
|
||||||
},
|
},
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
dateRange2: [initStart, initEnd],
|
dateRange2: [initStart, initEnd],
|
||||||
dateRange3L: [initStart, initEnd],
|
dateRange3L: [initStart, initEnd],
|
||||||
@ -258,7 +261,7 @@ export default {
|
|||||||
loadData: []
|
loadData: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted () {
|
mounted() {
|
||||||
this.adminStats()//第一行工单统计
|
this.adminStats()//第一行工单统计
|
||||||
this.repairCount2()//第二行 工单统计
|
this.repairCount2()//第二行 工单统计
|
||||||
this.repairCount3L()//三行 工单完成情况
|
this.repairCount3L()//三行 工单完成情况
|
||||||
@ -269,104 +272,112 @@ export default {
|
|||||||
this.deviceTypeStats()//第五行 设备、品牌、评价 统计
|
this.deviceTypeStats()//第五行 设备、品牌、评价 统计
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
onChange2 () {
|
// 跳转工单
|
||||||
this.repairCount2();
|
dispatchCase(status) {
|
||||||
|
this.$router.push({ name: 'repair', query: { status } })
|
||||||
|
},
|
||||||
|
// 跳转通知
|
||||||
|
jumpInfo(tabKey) {
|
||||||
|
this.$router.push({ name: 'messageNotice', query: {tabKey} })
|
||||||
|
},
|
||||||
|
onChange2() {
|
||||||
|
this.repairCount2()
|
||||||
},
|
},
|
||||||
onChange3L() {
|
onChange3L() {
|
||||||
this.repairCount3L();
|
this.repairCount3L()
|
||||||
},
|
},
|
||||||
onChange3R() {
|
onChange3R() {
|
||||||
this.repairCount3R();
|
this.repairCount3R()
|
||||||
},
|
},
|
||||||
onChange4L(){
|
onChange4L() {
|
||||||
this.floorStats();
|
this.floorStats()
|
||||||
},
|
},
|
||||||
onChange4R1(){
|
onChange4R1() {
|
||||||
this.deviceStats();
|
this.deviceStats()
|
||||||
},
|
},
|
||||||
onChange4R2(){
|
onChange4R2() {
|
||||||
this.failureStats();
|
this.failureStats()
|
||||||
},
|
},
|
||||||
onChange5(){
|
onChange5() {
|
||||||
this.deviceTypeStats();
|
this.deviceTypeStats()
|
||||||
},
|
},
|
||||||
adminStats () {
|
adminStats() {
|
||||||
repairAdminStats().then(res => {
|
repairAdminStats().then(res => {
|
||||||
this.adminStatsCount = res.repairAdminStats
|
this.adminStatsCount = res.repairAdminStats
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
repairCount2 (){
|
repairCount2() {
|
||||||
const startDate = this.dateRange2[0].format('YYYY-MM-DD');
|
const startDate = this.dateRange2[0].format('YYYY-MM-DD')
|
||||||
const endDate = this.dateRange2[1].format('YYYY-MM-DD');
|
const endDate = this.dateRange2[1].format('YYYY-MM-DD')
|
||||||
repairStats({ startDate: startDate, endDate: endDate, type: 'repair' }).then(res => {
|
repairStats({ startDate: startDate, endDate: endDate, type: 'repair' }).then(res => {
|
||||||
this.repairStatsCount = res.data.stats
|
this.repairStatsCount = res.data.stats
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
repairCount3L (){
|
repairCount3L() {
|
||||||
const startDate = this.dateRange3L[0].format('YYYY-MM-DD');
|
const startDate = this.dateRange3L[0].format('YYYY-MM-DD')
|
||||||
const endDate = this.dateRange3L[1].format('YYYY-MM-DD');
|
const endDate = this.dateRange3L[1].format('YYYY-MM-DD')
|
||||||
repairStats({startDate: startDate, endDate: endDate, type: 'end'}).then(res => {
|
repairStats({ startDate: startDate, endDate: endDate, type: 'end' }).then(res => {
|
||||||
this.finishCount = res.data.wc
|
this.finishCount = res.data.wc
|
||||||
this.timeout = res.data.timeout
|
this.timeout = res.data.timeout
|
||||||
this.createEchartCake('echart1', {
|
this.createEchartCake('echart1', {
|
||||||
bottom: 10,
|
bottom: 10,
|
||||||
left: 'right',
|
left: 'right',
|
||||||
orient: 'vertical'
|
orient: 'vertical'
|
||||||
}, ['#91cd77', '#ef6567'], this.finishCount)
|
}, ['#91cd77', '#ef6567'], this.finishCount)
|
||||||
this.createEchartCake('echart2', {
|
this.createEchartCake('echart2', {
|
||||||
bottom: 10,
|
bottom: 10,
|
||||||
left: 'right',
|
left: 'right',
|
||||||
orient: 'vertical'
|
orient: 'vertical'
|
||||||
}, ['#ef6567', '#fc8251', '#f9c956', '#91cd77'], this.timeout)
|
}, ['#ef6567', '#fc8251', '#f9c956', '#91cd77'], this.timeout)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
repairCount3R (){
|
repairCount3R() {
|
||||||
const startDate = this.dateRange3R[0].format('YYYY-MM-DD');
|
const startDate = this.dateRange3R[0].format('YYYY-MM-DD')
|
||||||
const endDate = this.dateRange3R[1].format('YYYY-MM-DD');
|
const endDate = this.dateRange3R[1].format('YYYY-MM-DD')
|
||||||
repairStats({ startDate: startDate, endDate: endDate, type: 'eval' }).then(res => {
|
repairStats({ startDate: startDate, endDate: endDate, type: 'eval' }).then(res => {
|
||||||
this.pj = res.data.pj
|
this.pj = res.data.pj
|
||||||
this.createEchartCake('echart3', {
|
this.createEchartCake('echart3', {
|
||||||
bottom: 10,
|
bottom: 10,
|
||||||
left: 'right',
|
left: 'right',
|
||||||
orient: 'vertical'
|
orient: 'vertical'
|
||||||
}, ['#91cd77','#fc8251','#ef6567'],this.pj)
|
}, ['#91cd77', '#fc8251', '#ef6567'], this.pj)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 楼层负责人情况
|
// 楼层负责人情况
|
||||||
floorStats () {
|
floorStats() {
|
||||||
const startDate = this.dateRange4L[0].format('YYYY-MM-DD');
|
const startDate = this.dateRange4L[0].format('YYYY-MM-DD')
|
||||||
const endDate = this.dateRange4L[1].format('YYYY-MM-DD');
|
const endDate = this.dateRange4L[1].format('YYYY-MM-DD')
|
||||||
floorStats({startDate: startDate, endDate: endDate}).then(res => {
|
floorStats({ startDate: startDate, endDate: endDate }).then(res => {
|
||||||
this.createEchartLine('echart4', res.data)
|
this.createEchartLine('echart4', res.data)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
//故障统计
|
//故障统计
|
||||||
deviceStats () {
|
deviceStats() {
|
||||||
const startDate = this.dateRange4R1[0].format('YYYY-MM-DD');
|
const startDate = this.dateRange4R1[0].format('YYYY-MM-DD')
|
||||||
const endDate = this.dateRange4R1[1].format('YYYY-MM-DD');
|
const endDate = this.dateRange4R1[1].format('YYYY-MM-DD')
|
||||||
deviceStats({ startDate: startDate, endDate: endDate }).then(res => {
|
deviceStats({ startDate: startDate, endDate: endDate }).then(res => {
|
||||||
this.faultStatsCount = res.data
|
this.faultStatsCount = res.data
|
||||||
this.createColumnEcharrt('echart5', res.data)
|
this.createColumnEcharrt('echart5', res.data)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
//第四行 右下 故障类型统计
|
//第四行 右下 故障类型统计
|
||||||
failureStats () {
|
failureStats() {
|
||||||
const startDate = this.dateRange4R2[0].format('YYYY-MM-DD');
|
const startDate = this.dateRange4R2[0].format('YYYY-MM-DD')
|
||||||
const endDate = this.dateRange4R2[1].format('YYYY-MM-DD');
|
const endDate = this.dateRange4R2[1].format('YYYY-MM-DD')
|
||||||
failureStats({ startDate: startDate, endDate: endDate }).then(res => {
|
failureStats({ startDate: startDate, endDate: endDate }).then(res => {
|
||||||
this.selectFaultStatsCount = res.data
|
this.selectFaultStatsCount = res.data
|
||||||
this.createEchartCake('echart6', {
|
this.createEchartCake('echart6', {
|
||||||
bottom: 10,
|
bottom: 10,
|
||||||
left: 'right',
|
left: 'right',
|
||||||
orient: 'vertical'
|
orient: 'vertical'
|
||||||
},['#ef6567', '#fc8251', '#f9c956', '#91cd77'],this.selectFaultStatsCount)
|
}, ['#ef6567', '#fc8251', '#f9c956', '#91cd77'], this.selectFaultStatsCount)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
//第五行 设备、品牌、评价 统计
|
//第五行 设备、品牌、评价 统计
|
||||||
deviceTypeStats () {
|
deviceTypeStats() {
|
||||||
const startDate = this.dateRange5[0].format('YYYY-MM-DD');
|
const startDate = this.dateRange5[0].format('YYYY-MM-DD')
|
||||||
const endDate = this.dateRange5[1].format('YYYY-MM-DD');
|
const endDate = this.dateRange5[1].format('YYYY-MM-DD')
|
||||||
deviceTypeStats({ startDate: startDate, endDate: endDate}).then(res => {
|
deviceTypeStats({ startDate: startDate, endDate: endDate }).then(res => {
|
||||||
this.loadData = res.rows
|
this.loadData = res.rows
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@ -416,7 +427,7 @@ export default {
|
|||||||
myChart.setOption(option)
|
myChart.setOption(option)
|
||||||
}
|
}
|
||||||
,
|
,
|
||||||
createEchartLine (id, data) {
|
createEchartLine(id, data) {
|
||||||
// 基于准备好的dom，初始化echarts实例
|
// 基于准备好的dom，初始化echarts实例
|
||||||
let myChart = echarts.init(document.getElementById(id))
|
let myChart = echarts.init(document.getElementById(id))
|
||||||
let option = {
|
let option = {
|
||||||
@ -427,7 +438,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
legend: {},
|
legend: {},
|
||||||
color: ['#75bedc','#f9c956'],
|
color: ['#75bedc', '#f9c956'],
|
||||||
grid: {
|
grid: {
|
||||||
left: '3%',
|
left: '3%',
|
||||||
right: '4%',
|
right: '4%',
|
||||||
@ -461,7 +472,7 @@ export default {
|
|||||||
myChart.setOption(option)
|
myChart.setOption(option)
|
||||||
}
|
}
|
||||||
,
|
,
|
||||||
createColumnEcharrt (id, data) {
|
createColumnEcharrt(id, data) {
|
||||||
data.x = data.x.map(item => {
|
data.x = data.x.map(item => {
|
||||||
if (item && item.length > 4) {
|
if (item && item.length > 4) {
|
||||||
item = item.substring(0, 4) + '..'
|
item = item.substring(0, 4) + '..'
|
||||||
@ -478,7 +489,7 @@ export default {
|
|||||||
]
|
]
|
||||||
//计算，总数-已完成=未完成
|
//计算，总数-已完成=未完成
|
||||||
for (let i = 0; i < rawData[0].length; ++i) {
|
for (let i = 0; i < rawData[0].length; ++i) {
|
||||||
rawData[0][i]-=rawData[1][i];
|
rawData[0][i] -= rawData[1][i]
|
||||||
}
|
}
|
||||||
const grid = {
|
const grid = {
|
||||||
left: 100,
|
left: 100,
|
||||||
@ -497,7 +508,7 @@ export default {
|
|||||||
barWidth: '10px',
|
barWidth: '10px',
|
||||||
label: {
|
label: {
|
||||||
show: true,
|
show: true,
|
||||||
formatter: (params) => params.value>0 ? params.value : ""
|
formatter: (params) => params.value > 0 ? params.value : ''
|
||||||
},
|
},
|
||||||
data: rawData[sid].map((d, did) => rawData[sid][did])
|
data: rawData[sid].map((d, did) => rawData[sid][did])
|
||||||
}
|
}
|
||||||
@ -506,7 +517,7 @@ export default {
|
|||||||
legend: {
|
legend: {
|
||||||
selectedMode: false
|
selectedMode: false
|
||||||
},
|
},
|
||||||
color: ['#f9c956','#75bedc'],
|
color: ['#f9c956', '#75bedc'],
|
||||||
grid,
|
grid,
|
||||||
yAxis: {
|
yAxis: {
|
||||||
type: 'value'
|
type: 'value'
|
||||||
@ -548,6 +559,7 @@ export default {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -555,15 +567,8 @@ export default {
|
|||||||
width: 80px;
|
width: 80px;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
border-radius: 80px;
|
border-radius: 80px;
|
||||||
background: white;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.topHeadView .itemView .imgView {
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
border-radius: 80px;
|
|
||||||
background: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.topHeadView .itemView .label {
|
.topHeadView .itemView .label {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
@ -636,6 +641,8 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user