Skip to content

A
apaas-ui
Commit 2b2e218a authored by 张俊's avatar 张俊
Browse files
Options

流程详情接口对接

parent 3d8b54a4
Hide whitespace changes
Inline Side-by-side
Showing with 162 additions and 54 deletions
src/components/e-charts/process-top-list.vue
View file @ 2b2e218a
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
></el-progress> ></el-progress>
<span <span
style="float:right;" style="float:right;"
v-text="helper.numberFormat(option.request_count, 2) + (option.request_count > 10000 ? '万次' : '次')" v-text="helper.numberFormat(option.request_count, 2) + (option.request_count > 10000 ? '万'+unit : unit)"
></span> ></span>
</div> </div>
</li> </li>
...@@ -39,7 +39,11 @@ export default { ...@@ -39,7 +39,11 @@ export default {
targetValue: { targetValue: {
type: Number, type: Number,
default: () => 0 default: () => 0
} },
unit: {
type: String,
default: () => '次'
},
}, },
data() { data() {
return { return {
......
src/components/shop-car-apply/apply_service_state.vue
View file @ 2b2e218a
...@@ -137,6 +137,11 @@ export default { ...@@ -137,6 +137,11 @@ export default {
}; };
</script> </script>
<style>
.outborder .system .el-input__prefix,.outborder .system .el-input__suffix{
left: auto;
}
</style>
<style scoped> <style scoped>
.outborder { .outborder {
border-bottom: 2px solid rgba(244, 247, 252, 1); border-bottom: 2px solid rgba(244, 247, 252, 1);
......
src/components/table/table-um.vue
View file @ 2b2e218a
...@@ -460,7 +460,11 @@ export default { ...@@ -460,7 +460,11 @@ export default {
}); });
}, },
gotopage(url,id){ gotopage(url,id){
this.$router.push(`/fwgl/0/0/servicedetail/${id}`) if(url=='/'){
this.$router.push(`/fwgl/0/0/servicedetail/${id}`)
}else{
this.$router.push(`${url}${id}`)
}
}, },
//本地删除 //本地删除
deleteLocal(val) { deleteLocal(val) {
......
src/pages/workbench/component-center/process-management/designer/detail.vue
View file @ 2b2e218a
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</div> </div>
<div class="type_box_select"> <div class="type_box_select">
<info-list :list_arr="now_service==0?list_arr:servicead_arr"> <info-list :list_arr="now_service==0?list_arr:servicead_arr">
<table-um style="width:700px;" v-if="zd_table_arr.length" height='250px' :stripe="true" :headers="header_arr" :datas="zd_table_arr" slot="fw_table"></table-um> <table-um style="width:700px;" height='250px' :stripe="true" :headers="header_arr" :datas="zd_table_arr" slot="fw_table"></table-um>
<div slot="process">流程</div> <div slot="process">流程</div>
<div slot="count"> <div slot="count">
<div class="charts"> <div class="charts">
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<img style="width:48px;float:left;margin-top:20px;" src="../../../../../assets/imgs/shop_ic_jierujg.png" alt=""> <img style="width:48px;float:left;margin-top:20px;" src="../../../../../assets/imgs/shop_ic_jierujg.png" alt="">
<div style="float:right;"> <div style="float:right;">
<p>流程实例总数</p> <p>流程实例总数</p>
<p><span>2,980</span><span>万</span></p> <p><span>{{all_count.total_instances>=10000?all_count.total_instances/10000:all_count.total_instances}}</span><span :style="all_count.total_instances>=10000?'':{opacity:0}">万</span></p>
</div> </div>
</div> </div>
</div> </div>
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
<img style="width:48px;float:left;margin-top:20px;" src="../../../../../assets/imgs/liucheng_ic_haoshi.png" alt=""> <img style="width:48px;float:left;margin-top:20px;" src="../../../../../assets/imgs/liucheng_ic_haoshi.png" alt="">
<div style="float:right;margin-right:40px;"> <div style="float:right;margin-right:40px;">
<p>流程平均耗时</p> <p>流程平均耗时</p>
<p style="right:-38px;"><span>35</span><span>min</span></p> <p style="right:-38px;"><span>{{all_count.avg_time}}</span><span>min</span></p>
</div> </div>
</div> </div>
</div> </div>
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<img style="width:48px;float:left;margin-top:20px;" src="../../../../../assets/imgs/liucheng_ic_haoshi.png" alt=""> <img style="width:48px;float:left;margin-top:20px;" src="../../../../../assets/imgs/liucheng_ic_haoshi.png" alt="">
<div style="float:right;"> <div style="float:right;">
<p>流程超时率</p> <p>流程超时率</p>
<p><span>5</span><span>%</span></p> <p><span>{{all_count.timeout_rate}}</span><span>%</span></p>
</div> </div>
</div> </div>
</div> </div>
...@@ -64,6 +64,7 @@ ...@@ -64,6 +64,7 @@
class="block-radius-content" class="block-radius-content"
:options="toplistData" :options="toplistData"
:target-value="toplistTargetValue" :target-value="toplistTargetValue"
unit="min"
></toplist> ></toplist>
</block-radius> </block-radius>
</div> </div>
...@@ -89,7 +90,7 @@ import infoList from '@/components/infoList' ...@@ -89,7 +90,7 @@ import infoList from '@/components/infoList'
import tableUm from '@/components/table/table-um' import tableUm from '@/components/table/table-um'
import BlockRadius from "@/components/general/block-radius"; import BlockRadius from "@/components/general/block-radius";
import lineChart from "@/components/e-charts/line_chart"; import lineChart from "@/components/e-charts/line_chart";
import Toplist from "@/components/e-charts/toplist"; import Toplist from "@/components/e-charts/process-top-list";
import BarChart from "@/components/e-charts/bar-chart"; import BarChart from "@/components/e-charts/bar-chart";
export default { export default {
components: { components: {
...@@ -117,18 +118,28 @@ export default { ...@@ -117,18 +118,28 @@ export default {
fixed_url:'/', fixed_url:'/',
url:'' url:''
}, },
all_count: {
        "total_instances": 0, //流程实例总数
        "timeout_rate": 0,//流程超时率
        "avg_time": 0 // 流程平均耗时
    },
toplistData:[], toplistData:[],
toplistTargetValue:0, toplistTargetValue:0,
bar_data_org: {}, bar_data_org: {
legendData: [],
seriesData: [
]
},
state:1, state:1,
now_service:0, now_service:0,
service_arr:[], service_arr:[],
line_data:{ line_data:{
xAxisData: ['01-02','01-03','01-04','01-05','01-06','01-07'], xAxisData: [],
seriesData: [ seriesData: [
{ {
name: "趋势", name: "趋势",
data: [100,200,500,1000,1800,500] data: []
} }
] ]
}, },
...@@ -151,12 +162,6 @@ export default { ...@@ -151,12 +162,6 @@ export default {
type:'solt', type:'solt',
solt_name:'fw_table' solt_name:'fw_table'
}, },
{
title:'流程概览：',
info:'',
type:'solt',
solt_name:'process'
},
], ],
servicead_arr:[ servicead_arr:[
{ {
...@@ -188,37 +193,157 @@ export default { ...@@ -188,37 +193,157 @@ export default {
align:'center', align:'center',
}, },
], ],
zd_table_arr:[] zd_table_arr:[],
chart_data:'',
} }
}, },
created(){ created(){
this.get_process_detail() this.get_process_detail()
this.get_table_service()
}, },
methods:{ methods:{
get_process_detail(){ get_process_detail(){
this.$http this.$http
.get('/apaas/serviceapp/v3/workflows/detail?id='+9) .get('/apaas/serviceapp/v3/workflows/briefDetail?id='+this.$route.params.id)
.then(response => { .then(response => {
let data = response.data.data let data = response.data.data
console.log(data); console.log(data);
this.state = data.state this.state = data.state
this.get_header(data) this.get_header(data)
this.getbaseinfo(data) this.getbaseinfo(data)
if(this.state!==0){
this.get_all_count()
this.get_process_num()
this.get_node_time()
this.get_node_timeout()
}else{
this.list_arr.push(
{
title:'流程概览：',
info:'',
type:'solt',
solt_name:'process'
})
}
}) })
.catch(function(response) { .catch(function(response) {
}); });
}, },
changeday(){ changeday(index){
if(index==0){
this.deal_charts_data(this.chart_data.day)
}else{
this.deal_charts_data(this.chart_data.month)
}
},
get_node_time(){
this.$http
.get('/apaas/serviceapp/v3/workflows/detail/nodeElapsedTimeStat?id='+this.$route.params.id)
.then(response => {
let data = response.data.data
this.toplistData = []
var temp = []
if(data){
data.forEach(e => {
this.toplistData.push({
service_name:e.node_name,
request_count:e.elapsed_time
})
temp.push(e.elapsed_time)
});
if(Math.max(...temp)>=1){
this.toplistTargetValue = Math.max(...temp)
}else{
this.toplistTargetValue = 1
}
}
})
.catch(function(response) {
});
},
get_node_timeout(){
this.$http
.get('/apaas/serviceapp/v3/workflows/detail/nodeTimeoutRate?id='+this.$route.params.id)
.then(response => {
let data = response.data.data
if(data){
var tempx = []
var tempy = []
data.forEach(e => {
tempx.push(e.node_name)
tempy.push(e.timeout_rate*100)
});
this.bar_data_org= {
legendData: tempx,
seriesData: tempy
}
}
})
.catch(function(response) {
});
},
get_process_num(){
this.$http
.get('/apaas/serviceapp/v3/workflows/detail/statInstance?id='+this.$route.params.id)
.then(response => {
let data = response.data.data
if(data){
this.chart_data = data
this.deal_charts_data(this.chart_data.day)
}
})
.catch(function(response) {
});
},
deal_charts_data(arr){
var tempx = []
var tempy = []
arr.forEach(e => {
tempx.push(e.date)
tempy.push(e.wf_instances)
});
this.line_data={
xAxisData: tempx,
seriesData: [
{
name: "趋势",
data: tempy
}
]
}
},
get_all_count(){
this.$http
.get('/apaas/serviceapp/v3/workflows/detail/summary?id='+this.$route.params.id)
.then(response => {
let data = response.data.data
if(data){
this.all_count = data
}
})
.catch(function(response) {
});
}, },
get_table_service(){ get_table_service(){
this.$http this.$http
.get('/apaas/serviceapp/v3/workflows/mountServices?id='+9) .get('/apaas/serviceapp/v3/workflows/mountServices?id='+this.$route.params.id)
.then(response => { .then(response => {
let data = response.data.data let data = response.data.data
this.zd_table_arr = []
if(data&&data.length){ if(data&&data.length){
this.zd_table_arr = data data.forEach(e => {
this.zd_table_arr.push({
fwmc:e.name,
id:e.service_id,
time:e.service_end_time
})
});
} }
}) })
.catch(function(response) { .catch(function(response) {
...@@ -308,36 +433,6 @@ export default { ...@@ -308,36 +433,6 @@ export default {
this.$set(this.list_arr[0],'info',data.describe) this.$set(this.list_arr[0],'info',data.describe)
this.$set(this.list_arr[1],'info',data.org_name) this.$set(this.list_arr[1],'info',data.org_name)
this.$set(this.list_arr[2],'info',data.create_time.split('+')[0].replace('T',' ')) this.$set(this.list_arr[2],'info',data.create_time.split('+')[0].replace('T',' '))
this.zd_table_arr=[
{
fwmc:'身份验证服务',
time:'2020-11-15 15:20:30'
},
{
fwmc:'身份验证服务',
time:'2020-11-15 15:20:30'
},
{
fwmc:'身份验证服务',
time:'2020-11-15 15:20:30'
},
{
fwmc:'身份验证服务',
time:'2020-11-15 15:20:30'
},
{
fwmc:'身份验证服务',
time:'2020-11-15 15:20:30'
},
{
fwmc:'身份验证服务',
time:'2020-11-15 15:20:30'
},
{
fwmc:'身份验证服务',
time:'2020-11-15 15:20:30'
},
]
} }
} }
......
src/pages/workbench/component-center/process-management/monitoring/index.vue
View file @ 2b2e218a
...@@ -204,7 +204,7 @@ export default { ...@@ -204,7 +204,7 @@ export default {
align: "left", align: "left",
minWidtn:'40%', minWidtn:'40%',
type:'click', type:'click',
url:'/', url:'/progress/designer/detail/',
id:'id', id:'id',
}, },
{ {
......
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