test/DolphinScheduler
1
0
Fork 0
mirror of https://gitee.com/dolphinscheduler/DolphinScheduler.git synced 2024-12-04 05:09:48 +08:00
Code Issues Actions 10 Packages Projects Releases Wiki Activity

[fixBug-3792][ui]Click on the sidebar to adapt the width of the pie chart on the project homepage

Browse Source
This commit is contained in:
break60 2020-09-24 10:04:28 +08:00
parent dce518c346
commit 387437a669
5 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/processStateCount.vue
View File

@ -19,7 +19,7 @@
<div v-show="!msg">
<div class="data-area" v-spin="isSpin" style="height: 430px;">
<div class="col-md-7">
<div id="process-state-pie" style="height:260px;margin-top: 100px;"></div>
<div id="process-state-pie" style="width:100%;height:260px;margin-top: 100px;"></div>
</div>
<div class="col-md-5">
<div class="table-small-model">
@ -52,6 +52,8 @@
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/instanceConditions/common'
export default {
@ -87,7 +89,7 @@
value: v.count
}
})
const myChart = Chart.pie('#process-state-pie', this.processStateList, { title: '' })
const myChart = Chart.pie('#process-state-pie', this.processStateList, { title: '' })
myChart.echart.setOption(pie)
// 首页不允许跳转
if (this.searchParams.projectId) {
@ -112,6 +114,9 @@
this.isSpin = false
})
}
},
'$store.state.projects.sideBar': function() {
echarts.init(document.getElementById('process-state-pie')).resize()
}
},
beforeCreate () {

7
dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/index/_source/taskCtatusCount.vue
View File

@ -19,7 +19,7 @@
<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="height:260px;margin-top: 100px;"></div>
<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">
@ -54,6 +54,8 @@
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/instanceConditions/common'
@ -117,6 +119,9 @@
this.isSpin = false
})
}
},
'$store.state.projects.sideBar': function() {
echarts.init(document.getElementById('task-status-pie')).resize()
}
},
beforeCreate () {

6
dolphinscheduler-ui/src/js/conf/home/store/projects/mutations.js
View File

@ -16,4 +16,10 @@
*/
export default {
/**
* set sideBar
* */
setSideBar (state, payload) {
state.sideBar = payload
},
}

2
dolphinscheduler-ui/src/js/conf/home/store/projects/state.js
View File

@ -15,5 +15,5 @@
* limitations under the License.
*/
export default {
sideBar: 1
}

4
dolphinscheduler-ui/src/js/module/components/secondaryMenu/secondaryMenu.vue
View File

@ -55,7 +55,7 @@
</template>
<script>
import menu from './_source/menu'
import store from '@/conf/home/store'
export default {
name: 'secondary-menu',
data () {
@ -85,8 +85,10 @@
this.isTogHide = !this.isTogHide
if(this.isTogHide) {
sessionStorage.setItem('isLeft',0)
store.commit('projects/setSideBar',0)
} else {
sessionStorage.setItem('isLeft',1)
store.commit('projects/setSideBar',1)
}
}
},