Browse Source
[Improvement][UI] UI eslint support for better code quality and fewer bugspull/3/MERGE
xingchun-chen
4 years ago
committed by
GitHub
156 changed files with 2016 additions and 2164 deletions
@ -0,0 +1,7 @@ |
|||||||
|
/_test_/ |
||||||
|
/build/ |
||||||
|
/dist/ |
||||||
|
/node/ |
||||||
|
/node_modules/ |
||||||
|
/target/ |
||||||
|
/*.js |
||||||
@ -1,150 +0,0 @@ |
|||||||
/* |
|
||||||
* Licensed to the Apache Software Foundation (ASF) under one or more |
|
||||||
* contributor license agreements. See the NOTICE file distributed with |
|
||||||
* this work for additional information regarding copyright ownership. |
|
||||||
* The ASF licenses this file to You under the Apache License, Version 2.0 |
|
||||||
* (the "License"); you may not use this file except in compliance with |
|
||||||
* the License. You may obtain a copy of the License at |
|
||||||
* |
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0 |
|
||||||
* |
|
||||||
* Unless required by applicable law or agreed to in writing, software |
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS, |
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|
||||||
* See the License for the specific language governing permissions and |
|
||||||
* limitations under the License. |
|
||||||
*/ |
|
||||||
<template> |
|
||||||
<div class="task-ctatus-count-model"> |
|
||||||
<div v-show="!msg"> |
|
||||||
<div class="data-area" v-spin="isSpin" style="height: 430px;"> |
|
||||||
<div class="col-md-7"> |
|
||||||
<div id="task-status-pie" style="width:100%;height:260px;margin-top: 100px;"></div> |
|
||||||
</div> |
|
||||||
<div class="col-md-5"> |
|
||||||
<div class="table-small-model"> |
|
||||||
<table> |
|
||||||
<tr> |
|
||||||
<th width="40">{{$t('#')}}</th> |
|
||||||
<th>{{$t('Number')}}</th> |
|
||||||
<th>{{$t('State')}}</th> |
|
||||||
</tr> |
|
||||||
<tr v-for="(item,$index) in taskCtatusList" :key="$index"> |
|
||||||
<td><span>{{$index+1}}</span></td> |
|
||||||
<td> |
|
||||||
<a v-if="currentName === 'home'" style="cursor: default">{{item.value}}</a> |
|
||||||
<span v-else> |
|
||||||
<a href="javascript:" @click="searchParams.projectId && _goTask(item.key)">{{item.value}}</a> |
|
||||||
</span> |
|
||||||
</td> |
|
||||||
<td><span class="ellipsis" style="width: 98%;" :title="item.key">{{item.key}}</span></td> |
|
||||||
</tr> |
|
||||||
</table> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div v-show="msg"> |
|
||||||
<m-no-data :msg="msg" v-if="msg" :height="430"></m-no-data> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
<script> |
|
||||||
import _ from 'lodash' |
|
||||||
import { mapActions } from 'vuex' |
|
||||||
import { pie } from './chartConfig' |
|
||||||
import Chart from '@/module/ana-charts' |
|
||||||
import echarts from 'echarts' |
|
||||||
import store from '@/conf/home/store' |
|
||||||
import mNoData from '@/module/components/noData/noData' |
|
||||||
import { stateType } from '@/conf/home/pages/projects/pages/_source/conditions/instance/common' |
|
||||||
|
|
||||||
export default { |
|
||||||
name: 'task-ctatus-count', |
|
||||||
data () { |
|
||||||
return { |
|
||||||
isSpin: true, |
|
||||||
msg: '', |
|
||||||
taskCtatusList: [], |
|
||||||
currentName: '' |
|
||||||
} |
|
||||||
}, |
|
||||||
props: { |
|
||||||
searchParams: Object |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
...mapActions('projects', ['getTaskCtatusCount']), |
|
||||||
_goTask (name) { |
|
||||||
this.$router.push({ |
|
||||||
name: 'task-instance', |
|
||||||
query: { |
|
||||||
stateType: _.find(stateType, ['label', name])['code'], |
|
||||||
startDate: this.searchParams.startDate, |
|
||||||
endDate: this.searchParams.endDate |
|
||||||
} |
|
||||||
}) |
|
||||||
}, |
|
||||||
_handleTaskCtatus (res) { |
|
||||||
let data = res.data.taskCountDtos |
|
||||||
this.taskCtatusList = _.map(data, v => { |
|
||||||
return { |
|
||||||
key: _.find(stateType, ['code', v.taskStateType])['label'], |
|
||||||
value: v.count, |
|
||||||
type: 'type' |
|
||||||
} |
|
||||||
}) |
|
||||||
const myChart = Chart.pie('#task-status-pie', this.taskCtatusList, { title: '' }) |
|
||||||
myChart.echart.setOption(pie) |
|
||||||
|
|
||||||
// 首页不允许跳转 |
|
||||||
if (this.searchParams.projectId) { |
|
||||||
myChart.echart.on('click', e => { |
|
||||||
this._goTask(e.data.name) |
|
||||||
}) |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
watch: { |
|
||||||
'searchParams': { |
|
||||||
deep: true, |
|
||||||
immediate: true, |
|
||||||
handler (o) { |
|
||||||
this.isSpin = true |
|
||||||
this.getTaskCtatusCount(o).then(res => { |
|
||||||
this.taskCtatusList = [] |
|
||||||
this._handleTaskCtatus(res) |
|
||||||
this.isSpin = false |
|
||||||
}).catch(e => { |
|
||||||
this.msg = e.msg || 'error' |
|
||||||
this.isSpin = false |
|
||||||
}) |
|
||||||
} |
|
||||||
}, |
|
||||||
'$store.state.projects.sideBar': function() { |
|
||||||
echarts.init(document.getElementById('task-status-pie')).resize() |
|
||||||
} |
|
||||||
}, |
|
||||||
beforeCreate () { |
|
||||||
}, |
|
||||||
created () { |
|
||||||
this.currentName = this.$router.currentRoute.name |
|
||||||
}, |
|
||||||
beforeMount () { |
|
||||||
}, |
|
||||||
mounted () { |
|
||||||
}, |
|
||||||
beforeUpdate () { |
|
||||||
}, |
|
||||||
updated () { |
|
||||||
}, |
|
||||||
beforeDestroy () { |
|
||||||
}, |
|
||||||
destroyed () { |
|
||||||
}, |
|
||||||
computed: {}, |
|
||||||
components: { mNoData } |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="scss" rel="stylesheet/scss"> |
|
||||||
</style> |
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue