Skip to content

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

修改

parent ea29af87
Show whitespace changes
Inline Side-by-side
Showing with 899 additions and 85 deletions
dsk-operate-ui/src/utils/index.js
View file @ af1eeefb
...@@ -907,6 +907,10 @@ export const detailSideBar = new Map([ ...@@ -907,6 +907,10 @@ export const detailSideBar = new Map([
["dishonestExecutee", "ifThePerson"], ["dishonestExecutee", "ifThePerson"],
// 风险信息 失信被执行人 // 风险信息 失信被执行人
["dishonestExecutor", "dishonesty"], ["dishonestExecutor", "dishonesty"],
// 风险信息 限制高消费
["limitHighConsum", "limitHighConsumption"],
// 风险信息 股权冻结
["judicialFreezesCount", "equityFreezing"],
// 风险信息 裁判文书 // 风险信息 裁判文书
["adjudicativeDoc", "judgment"], ["adjudicativeDoc", "judgment"],
// 风险信息 法院公告 // 风险信息 法院公告
......
dsk-operate-ui/src/views/component/CustomTimeSelect.vue
View file @ af1eeefb
...@@ -173,6 +173,10 @@ export default { ...@@ -173,6 +173,10 @@ export default {
let startTime = '' let startTime = ''
let endTime = new Date() let endTime = new Date()
switch (value) { switch (value) {
case '今日':
startTime = new Date(endTime.getTime())
timeStr = [this.formatDate(startTime), this.formatDate(endTime)]
break;
case '近三天': case '近三天':
startTime = new Date(endTime.getTime() - 3600 * 1000 * 24 * 3) startTime = new Date(endTime.getTime() - 3600 * 1000 * 24 * 3)
timeStr = [this.formatDate(startTime), this.formatDate(endTime)] timeStr = [this.formatDate(startTime), this.formatDate(endTime)]
...@@ -245,7 +249,7 @@ export default { ...@@ -245,7 +249,7 @@ export default {
<style lang="scss"> <style lang="scss">
.custom-time-select1 { .custom-time-select1 {
width: 90px !important; width: 90px;
height: 34px; height: 34px;
.rote { .rote {
......
dsk-operate-ui/src/views/supplier/disableManagement/affiliationRisk.vue 0 → 100644
View file @ af1eeefb
<template>
<div class="supplier">
<div class="search-supplier">
<div class="title_wrap">
<div class="enterprise_title">
劳务供应商挂靠风险
</div>
</div>
<div class="content-supplier">
<el-form :model="formdata" label-width="160px" label-position="right" :inline="true" >
<el-row>
<el-col :span="8">
<el-form-item label="劳务队长名称" label-width="90px" class="i">
<el-input v-model="formdata.supplierName" placeholder="请输入供应商名称" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否为局名义被诉案件">
<el-select v-model="formdata.isGroupCase" placeholder="请选择" clearable>
<el-option label="是" value="是"></el-option>
<el-option label="否" value="否"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="限用/禁用时间" label-width="115px" class="j">
<el-date-picker
v-model="formdata.times" clearable
type="daterange"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="年/月/日"
end-placeholder="年/月/日">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-form-item label=" " label-width="90px" >
<el-button type="primary" size="small" @click="searchList">查询</el-button>
<el-button size="small" @click="clears">重置</el-button>
</el-form-item>
</el-form>
</div>
</div>
<div class="table-supplier">
<div class="total-title">
<div class="totals">共{{total}}条</div>
</div>
<div class="table-item-jf table-item-jf1 empty-table" v-if="total == 0 && !isSkeleton">
<img class="item-jf-img" src="@/assets/images/kong.png" alt="">
<div class="item-jf-titel">暂无相关数据</div>
<div class="item-jf-text">抱歉，暂无数据，试试更换搜索条件吧</div>
</div>
<skeleton v-if="isSkeleton"></skeleton>
<div class="table-item-jf table-item" v-if="!isSkeleton&&tableData.length>0">
<el-table :data="tableData" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}"
v-sticky-header.always="{offsetTop : '-16px',offsetBottom : '-15px'}" class="table-item1 fixed-table" border highlight-current-row
:header-row-class-name="setHeaderRow" :cell-class-name="setCellClass" :row-class-name="setRowClass" :header-cell-class-name="setCellClass"
ref="theOwnerListTable">
<el-table-column type="index" label="序号" :fixed="tableColumnFixed" width="60" :resizable="false">
<template slot-scope="scope">
<span>{{(formdata.pageNum - 1) *formdata.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="单据编号" :fixed="tableColumnFixed" width="150" :resizable="false">
<template slot-scope="scope">
{{scope.row.frecordno||"--"}}
</template>
</el-table-column>
<el-table-column label="分供方名称" :fixed="tableColumnFixed" width="380" :resizable="false">
<template slot-scope="scope">
<div class="renling">
<div style="display:flex;align-items:center">
<router-link v-if="scope.row.supplierCid" :to="`/enterprise/${encodeStr(scope.row.supplierCid)}`" tag="a"
class="wordprimary" v-html="scope.row.fsuppliername"></router-link>
<span v-else v-html="scope.row.fsuppliername"></span>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="社会统一信用代码" min-width="180">
<template slot-scope="scope">
{{scope.row.funifiedsocialcreditcode||"--"}}
</template>
</el-table-column>
<el-table-column label="限用情形" min-width="280" :resizable="false">
<template slot-scope="scope">
<div class="wrap2">{{scope.row.flimitsituation||"--"}}</div>
</template>
</el-table-column>
<el-table-column label="禁用情景" min-width="280" :resizable="false">
<template slot-scope="scope">
{{scope.row.fdisablesituation||"--"}}
</template>
</el-table-column>
<el-table-column label="限用推送单位" min-width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.fjobunitname||"--"}}
</template>
</el-table-column>
<el-table-column label="限用/禁用" min-width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.fstate||"--"}}
</template>
</el-table-column>
<el-table-column label="限用/禁用开始日期" min-width="180" :resizable="false">
<template slot-scope="scope">
{{scope.row.fts||"--"}}
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>formdata.pageSize">
<el-pagination background :page-size="formdata.pageSize" :current-page.sync="formdata.pageNum" @current-change="handleCurrentChange" layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import { encodeStr } from "@/assets/js/common.js";
import "@/assets/styles/public.scss";
import "@/assets/styles/supplierlist.scss";
import skeleton from '@/views/project/projectList/component/skeleton';
import {getSupplierLimitedList} from '@/api/supplier/supplier';
export default {
name: 'affiliationRisk',
components:{skeleton},
data(){
return{
encodeStr,
formdata:{
supplierName:'',
isGroupCase:'',
limitedStartTime:'',
limitedEndTime:'',
times:[],
pageSize:50,
pageNum:1,
},
tableData:[],
isSkeleton:true,
total:0,
// table列是否悬浮
tableColumnFixed: true,
fbsvisib:false,
fbsisSkeleton:false,
}
},
created() {
this.searchList()
},
methods:{
searchList(){
this.isSkeleton = true
let formdata = JSON.parse(JSON.stringify(this.formdata))
if(formdata.times != [] &&formdata.times.length>1){
formdata.limitedStartTime = formdata.times[0]
formdata.limitedEndTime = formdata.times[1]
}else{
formdata.limitedStartTime = ''
formdata.limitedEndTime = ''
}
delete formdata.times
getSupplierLimitedList(formdata).then(res=>{
this.isSkeleton = false
if(res.code == 200) {
this.total = res.total
this.tableData = res.rows
this.formdata.pageNum = res.currentPage
}else{
this.total = 0
this.tableData = []
this.formdata.pageNum = 1
}
})
},
clears(){
this.formdata={
supplierName:'',
isGroupCase:'',
limitedStartTime:'',
limitedEndTime:'',
times:[],
pageSize:50,
pageNum:1,
}
this.searchList()
},
handleCurrentChange(val){
this.formdata.pageNum = val
this.searchList()
},
setHeaderRow() {
return "owner-table-list-header";
},
setCellClass({ row, column, rowIndex, columnIndex }) {
if (columnIndex == 1) {
return "enterprise-name-column";
}
},
setRowClass({ row, rowIndex }) {
return "enterprise-name-row";
},
//点击分包商等级
getFBS(row){
this.fbsvisib = true
this.fbsisSkeleton = true
},
//点击准入
goAccess(row){
this.$tab.openPage(row.customerName+'-准入情况', '/supplier/supplierlist/access')
},
//点击考评
goAssessment(row){
this.$tab.openPage(row.customerName+'-供应商考评', '/supplier/supplierlist/assessment')
},
}
}
</script>
<style scoped lang="scss">
::v-deep .content-supplier {
.el-form-item__content {
width: calc(100% - 170px);
}
.i{
.el-form-item__content{
width: calc(100% - 105px);
}
}
.j{
.el-form-item__content{
width: calc(100% - 120px);
}
}
}
</style>
dsk-operate-ui/src/views/supplier/supplierRating/overview.vue
View file @ af1eeefb
<template> <template>
<div class="supplier"> <div class="overview">
<div class="search-supplier m-b16"> <div class="search-supplier m-b16">
<div class="title_wrap"> <div class="title_wrap">
<div class="enterprise_title"> <div class="enterprise_title">
...@@ -39,7 +39,13 @@ ...@@ -39,7 +39,13 @@
</div> </div>
<div class="yj-supplier m-b16"> <div class="yj-supplier m-b16">
<div class="title_wrap"> <div class="title_wrap">
<div class="enterprise_title">供应商预警</div> <div class="enterprise_title">
供应商预警
<div class="select">
<custom-time-select :timeList="timeList" v-model="time" :class="[`select-adaptive-${inputID}`]" timeValue="近七天"
placeholder="请选择时间" @handle-search="iptAdaptive(inputID,'','changeSelect')" />
</div>
</div>
</div> </div>
<div class="yj-main"> <div class="yj-main">
<div class="yi-cont yj-left"> <div class="yi-cont yj-left">
...@@ -80,43 +86,151 @@ ...@@ -80,43 +86,151 @@
</div> </div>
<div class="charts-supplier"> <div class="charts-supplier">
<div class="title_wrap"> <div class="title_wrap">
<div class="enterprise_title">优质供应商履约得分排行榜</div> <div class="enterprise_title">
优质供应商履约得分排行榜
<div class="select">
<custom-time-select :timeList="timeList" v-model="time1" :class="[`select-adaptive-${inputID1}`]" timeValue="近七天"
placeholder="请选择时间" @handle-search="iptAdaptive(inputID1,'','changeSelect')" />
</div>
</div>
</div> </div>
<div class="charts-main"> <div class="charts-main">
<div class="charts-cont"> <div class="charts-cont">
<div class="charts-title">物资类供应商履约得分TOP10</div> <div class="charts-title">物资类供应商履约得分TOP10</div>
<div class="charts-div"> <div class="charts-div">
<div id="wz-echarts" style="height: 350px;"></div> <div id="wz-echarts" style="height: 350px;"></div>
<div style="margin: 0 16px">
<el-table
:data="wzData"
height="192"
border
highlight-current-row
>
<el-table-column label="序号" width="60" align="left">
<template slot-scope="scope">
<span>{{scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="供应商名称" prop="name"></el-table-column>
<el-table-column label="履约金额" width="130" prop="money"></el-table-column>
<el-table-column label="履约加权得分" width="130" prop="score"></el-table-column>
</el-table>
</div>
</div> </div>
</div> </div>
<div class="charts-cont"> <div class="charts-cont">
<div class="charts-title">设备类供应商履约得分TOP10</div> <div class="charts-title">设备类供应商履约得分TOP10</div>
<div class="charts-div"> <div class="charts-div">
<div id="sbl-echarts" style="height: 350px;"></div>
<div style="margin: 0 16px">
<el-table
:data="wzData"
height="192"
border
highlight-current-row
>
<el-table-column label="序号" width="60" align="left">
<template slot-scope="scope">
<span>{{scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="供应商名称" prop="name"></el-table-column>
<el-table-column label="履约金额" width="130" prop="money"></el-table-column>
<el-table-column label="履约加权得分" width="130" prop="score"></el-table-column>
</el-table>
</div>
</div> </div>
</div> </div>
<div class="charts-cont"> <div class="charts-cont">
<div class="charts-title">劳务分包类供应商TOP10</div> <div class="charts-title">劳务分包类供应商TOP10</div>
<div class="charts-div"> <div class="charts-div">
<div id="lwfb-echarts" style="height: 350px;"></div>
<div style="margin: 0 16px">
<el-table
:data="wzData"
height="192"
border
highlight-current-row
>
<el-table-column label="序号" width="60" align="left">
<template slot-scope="scope">
<span>{{scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="供应商名称" prop="name"></el-table-column>
<el-table-column label="履约金额" width="130" prop="money"></el-table-column>
<el-table-column label="履约加权得分" width="130" prop="score"></el-table-column>
</el-table>
</div>
</div> </div>
</div> </div>
<div class="charts-cont"> <div class="charts-cont">
<div class="charts-title">专业分包类供应商TOP10</div> <div class="charts-title">专业分包类供应商TOP10</div>
<div class="charts-div"> <div class="charts-div">
<div id="zyfb-echarts" style="height: 350px;"></div>
<div style="margin: 0 16px">
<el-table
:data="wzData"
height="192"
border
highlight-current-row
>
<el-table-column label="序号" width="60" align="left">
<template slot-scope="scope">
<span>{{scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="供应商名称" prop="name"></el-table-column>
<el-table-column label="履约金额" width="130" prop="money"></el-table-column>
<el-table-column label="履约加权得分" width="130" prop="score"></el-table-column>
</el-table>
</div>
</div> </div>
</div> </div>
<div class="charts-cont"> <div class="charts-cont">
<div class="charts-title">专业服务类供应商TOP10</div> <div class="charts-title">专业服务类供应商TOP10</div>
<div class="charts-div"> <div class="charts-div">
<div id="zyfw-echarts" style="height: 350px;"></div>
<div style="margin: 0 16px">
<el-table
:data="wzData"
height="192"
border
highlight-current-row
>
<el-table-column label="序号" width="60" align="left">
<template slot-scope="scope">
<span>{{scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="供应商名称" prop="name"></el-table-column>
<el-table-column label="履约金额" width="130" prop="money"></el-table-column>
<el-table-column label="履约加权得分" width="130" prop="score"></el-table-column>
</el-table>
</div>
</div> </div>
</div> </div>
<div class="charts-cont"> <div class="charts-cont">
<div class="charts-title">租赁类供应商TOP10</div> <div class="charts-title">租赁类供应商TOP10</div>
<div class="charts-div"> <div class="charts-div">
<div id="zl-echarts" style="height: 350px;"></div>
<div style="margin: 0 16px">
<el-table
:data="wzData"
height="192"
border
highlight-current-row
>
<el-table-column label="序号" width="60" align="left">
<template slot-scope="scope">
<span>{{scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="供应商名称" prop="name"></el-table-column>
<el-table-column label="履约金额" width="130" prop="money"></el-table-column>
<el-table-column label="履约加权得分" width="130" prop="score"></el-table-column>
</el-table>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -129,11 +243,13 @@ ...@@ -129,11 +243,13 @@
import '@/assets/styles/public.scss' import '@/assets/styles/public.scss'
import '@/assets/styles/supplierlist.scss' import '@/assets/styles/supplierlist.scss'
import mixin from '@/views/detail/party-a/mixins/mixin' import mixin from '@/views/detail/party-a/mixins/mixin'
import CustomTimeSelect from '../../component/CustomTimeSelect'
import { v4 } from "uuid"
import * as echarts from 'echarts'; import * as echarts from 'echarts';
export default { export default {
name: 'overview', name: 'overview',
mixins: [mixin], mixins: [mixin],
components:{}, components:{CustomTimeSelect},
data(){ data(){
return{ return{
yjdt:[ yjdt:[
...@@ -263,61 +379,235 @@ ...@@ -263,61 +379,235 @@
money:'13289.27', money:'13289.27',
score:'62' score:'62'
}, },
] ],
timeList: ['今日','近三天', '近七天', '近半月', '自定义'],
time:'',
time1:'',
inputID: this.getUid(),
inputID1: this.getUid(),
} }
}, },
created() { created() {
this.$nextTick(()=>{ this.$nextTick(()=>{
this.initChart(this.wzData) this.initChart(this.wzData)
this.initChart1(this.wzData)
this.initChart2(this.wzData)
this.initChart3(this.wzData)
this.initChart4(this.wzData)
this.initChart5(this.wzData)
}) })
}, },
methods:{ methods:{
getUid() {
return v4();
},
changeSelect(){
},
initChart(data) { initChart(data) {
let myChart = echarts.init(document.getElementById("wz-echarts")) let myChart = echarts.init(document.getElementById("wz-echarts"))
let option = { let option = {
// 坐标轴 // 坐标轴
grid: { grid: {
top: "2%", top: "10%",
left: "5%", left: "4%",
right: "3%", right: "3%",
bottom: "5%", bottom: "4%",
containLabel: true, //是否包含坐标轴的文字 containLabel: true, //是否包含坐标轴的文字
}, },
legend: {
data:['履约加权得分'],
x:'16px',
y:'8px'
},
// 鼠标hover出现的提示框组件
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
},
backgroundColor: '#FFFFFF',
borderWidth: 0,
textStyle: {
color: '#232323',
fontSize: 14,
},
},
xAxis: [ xAxis: [
//x轴数据设置 //x轴数据设置
{ {
type: "value", type: "value",
min: 0,
axisLabel: {
formatter: "{value} ",
}, },
splitLine: { ],
show: false, yAxis: [
{
type: "category",
data: data.map(item => item.name),
axisTick: { show: false },
axisLine:{
// color: '#DCDFE6',
lineStyle: {
color: '#DCDFE6',//左边线的颜色
},
}, },
axisLabel:{
textStyle:{
color: '#232323cc'
}
}
},
],
series: [
{
name: '履约加权得分',
data: data.map(item => item.score),
type: "bar",
barWidth: 12,
barGap: 0.5,
itemStyle: {
color: '#0081FF',
}
},
],
};
myChart.setOption(option);
window.addEventListener("resize", function () {
myChart.resize();//图表跟随页面大小变化宽度
});
},
initChart1(data) {
let myChart = echarts.init(document.getElementById("sbl-echarts"))
let option = {
// 坐标轴
grid: {
top: "10%",
left: "4%",
right: "3%",
bottom: "4%",
containLabel: true, //是否包含坐标轴的文字
},
legend: {
data:['履约加权得分'],
x:'16px',
y:'8px'
},
// 鼠标hover出现的提示框组件
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
},
backgroundColor: '#FFFFFF',
borderWidth: 0,
textStyle: {
color: '#232323',
fontSize: 14,
},
},
xAxis: [
//x轴数据设置
{
type: "value",
}, },
], ],
yAxis: [ yAxis: [
{ {
type: "category", type: "category",
data: data.map(item => item.name), data: data.map(item => item.name),
splitLine: { axisTick: { show: false },
show: false, axisLine:{
// color: '#DCDFE6',
lineStyle: {
color: '#DCDFE6',//左边线的颜色
},
}, },
axisLabel:{
textStyle:{
color: '#232323cc'
}
}
}, },
], ],
series: [ series: [
{ {
name: '履约加权得分',
data: data.map(item => item.score), data: data.map(item => item.score),
type: "bar", type: "bar",
barWidth: 12, barWidth: 12,
label: { barGap: 0.5,
normal: { itemStyle: {
show: false, color: '#F77234',
// position: "right", }
}, },
],
};
myChart.setOption(option);
window.addEventListener("resize", function () {
myChart.resize();//图表跟随页面大小变化宽度
});
}, },
initChart2(data) {
let myChart = echarts.init(document.getElementById("lwfb-echarts"))
let option = {
// 坐标轴
grid: {
top: "10%",
left: "4%",
right: "3%",
bottom: "4%",
containLabel: true, //是否包含坐标轴的文字
},
legend: {
data:['履约加权得分'],
x:'16px',
y:'8px'
},
// 鼠标hover出现的提示框组件
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
},
backgroundColor: '#FFFFFF',
borderWidth: 0,
textStyle: {
color: '#232323',
fontSize: 14,
},
},
xAxis: [
//x轴数据设置
{
type: "value",
},
],
yAxis: [
{
type: "category",
data: data.map(item => item.name),
axisTick: { show: false },
axisLine:{
// color: '#DCDFE6',
lineStyle: {
color: '#DCDFE6',//左边线的颜色
},
},
axisLabel:{
textStyle:{
color: '#232323cc'
}
}
},
],
series: [
{
name: '履约加权得分',
data: data.map(item => item.score),
type: "bar",
barWidth: 12,
barGap: 0.5,
itemStyle: { itemStyle: {
color: '#0081FF', color: '#AA69EB',
} }
}, },
], ],
...@@ -326,13 +616,282 @@ ...@@ -326,13 +616,282 @@
window.addEventListener("resize", function () { window.addEventListener("resize", function () {
myChart.resize();//图表跟随页面大小变化宽度 myChart.resize();//图表跟随页面大小变化宽度
}); });
},
initChart3(data) {
let myChart = echarts.init(document.getElementById("zyfb-echarts"))
let option = {
// 坐标轴
grid: {
top: "10%",
left: "4%",
right: "3%",
bottom: "4%",
containLabel: true, //是否包含坐标轴的文字
},
legend: {
data:['履约加权得分'],
x:'16px',
y:'8px'
},
// 鼠标hover出现的提示框组件
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
},
backgroundColor: '#FFFFFF',
borderWidth: 0,
textStyle: {
color: '#232323',
fontSize: 14,
},
},
xAxis: [
//x轴数据设置
{
type: "value",
},
],
yAxis: [
{
type: "category",
data: data.map(item => item.name),
axisTick: { show: false },
axisLine:{
// color: '#DCDFE6',
lineStyle: {
color: '#DCDFE6',//左边线的颜色
},
},
axisLabel:{
textStyle:{
color: '#232323cc'
}
}
},
],
series: [
{
name: '履约加权得分',
data: data.map(item => item.score),
type: "bar",
barWidth: 12,
barGap: 0.5,
itemStyle: {
color: '#FFAB44',
}
},
],
};
myChart.setOption(option);
window.addEventListener("resize", function () {
myChart.resize();//图表跟随页面大小变化宽度
});
},
initChart4(data) {
let myChart = echarts.init(document.getElementById("zyfw-echarts"))
let option = {
// 坐标轴
grid: {
top: "10%",
left: "4%",
right: "3%",
bottom: "4%",
containLabel: true, //是否包含坐标轴的文字
},
legend: {
data:['履约加权得分'],
x:'16px',
y:'8px'
},
// 鼠标hover出现的提示框组件
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
},
backgroundColor: '#FFFFFF',
borderWidth: 0,
textStyle: {
color: '#232323',
fontSize: 14,
},
},
xAxis: [
//x轴数据设置
{
type: "value",
},
],
yAxis: [
{
type: "category",
data: data.map(item => item.name),
axisTick: { show: false },
axisLine:{
// color: '#DCDFE6',
lineStyle: {
color: '#DCDFE6',//左边线的颜色
},
},
axisLabel:{
textStyle:{
color: '#232323cc'
}
}
},
],
series: [
{
name: '履约加权得分',
data: data.map(item => item.score),
type: "bar",
barWidth: 12,
barGap: 0.5,
itemStyle: {
color: '#0CBC6D',
}
},
],
};
myChart.setOption(option);
window.addEventListener("resize", function () {
myChart.resize();//图表跟随页面大小变化宽度
});
},
initChart5(data) {
let myChart = echarts.init(document.getElementById("zl-echarts"))
let option = {
// 坐标轴
grid: {
top: "10%",
left: "4%",
right: "3%",
bottom: "4%",
containLabel: true, //是否包含坐标轴的文字
},
legend: {
data:['履约加权得分'],
x:'16px',
y:'8px'
},
// 鼠标hover出现的提示框组件
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
},
backgroundColor: '#FFFFFF',
borderWidth: 0,
textStyle: {
color: '#232323',
fontSize: 14,
},
},
xAxis: [
//x轴数据设置
{
type: "value",
},
],
yAxis: [
{
type: "category",
data: data.map(item => item.name),
axisTick: { show: false },
axisLine:{
// color: '#DCDFE6',
lineStyle: {
color: '#DCDFE6',//左边线的颜色
},
},
axisLabel:{
textStyle:{
color: '#232323cc'
} }
} }
},
],
series: [
{
name: '履约加权得分',
data: data.map(item => item.score),
type: "bar",
barWidth: 12,
barGap: 0.5,
itemStyle: {
color: '#12C0C7',
}
},
],
};
myChart.setOption(option);
window.addEventListener("resize", function () {
myChart.resize();//图表跟随页面大小变化宽度
});
},
iptAdaptive(uid, multiple = false, name) {
multiple ? this.multipleAdaptiveHandle(uid, name) : this.iptAdaptiveHandle(uid, name);
},
//单选
async iptAdaptiveHandle(uid, name) {
try {
await this.$nextTick();
const dom = document.querySelector(`.select-adaptive-${uid}`);
const realStyles = window.getComputedStyle(dom);
if (dom) {
const iptChild = dom.querySelector(".el-input__inner");
const textContainer = document.createElement("span");
const textName = `text-${uid}`;
textContainer.classList.add(textName);
textContainer.style.setProperty("visibility", "hidden");
textContainer.style.setProperty("display", "inline-block");
textContainer.style.setProperty("font-size", "14px");
const hasPadding = (parseInt(realStyles.paddingLeft) || parseInt(realStyles.paddingRight)) ? true : false;
hasPadding ? textContainer.style.setProperty("padding", "0px 8px") : null;
textContainer.style.setProperty("box-sizing", "border-box");
textContainer.textContent = iptChild.value ? iptChild.value : iptChild.getAttribute("placeholder");
document.body.append(textContainer);
let containerWidth = textContainer.offsetWidth + 50;
textContainer.remove();
dom.style.setProperty("width", `${containerWidth}px`);
}
this.handleSearch(name);
} catch (error) {
}
},
async multipleAdaptiveHandle(){
},
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.overview{
.enterprise_title{
position: relative;
}
.select{
position: absolute;
right: 0;
top:-10px;
}
::v-deep .custom-time-select1{
.options-block{
/*<!--left: -30px;-->*/
right:0;
}
.picker-block{
.el-picker-panel.el-date-range-picker.el-popper{
left: -680px !important;
top:144px !important;
}
}
}
}
.m-b16{ .m-b16{
margin-bottom: 16px; margin-bottom: 16px;
} }
...@@ -422,7 +981,7 @@ ...@@ -422,7 +981,7 @@
} }
} }
.charts-div{ .charts-div{
height: 512px; height: 560px;
border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
border: 1px solid #DCDFE6; border: 1px solid #DCDFE6;
} }
......
dsk-operate-ui/vue.config.js
View file @ af1eeefb
...@@ -35,7 +35,7 @@ module.exports = { ...@@ -35,7 +35,7 @@ module.exports = {
proxy: { proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy // detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: { [process.env.VUE_APP_BASE_API]: {
target: `http://111.204.34.146:9099/prod-api`,//测试 target: `http://172.17.0.12:9099/prod-api`,//测试
// target: `http://192.168.60.5:9098`,//陈跃方 // target: `http://192.168.60.5:9098`,//陈跃方
// target: `http://192.168.60.27:9098`,//邓 // target: `http://192.168.60.27:9098`,//邓
// target: `http://122.9.160.122:9011`, //线上 // target: `http://122.9.160.122:9011`, //线上
......
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