Skip to content

D
dsk-operate-sys-cscec
Commit 9914e5b1 authored by danfuman's avatar danfuman
Browse files
Options

修改

parent 77e284af
Hide whitespace changes
Inline Side-by-side
Showing with 443 additions and 8 deletions
dsk-operate-ui/src/views/detail/party-a/consultingTransaction/cooperativeConstructionUnit.vue
View file @ 9914e5b1
...@@ -42,7 +42,8 @@ ...@@ -42,7 +42,8 @@
<div v-else v-html="scope.row.projectName || '--'"></div> <div v-else v-html="scope.row.projectName || '--'"></div>
</template> </template>
<template v-else> <template v-else>
<span @click="linkTo1(scope.row.sourceId)" v-if="scope.row.projectName" style="color: #0081FF;cursor: pointer;" v-html="scope.row.projectName">{{scope.row.projectName}}</span> <span @click="linkTo1(scope.row.sourceId)" v-if="scope.row.projectName && scope.row.sourceId" style="color: #0081FF;cursor: pointer;" v-html="scope.row.projectName">{{scope.row.projectName}}</span>
<span v-else-if="scope.row.projectName" v-html="scope.row.projectName">{{scope.row.projectName}}</span>
<span v-else>-</span> <span v-else>-</span>
</template> </template>
</template> </template>
...@@ -367,12 +368,14 @@ export default { ...@@ -367,12 +368,14 @@ export default {
}, },
linkTo1(id){ linkTo1(id){
let url = "" let url = ""
skyProjectDetail({sourceId:id}).then(res=>{ if(id){
if(res.data&&res.data.sourceUrl){ skyProjectDetail({sourceId:id}).then(res=>{
url = res.data.sourceUrl if(res.data&&res.data.sourceUrl){
window.open(url, "_blank") url = res.data.sourceUrl
} window.open(url, "_blank")
}) }
})
}
} }
}, },
} }
......
dsk-operate-ui/src/views/detail/party-a/consultingTransaction/cooperativeOwnerUnits.vue
View file @ 9914e5b1
...@@ -42,7 +42,8 @@ ...@@ -42,7 +42,8 @@
<div v-else v-html="scope.row.projectName || '--'"></div> <div v-else v-html="scope.row.projectName || '--'"></div>
</template> </template>
<template v-else> <template v-else>
<span @click="linkTo1(scope.row.sourceId)" v-if="scope.row.projectName" style="color: #0081FF;cursor: pointer;" v-html="scope.row.projectName">{{scope.row.projectName}}</span> <span @click="linkTo1(scope.row.sourceId)" v-if="scope.row.projectName && scope.row.sourceId" style="color: #0081FF;cursor: pointer;" v-html="scope.row.projectName">{{scope.row.projectName}}</span>
<span v-else-if="scope.row.projectName" v-html="scope.row.projectName">{{scope.row.projectName}}</span>
<span v-else>-</span> <span v-else>-</span>
</template> </template>
</template> </template>
......
dsk-operate-ui/src/views/supplier/supplierRating/overview.vue 0 → 100644
View file @ 9914e5b1
<template>
<div class="supplier">
<div class="search-supplier m-b16">
<div class="title_wrap">
<div class="enterprise_title">
供应商实时考核情况
</div>
</div>
<div class="evalist">
<div>
<div class="eva1"><img src="@/assets/images/evaluate_1.png">考核供应商数</div>
<div class="eva2"><span>330</span>个</div>
</div>
<div>
<div class="eva1"><img src="@/assets/images/evaluate_2.png">物资供应商数</div>
<div class="eva2"><span>330</span>个</div>
</div>
<div>
<div class="eva1"><img src="@/assets/images/evaluate_3.png">劳务分包供应商</div>
<div class="eva2"><span>27</span>个</div>
</div>
<div>
<div class="eva1"><img src="@/assets/images/evaluate_4.png">专业分包供应商</div>
<div class="eva2"><span>102</span>个</div>
</div>
<div>
<div class="eva1"><img src="@/assets/images/evaluate_5.png">设备供应商</div>
<div class="eva2"><span>5</span>个</div>
</div>
<div>
<div class="eva1"><img src="@/assets/images/evaluate_6.png">履约预警供应商</div>
<div class="eva2"><span>0</span>个</div>
</div>
<div>
<div class="eva1"><img src="@/assets/images/evaluate_7.png">信用预警供应商</div>
<div class="eva2"><span>0</span>个</div>
</div>
</div>
</div>
<div class="yj-supplier m-b16">
<div class="title_wrap">
<div class="enterprise_title">供应商预警</div>
</div>
<div class="yj-main">
<div class="yi-cont yj-left">
<div class="yj-title">供应商履约预警动态<span>（+3）</span></div>
<div class="yj-list">
<div class="main-box">
<el-timeline>
<el-timeline-item
v-for="(item, index) in yjdt"
:key="index">
<div class="grade">预警等级：{{item.grade}}</div>
<div class="unit">供应商单位：{{item.unit}}</div>
<div class="projectName">项目名称：{{item.projectName}}</div>
<div class="time">{{item.time}}</div>
</el-timeline-item>
</el-timeline>
</div>
</div>
</div>
<div class="yi-cont yj-right">
<div class="yj-title">供应信用预警状态<span>（+3）</span></div>
<div class="yj-list">
<div class="main-box">
<el-timeline>
<el-timeline-item
v-for="(item, index) in yjzt"
:key="index">
<div class="grade">预警等级：{{item.grade}}</div>
<div class="unit">供应商单位：{{item.unit}}</div>
<div class="projectName">项目名称：{{item.projectName}}</div>
<div class="time">{{item.time}}</div>
</el-timeline-item>
</el-timeline>
</div>
</div>
</div>
</div>
</div>
<div class="charts-supplier">
<div class="title_wrap">
<div class="enterprise_title">优质供应商履约得分排行榜</div>
</div>
<div class="charts-main">
<div class="charts-cont">
<div class="charts-title">物资类供应商履约得分TOP10</div>
<div class="charts-div">
<div id="wz-echarts" style="height: 350px;"></div>
</div>
</div>
<div class="charts-cont">
<div class="charts-title">设备类供应商履约得分TOP10</div>
<div class="charts-div">
</div>
</div>
<div class="charts-cont">
<div class="charts-title">劳务分包类供应商TOP10</div>
<div class="charts-div">
</div>
</div>
<div class="charts-cont">
<div class="charts-title">专业分包类供应商TOP10</div>
<div class="charts-div">
</div>
</div>
<div class="charts-cont">
<div class="charts-title">专业服务类供应商TOP10</div>
<div class="charts-div">
</div>
</div>
<div class="charts-cont">
<div class="charts-title">租赁类供应商TOP10</div>
<div class="charts-div">
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import '@/assets/styles/public.scss'
import '@/assets/styles/supplierlist.scss'
import mixin from '@/views/detail/party-a/mixins/mixin'
import * as echarts from 'echarts';
export default {
name: 'overview',
mixins: [mixin],
components:{},
data(){
return{
yjdt:[
{
grade:'C',
unit:'莱晟达(烟台)环保材料科技有限公司',
projectName:'石家庄高新区集中安置区棚户区改造项目G区（5#）EPC总承包',
time:'2024年3月18日 17:33:33',
},
{
grade:'C',
unit:'莱晟达(烟台)环保材料科技有限公司',
projectName:'石家庄高新区集中安置区棚户区改造项目G区（5#）EPC总承包',
time:'2024年3月18日 17:33:33',
},
{
grade:'C',
unit:'莱晟达(烟台)环保材料科技有限公司',
projectName:'石家庄高新区集中安置区棚户区改造项目G区（5#）EPC总承包',
time:'2024年3月18日 17:33:33',
},
{
grade:'C',
unit:'莱晟达(烟台)环保材料科技有限公司',
projectName:'石家庄高新区集中安置区棚户区改造项目G区（5#）EPC总承包',
time:'2024年3月18日 17:33:33',
},
{
grade:'C',
unit:'莱晟达(烟台)环保材料科技有限公司',
projectName:'石家庄高新区集中安置区棚户区改造项目G区（5#）EPC总承包',
time:'2024年3月18日 17:33:33',
},
{
grade:'C',
unit:'莱晟达(烟台)环保材料科技有限公司',
projectName:'石家庄高新区集中安置区棚户区改造项目G区（5#）EPC总承包',
time:'2024年3月18日 17:33:33',
},
],
yjzt:[
{
grade:'C',
unit:'莱晟达(烟台)环保材料科技有限公司',
projectName:'石家庄高新区集中安置区棚户区改造项目G区（5#）EPC总承包',
time:'2024年3月18日 17:33:33',
},
{
grade:'C',
unit:'莱晟达(烟台)环保材料科技有限公司',
projectName:'石家庄高新区集中安置区棚户区改造项目G区（5#）EPC总承包',
time:'2024年3月18日 17:33:33',
},
{
grade:'C',
unit:'莱晟达(烟台)环保材料科技有限公司',
projectName:'石家庄高新区集中安置区棚户区改造项目G区（5#）EPC总承包',
time:'2024年3月18日 17:33:33',
},
{
grade:'C',
unit:'莱晟达(烟台)环保材料科技有限公司',
projectName:'石家庄高新区集中安置区棚户区改造项目G区（5#）EPC总承包',
time:'2024年3月18日 17:33:33',
},
{
grade:'C',
unit:'莱晟达(烟台)环保材料科技有限公司',
projectName:'石家庄高新区集中安置区棚户区改造项目G区（5#）EPC总承包',
time:'2024年3月18日 17:33:33',
},
{
grade:'C',
unit:'莱晟达(烟台)环保材料科技有限公司',
projectName:'石家庄高新区集中安置区棚户区改造项目G区（5#）EPC总承包',
time:'2024年3月18日 17:33:33',
},
],
wzData:[
{
name:'北京宏盛兴达装饰设计有限责任公司',
money:'7729836.61',
score:'118'
},
{
name:'重庆宏力嘉商贸有限公司',
money:'245097.73',
score:'114'
},
{
name:'北京京首建混凝土搅拌站有限公司',
money:'684122.3179',
score:'114'
},
{
name:'重庆越尚建材有限公司',
money:'83289.27',
score:'110'
},
{
name:'都江堰市宏发节能砖厂',
money:'83289.27',
score:'102'
},
{
name:'重庆展鹏门业有限公司',
money:'13289.27',
score:'92'
},
{
name:'海南奥利格新型建',
money:'13289.27',
score:'82'
},
{
name:'莱晟达(烟台)环保材料科',
money:'13289.27',
score:'78'
},
{
name:'中建蓉成建材成都有限公司',
money:'13289.27',
score:'72'
},
{
name:'北京京首建混凝土搅拌站有限公司',
money:'13289.27',
score:'62'
},
]
}
},
created() {
this.$nextTick(()=>{
this.initChart(this.wzData)
})
},
methods:{
initChart(data) {
let myChart = echarts.init(document.getElementById("wz-echarts"))
let option = {
// 坐标轴
grid: {
top: "2%",
left: "5%",
right: "3%",
bottom: "5%",
containLabel: true, //是否包含坐标轴的文字
},
xAxis: [
//x轴数据设置
{
type: "value",
min: 0,
axisLabel: {
formatter: "{value} ",
},
splitLine: {
show: false,
},
},
],
yAxis: [
{
type: "category",
data: data.map(item => item.name),
splitLine: {
show: false,
},
},
],
series: [
{
data: data.map(item => item.score),
type: "bar",
barWidth: 12,
label: {
normal: {
show: false,
// position: "right",
},
},
itemStyle: {
color: '#0081FF',
}
},
],
};
myChart.setOption(option);
window.addEventListener("resize", function () {
myChart.resize();//图表跟随页面大小变化宽度
});
}
}
}
</script>
<style lang="scss" scoped>
.m-b16{
margin-bottom: 16px;
}
.yj-supplier{
background: #ffffff;
.yj-main{
display: flex;
height: 512px;
overflow: hidden;
margin-top: 16px;
.yj-title{
color: #232323;
font-size: 14px;
line-height: 24px;
margin-bottom: 8px;
font-weight: 600;
span{
color: #FF3C3C;
}
}
.yi-cont{
width: 48%;
margin: 0 1%;
}
.yj-list{
border-radius: 4px 4px 4px 4px;
border: 1px solid #DCDFE6;
overflow-y: auto;
height: 448px;
padding: 12px 8px;
font-size: 14px;
color: #232323;
line-height: 22px;
.time{
font-size: 12px;
color: rgba(35,35,35,0.6);
margin-top: 8px;
}
}
::v-deep .el-timeline{
.el-timeline-item{
margin-bottom: 8px;
padding-bottom: 0;
}
.el-timeline-item__wrapper{
padding-left:16px;
}
.el-timeline-item__tail{
top: 12px;
height: calc(100% - 18px);
}
.el-timeline-item__node{
background-color:#ffffff;
border: 2px solid #FF3C3C;
}
.el-timeline-item__node--normal{
left: 1px;
width: 8px;
height: 8px;
top: 2px;
}
.el-timeline-item:last-child .el-timeline-item__tail{
display: block;
}
}
}
}
.charts-supplier{
background: #ffffff;
.charts-main {
display: flex;
flex-wrap: wrap;
overflow: hidden;
padding-top:16px;
.charts-cont{
width: 48%;
margin: 0 1%;
margin-bottom: 24px;
.charts-title{
font-size: 14px;
color: #232323;
line-height: 24px;
margin-bottom: 8px;
font-weight: 600;
}
}
.charts-div{
height: 512px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #DCDFE6;
}
}
}
</style>
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