Skip to content

D
dsk-operate-sys-cscec
Commit 3ac28478 authored by yht15023815643's avatar yht15023815643
Browse files
Options

供应商

parent 60fbc5cf
Hide whitespace changes
Inline Side-by-side
Showing with 3359 additions and 22 deletions
dsk-operate-ui/src/views/detail/party-a/component/Sidebar.vue
View file @ 3ac28478
...@@ -170,12 +170,27 @@ export default { ...@@ -170,12 +170,27 @@ export default {
{ {
title: '供应商合作记录', pathName: '', children: [ title: '供应商合作记录', pathName: '', children: [
{ title: '准入情况', pathName: 'accessCondition' }, { title: '准入情况', pathName: 'accessCondition' },
{ title: '供应商考评', pathName: 'assessMent' }, { title: '管理人员信息', pathName: 'managerial' },
{ title: '设备信息', pathName: 'equipment' },
{ title: '工程考察情况记录', pathName: 'projectRecord' },
{ title: '施工业绩', pathName: 'constructionPerformance' }, { title: '施工业绩', pathName: 'constructionPerformance' },
{ title: '在施工程情况', pathName: 'constructionSituation' }, { title: '在施工程情况', pathName: 'constructionSituation' },
{ title: '生活保障基地', pathName: 'livingSecurity' },
{ title: '合作记录', pathName: 'cooperationRecord' }, { title: '合作记录', pathName: 'cooperationRecord' },
] ]
}, },
{
title: '供应商评价信息', pathName: '', children: [
{ title: '履约评价', pathName: 'honourAgreement' },
{ title: '信用评价', pathName: 'creditRate' },
{ title: '年度考评', pathName: 'assessMent' },
]
},
{
title: '供应商不良行为', pathName: '', children: [
{ title: '不良行为列表', pathName: 'badlist' },
]
},
] ]
} }
], ],
...@@ -434,6 +449,7 @@ export default { ...@@ -434,6 +449,7 @@ export default {
}, },
handleItem(item) { handleItem(item) {
console.log(item)
let obj = item; let obj = item;
for (var i in this.sideRoute1) { for (var i in this.sideRoute1) {
if (this.sideRoute1[i].children) { if (this.sideRoute1[i].children) {
......
dsk-operate-ui/src/views/detail/party-a/index.vue
View file @ 3ac28478
...@@ -66,8 +66,12 @@ ...@@ -66,8 +66,12 @@
:company-id="companyId"></consulting-agency-cooperation> :company-id="companyId"></consulting-agency-cooperation>
<!-- 2、准入情况 --> <!-- 2、准入情况 -->
<access-condition v-if="currentPath.pathName=='accessCondition'" :company-id="companyId" :companyInfo="companyInfo"></access-condition> <access-condition v-if="currentPath.pathName=='accessCondition'" :company-id="companyId" :companyInfo="companyInfo"></access-condition>
<!-- 2、供应商考评 --> <!-- 管理人员信息 -->
<assessMent class="no-padding" v-if="currentPath.pathName=='assessMent'" :company-id="companyId" :companyInfo="companyInfo"></assessMent> <Managerial v-if="currentPath.pathName=='managerial'" :company-id="companyId" :companyInfo="companyInfo"></Managerial>
<!-- 设备信息 -->
<equipment v-if="currentPath.pathName=='equipment'" :company-id="companyId" :companyInfo="companyInfo"></equipment>
<!-- 工程考察情况记录 -->
<project-record v-if="currentPath.pathName=='projectRecord'" :company-id="companyId" :companyInfo="companyInfo"></project-record>
<!-- 3、供应商合作记录 --> <!-- 3、供应商合作记录 -->
<cooperation-record v-if="currentPath.pathName=='cooperationRecord'" :company-id="companyId" <cooperation-record v-if="currentPath.pathName=='cooperationRecord'" :company-id="companyId"
:company-name="companyName" :ctm-id="ctmId"></cooperation-record> :company-name="companyName" :ctm-id="ctmId"></cooperation-record>
...@@ -75,6 +79,16 @@ ...@@ -75,6 +79,16 @@
<construction-performance v-if="currentPath.pathName=='constructionPerformance'" :company-id="companyId"></construction-performance> <construction-performance v-if="currentPath.pathName=='constructionPerformance'" :company-id="companyId"></construction-performance>
<!-- 5、在施工程情况 --> <!-- 5、在施工程情况 -->
<construction-situation v-if="currentPath.pathName=='constructionSituation'" :company-id="companyId"></construction-situation> <construction-situation v-if="currentPath.pathName=='constructionSituation'" :company-id="companyId"></construction-situation>
<!-- 生活保障基地 -->
<living-security v-if="currentPath.pathName=='livingSecurity'" :company-id="companyId"></living-security>
<!-- 履约评价 -->
<honour-agreement v-if="currentPath.pathName=='honourAgreement'" :company-id="companyId"></honour-agreement>
<!-- 信用评价 -->
<credit-rate v-if="currentPath.pathName=='creditRate'" :company-id="companyId"></credit-rate>
<!-- 年度考评 -->
<assessMent class="no-padding" v-if="currentPath.pathName=='assessMent'" :company-id="companyId" :companyInfo="companyInfo"></assessMent>
<!-- 不良行为列表 -->
<badlist class="no-padding" v-if="currentPath.pathName=='badlist'" :company-id="companyId" :companyInfo="companyInfo"></badlist>
</template> </template>
<template v-if="customerId && isCustomer"> <template v-if="customerId && isCustomer">
<!-- 商务信息 --> <!-- 商务信息 -->
...@@ -146,10 +160,20 @@ import DecisionMaking from "./decisionMaking"; //决策链条 ...@@ -146,10 +160,20 @@ import DecisionMaking from "./decisionMaking"; //决策链条
import Gjjl from "../../project/projectList/component/gjjl"; //跟进记录 import Gjjl from "../../project/projectList/component/gjjl"; //跟进记录
import ConsultingAgencyCooperation from "@/views/detail/party-a/internalCooperation/consultingAgencyCooperation"; //内部合作 咨询机构合作 import ConsultingAgencyCooperation from "@/views/detail/party-a/internalCooperation/consultingAgencyCooperation"; //内部合作 咨询机构合作
import AccessCondition from "@/views/detail/party-a/internalCooperation/accessCondition"; //内部合作 准入情况 import AccessCondition from "@/views/detail/party-a/internalCooperation/accessCondition"; //内部合作 准入情况
import assessMent from "@/views/supplier/supplierlist/assessment"; //供应商考评 import Managerial from "@/views/detail/party-a/internalCooperation/managerial"; //内部合作 管理人员信息
import equipment from "@/views/detail/party-a/internalCooperation/equipment"; //内部合作 设备信息
import projectRecord from "@/views/detail/party-a/internalCooperation/projectRecord"; //内部合作 工程考察情况记录
import badlist from "@/views/detail/party-a/internalCooperation/badlist"; //不良行为列表
import assessMent from "@/views/supplier/supplierlist/assessment"; //年度考评
import CooperationRecord from "@/views/detail/party-a/internalCooperation/cooperationRecord"; //内部合作 供应商合作记录 import CooperationRecord from "@/views/detail/party-a/internalCooperation/cooperationRecord"; //内部合作 供应商合作记录
import ConstructionPerformance from "@/views/detail/party-a/internalCooperation/constructionPerformance"; //内部合作 施工业绩 import ConstructionPerformance from "@/views/detail/party-a/internalCooperation/constructionPerformance"; //内部合作 施工业绩
import ConstructionSituation from "@/views/detail/party-a/internalCooperation/constructionSituation"; //内部合作 在施工程情况 import ConstructionSituation from "@/views/detail/party-a/internalCooperation/constructionSituation"; //内部合作 在施工程情况
import livingSecurity from "@/views/detail/party-a/internalCooperation/livingSecurity"; //内部合作 生活保障基地
import honourAgreement from "@/views/detail/party-a/ratelist/honourAgreement"; //供应商评价信息 履约评价
import creditRate from "@/views/detail/party-a/ratelist/creditRate"; //供应商评价信息 信用评价
import { import {
urbanInvestmentPage, urbanInvestmentPage,
} from '@/api/detail/party-a/urbanLnvestment'; } from '@/api/detail/party-a/urbanLnvestment';
...@@ -157,6 +181,11 @@ import skeleton from './component/skeleton'; ...@@ -157,6 +181,11 @@ import skeleton from './component/skeleton';
export default { export default {
name: 'PartyA', name: 'PartyA',
components: { components: {
honourAgreement,
creditRate,
livingSecurity,
equipment,
projectRecord,
Header, Header,
SideBar, SideBar,
Overview, Overview,
...@@ -201,11 +230,13 @@ export default { ...@@ -201,11 +230,13 @@ export default {
ConsultingAgencyCooperation, ConsultingAgencyCooperation,
AccessCondition, AccessCondition,
assessMent, assessMent,
badlist,
CooperationRecord, CooperationRecord,
CooperativeConstructionUnit, CooperativeConstructionUnit,
CooperativeGroup, CooperativeGroup,
ConstructionPerformance, ConstructionPerformance,
ConstructionSituation, ConstructionSituation,
Managerial,
skeleton skeleton
}, },
data() { data() {
......
dsk-operate-ui/src/views/detail/party-a/internalCooperation/badlist.vue 0 → 100644
View file @ 3ac28478
<template>
<div class="supplier">
<template v-if="!showDetail">
<div class="search-supplier">
<div class="title_wrap">
<div class="enterprise_title">
供应商不良行为
</div>
</div>
</div>
<div class="table-supplier table-supplier2">
<!--<el-divider class="supdivider"></el-divider>
<div class="total-title">
<div class="totals">共{{total}}条</div>
<p class="total-dc" @click="customerExport">
<img src="@/assets/images/EXCEL.png" alt="">
<span class="excel">导出EXCEL</span>
</p>
</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>{{(queryParams.pageNum - 1) *queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="分供方名称" prop="name1" :fixed="tableColumnFixed" width="310" :resizable="false"></el-table-column>
<el-table-column label="分供方分类" prop="name2" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="所属组织" prop="name1" :fixed="tableColumnFixed" width="310" :resizable="false"></el-table-column>
<el-table-column label="分供方ID" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="账号" prop="name3" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="联系人" prop="name4" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="联系人电话" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="生效时间" prop="name6" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="禁用至" prop="name6" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="解除状态" prop="name66" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="操作" width="90" fixed="right">
<template slot-scope="scope">
<span style="color: #0081FF;cursor: pointer;" @click="viewDetail(scope.row)">详情</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>queryParams.pageSize">
<el-pagination background :page-size="queryParams.pageSize" :current-page.sync="queryParams.pageNum" @current-change="handleCurrentChange" layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</template>
<template v-else>
<div class="detail-title">
<div><span style="cursor: pointer;" @click="showDetail = false">供应商不良行为列表</span><i class="el-icon-arrow-right"></i><span class="tip">详情</span></div>
<div class="search-supplier">
<div class="title_wrap title_wrap1">
<div class="enterprise_title">
不良行为状态
</div>
</div>
</div>
<info-table class="info-tab" :list="defaultList" :obj="detailInfo" :labelWidth="140"></info-table>
</div>
</template>
</div>
</template>
<script>
import '@/assets/styles/public.scss'
import '@/assets/styles/supplierlist.scss'
import mixin from '@/views/detail/party-a/mixins/mixin'
import InfoTable from '../component/infoTable';
export default {
name: 'ratinglist',
components: {InfoTable},
mixins: [mixin],
data(){
return{
detailInfo:{},
showDetail:false,
formData: [
{
type: 1, fieldName: 'businessTypes', value: '',width:108, placeholder: '分供方分类', uid: '', options: [
{name:'品类',value:1},
{name:'物资',value:2},
{name:'设备',value:3},
{name:'劳务分包',value:4},
{name:'专业分包',value:5},
{name:'专业服务',value:6},
{name:'租赁',value:7},
],
},
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '分供方名称', uid: '',isword:'分供方名称' },
],
defaultList: [
{ name: '分供方', prop: 'name1' },
{ name: '所属组织', prop: 'name1' },
{ name: '禁用分类', prop: 'name2' },
{ name: '禁用至', prop: 'name6' },
{ name: '生效时间', prop: 'name6' },
{ name: '申请人', prop: 'name4' },
{ name: '申请时间', prop: 'name6' },
],
queryParams: {
// customerId: this.companyId,
// customerName: this.companyName,
pageNum: 1,
pageSize: 10,
},
total: 19,
isSkeleton:false,
tableData:[
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-水泥及水',name3:'456362',name4:'郑丽青',name5:'429799',name6:'2022-05-13',name66:'禁用',name7:'118',name8:'118',name9:'114'},
{name1:'河南荣川实业有限公司',name2:'泥制品',name3:'100',name4:'郑青',name5:'36355',name6:'2022-01-23',name66:'禁用',name7:'118',name8:'118',name9:'107'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-其他类',name3:'100',name4:'郑丽',name5:'631719',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'北京九主澜商贸有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'郑丽青',name5:'19691',name6:'2022-01-23',name66:'禁用',name7:'105',name8:'109',name9:'107'},
{name1:'重庆拉瑞永固混凝土有限公司',name2:'物资-木材及制品',name3:'456362',name4:'郑丽青',name5:'94823',name6:'2022-05-21',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'山东乾途伟业建材有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'郑丽青',name5:'9418',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'厦门市集美区鸿铭建材有限公司',name2:'物资-其他类',name3:'456362',name4:'郑丽青',name5:'35851',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'重庆匠伦家居用品有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'郑丽青',name5:'21787',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'荆门市飞图混凝土有限公司',name2:'物资-木材及制币',name3:'456362',name4:'郑丽青',name5:'7870',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'重庆满煦商贸有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'郑丽青',name5:'6540',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'114'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-水泥及水',name3:'456362',name4:'郑丽青',name5:'429799',name6:'2022-05-23',name66:'禁用',name7:'118',name8:'118',name9:'114'},
{name1:'河南荣川实业有限公司',name2:'泥制品',name3:'100',name4:'郑丽青',name5:'36355',name6:'2022-05-23',name66:'禁用',name7:'118',name8:'118',name9:'107'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-其他类',name3:'100',name4:'郑丽青',name5:'631719',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'北京九主澜商贸有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'郑丽青',name5:'19691',name6:'2022-05-23',name66:'禁用',name7:'105',name8:'109',name9:'107'},
{name1:'重庆拉瑞永固混凝土有限公司',name2:'物资-木材及制品',name3:'456362',name4:'郑丽青',name5:'94823',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'山东乾途伟业建材有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'郑丽青',name5:'9418',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'厦门市集美区鸿铭建材有限公司',name2:'物资-其他类',name3:'456362',name4:'郑丽青',name5:'35851',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'重庆匠伦家居用品有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'郑丽青',name5:'21787',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'荆门市飞图混凝土有限公司',name2:'物资-木材及制币',name3:'456362',name4:'郑丽青',name5:'7870',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
],
tableColumnFixed:false,
}
},
methods:{
viewDetail(obj){
this.detailInfo = obj
this.showDetail = true
},
handleSearch(){},
handleExcel() {
},
customerExport(){
},
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";
},
handleCurrentChange(){
}
}
}
</script>
<style lang="scss" scoped>
::v-deep .el-form-item__label{
height: 40px!important;
}
.title_wrap{
border: none;
}
.title_wrap1{
padding: 0;
}
.detail-title{
border-radius: 4px 4px 0px 0px;
opacity: 1;
/* 自动布局 */
display: flex;
flex-direction: column;
padding: 16px;
gap: 16px;
background: #FFFFFF;
box-sizing: border-box;
/* 分割线 */
border: 1px solid #EEEEEE;
font-size: 14px;
color: rgba(35, 35, 35, 0.4);
.el-icon-arrow-right{
font-size: 12px;
margin: 4px;
}
.tip{
font-size: 12px;
color: rgba(35, 35, 35, 1);
}
img{
width: 28px;
height: 28px;
border-radius: 6px;
margin-right: 12px;
}
strong{
font-size: 16px;
color: rgba(35, 35, 35, 1);
font-weight: 700;
}
.label{
color: rgba(35, 35, 35, 0.8);
margin-right: 24px;
}
}
.table-supplier {
background: #ffffff;
border-radius: 4px;
padding: 16px;
.supdivider{
width: calc(100% + 32px);
margin-left: -16px;
margin-top: 8px;
margin-bottom: 16px;
}
::v-deep .head-form-new {
.ability-total {
display: none !important;
}
.from-item .normal-search-container{
white-space: nowrap;
width: 134px;
}
}
input {
border: 1px solid #efefef;
}
::v-deep .el-form-item {
margin-right: 8px !important;
}
.query-box {
margin: 10px 0 20px;
}
.cell-span {
display: inline-block;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
cursor: pointer;
> span {
display: inline-block;
width: 37px;
position: absolute;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 1;
}
}
@import "@/assets/styles/search-common.scss";
}
.table-supplier2{
padding-top: 0;
margin-top: 0;
}
</style>
\ No newline at end of file
dsk-operate-ui/src/views/detail/party-a/internalCooperation/equipment.vue 0 → 100644
View file @ 3ac28478
<template>
<!--设备信息-->
<div class="supplier">
<div class="search-supplier">
<div class="title_wrap i">
<div class="enterprise_title">
设备信息
</div>
</div>
</div>
<div class="table-supplier i">
<div class="table-item-jf table-item-jf1 empty-table" v-if="!tableData.length && !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="序号" width="60" :resizable="false">
<template slot-scope="scope">
<span>{{(pageNum - 1) *pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="客商代码" width="160" prop="name1" :resizable="false">
</el-table-column>
<el-table-column label="设备种类" :resizable="false" width="100">
<template slot-scope="scope">
{{scope.row.name5||"--"}}
</template>
</el-table-column>
<el-table-column label="型号" :resizable="false" width="100">
<template slot-scope="scope">
{{scope.row.name22||"--"}}
</template>
</el-table-column>
<el-table-column label="设备数量" width="100" :resizable="false">
<template slot-scope="scope">
{{scope.row.name4||"--"}}
</template>
</el-table-column>
<el-table-column label="已使用年限" width="100" :resizable="false">
<template slot-scope="scope">
{{scope.row.name4||"--"}}
</template>
</el-table-column>
<el-table-column label="当年使用情况" width="100" :resizable="false">
<template slot-scope="scope">
{{scope.row.name7||"--"}}
</template>
</el-table-column>
<el-table-column label="考察项目" min-width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.name3||"--"}}
</template>
</el-table-column>
<el-table-column label="考察公司" min-width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.name2||"--"}}
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>pageSize">
<el-pagination background :page-size="pageSize" :current-page.sync="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';
export default {
name: 'assessment',
components:{skeleton},
data(){
return{
encodeStr,
tableData:[
{name1:'345462018',name22:'3948-91',name2:'华北公司',name3:'北京航华科贸项目',name4:'19',name5:'机械',name7:'正常',name6:'19.4'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第三建筑有限公司',name3:'朝阳区崔各庄乡大望京村2号地626地块1号楼工程',name4:'81',name5:'机械',name7:'正常',name6:'82'},
{name1:'345462017',name22:'3948-91',name2:'总承包公司',name3:'晋中万达广场项目',name4:'82',name5:'机械',name7:'正常',name6:'80'},
{name1:'345462017',name22:'3948-91',name2:'总承包公司',name3:'晋中万达广场项目',name4:'80',name5:'机械',name7:'正常',name6:'96'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'运河国际生态城一期百合座',name4:'96',name5:'机械',name7:'正常',name6:'100'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'北京新机场安置房郑西.鑫苑名家(二期)项目施工总承包工程',name4:'100',name5:'机械',name7:'正常',name6:'82'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'胶州鼎峰中央公园c26#楼项目德州鲁班御景国际二期工程及地下车库一标段',name4:'82',name5:'机械',name7:'正常',name6:'95'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'济南转山项目B-2地块',name4:'95',name5:'机械',name7:'正常',name6:'91'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'济南未来城A5地块房地产开发项目(西地块一期)',name4:'91',name5:'机械',name7:'正常',name6:'88'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'盐城万达广场项目部',name4:'84',name5:'机械',name7:'正常',name6:'84'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'济南雪山项目A04地块工程总承包',name4:'84',name5:'机械',name7:'正常',name6:'84'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'合肥整机智能制造生产线',name4:'84',name5:'机械',name7:'正常',name6:'95'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'清华附中凯文国际学校工程武汉新城四新项目C地块一期总包工程',name4:'95',name5:'机械',name7:'正常',name6:'83'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'合肥京东方医院项目',name4:'86',name5:'机械',name7:'正常',name6:'95'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'长春吾悦广场住宅区土建安装工程(一标段)',name4:'98',name5:'机械',name7:'正常',name6:'86'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'中国机械设备工程股份有限公司总部综合楼工程',name4:'83',name5:'机械',name7:'正常',name6:'98'},
{name1:'345462017',name22:'3948-91',name2:'中建一局集团第五建筑有限公司',name3:'郑州航空港经济综合实验区(郑州新郑综合保税区)河东第六棚户区第五标段2#地块',name4:'92',name5:'机械',name7:'正常',name6:'83'},
],
isSkeleton:false,
total:2,
pageSize:10,
pageNum:1,
}
},
methods: {
handleCurrentChange() {
},
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";
},
}
}
</script>
<style scoped>
.supplier{
padding: 0;
}
</style>
dsk-operate-ui/src/views/detail/party-a/internalCooperation/livingSecurity.vue 0 → 100644
View file @ 3ac28478
<template>
<!--生活保障基地-->
<div class="supplier">
<div class="search-supplier">
<div class="title_wrap i">
<div class="enterprise_title">
生活保障基地
</div>
</div>
</div>
<div class="table-supplier i">
<div class="table-item-jf table-item-jf1 empty-table" v-if="!tableData.length && !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="序号" width="60" :resizable="false">
<template slot-scope="scope">
<span>{{(pageNum - 1) *pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="地址" width="160" prop="area" :resizable="false">
</el-table-column>
<el-table-column label="建筑面积(㎡)" :resizable="false" width="160">
<template slot-scope="scope">
{{scope.row.name6||"--"}}
</template>
</el-table-column>
<el-table-column label="到期年限" width="160" :resizable="false">
<template slot-scope="scope">
{{scope.row.name1||"--"}}
</template>
</el-table-column>
<el-table-column label="当前状况" width="160" :resizable="false">
<template slot-scope="scope">
{{scope.row.name5||"--"}}
</template>
</el-table-column>
<el-table-column label="考察项目" min-width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.name3||"--"}}
</template>
</el-table-column>
<el-table-column label="考察公司" min-width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.name2||"--"}}
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>pageSize">
<el-pagination background :page-size="pageSize" :current-page.sync="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';
export default {
name: 'assessment',
components:{skeleton},
data(){
return{
encodeStr,
tableData:[
{area:'北京朝阳区',name1:'2018',name2:'华北公司',name3:'北京航华科贸项目',name4:'19',name5:'使用中',name6:'19.4'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第三建筑有限公司',name3:'朝阳区崔各庄乡大望京村2号地626地块1号楼工程',name4:'81',name5:'使用中',name6:'82'},
{area:'北京朝阳区',name1:'2017',name2:'总承包公司',name3:'晋中万达广场项目',name4:'82',name5:'使用中',name6:'80'},
{area:'北京朝阳区',name1:'2017',name2:'总承包公司',name3:'晋中万达广场项目',name4:'80',name5:'使用中',name6:'96'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'运河国际生态城一期百合座',name4:'96',name5:'使用中',name6:'100'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'北京新机场安置房郑西.鑫苑名家(二期)项目施工总承包工程',name4:'100',name5:'使用中',name6:'82'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'胶州鼎峰中央公园c26#楼项目德州鲁班御景国际二期工程及地下车库一标段',name4:'82',name5:'使用中',name6:'95'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'济南转山项目B-2地块',name4:'95',name5:'使用中',name6:'91'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'济南未来城A5地块房地产开发项目(西地块一期)',name4:'91',name5:'使用中',name6:'88'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'盐城万达广场项目部',name4:'84',name5:'使用中',name6:'84'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'济南雪山项目A04地块工程总承包',name4:'84',name5:'使用中',name6:'84'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'合肥整机智能制造生产线',name4:'84',name5:'使用中',name6:'95'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'清华附中凯文国际学校工程武汉新城四新项目C地块一期总包工程',name4:'95',name5:'使用中',name6:'83'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'合肥京东方医院项目',name4:'86',name5:'使用中',name6:'95'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'长春吾悦广场住宅区土建安装工程(一标段)',name4:'98',name5:'使用中',name6:'86'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'中国机械设备工程股份有限公司总部综合楼工程',name4:'83',name5:'使用中',name6:'98'},
{area:'北京朝阳区',name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'郑州航空港经济综合实验区(郑州新郑综合保税区)河东第六棚户区第五标段2#地块',name4:'92',name5:'使用中',name6:'83'},
],
isSkeleton:false,
total:2,
pageSize:10,
pageNum:1,
}
},
methods: {
handleCurrentChange() {
},
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";
},
}
}
</script>
<style scoped>
.supplier{
padding: 0;
}
</style>
dsk-operate-ui/src/views/detail/party-a/internalCooperation/managerial.vue 0 → 100644
View file @ 3ac28478
<template>
<!--供应商考评-->
<div class="supplier">
<div class="search-supplier">
<div class="title_wrap i">
<div class="enterprise_title">
管理人员信息
</div>
</div>
</div>
<div class="table-supplier i">
<div class="table-item-jf table-item-jf1 empty-table" v-if="!tableData.length && !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="序号" width="60" :resizable="false">
<template slot-scope="scope">
<span>{{(pageNum - 1) *pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="客商代码" width="160" prop="name1" :resizable="false">
</el-table-column>
<el-table-column label="职务" :resizable="false" width="160">
<template slot-scope="scope">
{{scope.row.name5||"--"}}
</template>
</el-table-column>
<el-table-column label="数量" width="160" :resizable="false">
<template slot-scope="scope">
{{scope.row.name4||"--"}}
</template>
</el-table-column>
<el-table-column label="考察项目" min-width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.name3||"--"}}
</template>
</el-table-column>
<el-table-column label="考察公司" min-width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.name2||"--"}}
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>pageSize">
<el-pagination background :page-size="pageSize" :current-page.sync="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';
export default {
name: 'assessment',
components:{skeleton},
data(){
return{
encodeStr,
tableData:[
{name1:'2018',name2:'华北公司',name3:'北京航华科贸项目',name4:'19',name5:'项目经理',name6:'19.4'},
{name1:'2017',name2:'中建一局集团第三建筑有限公司',name3:'朝阳区崔各庄乡大望京村2号地626地块1号楼工程',name4:'81',name5:'项目经理',name6:'82'},
{name1:'2017',name2:'总承包公司',name3:'晋中万达广场项目',name4:'82',name5:'项目经理',name6:'80'},
{name1:'2017',name2:'总承包公司',name3:'晋中万达广场项目',name4:'80',name5:'项目经理',name6:'96'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'运河国际生态城一期百合座',name4:'96',name5:'项目经理',name6:'100'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'北京新机场安置房郑西.鑫苑名家(二期)项目施工总承包工程',name4:'100',name5:'项目经理',name6:'82'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'胶州鼎峰中央公园c26#楼项目德州鲁班御景国际二期工程及地下车库一标段',name4:'82',name5:'项目经理',name6:'95'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'济南转山项目B-2地块',name4:'95',name5:'项目经理',name6:'91'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'济南未来城A5地块房地产开发项目(西地块一期)',name4:'91',name5:'项目经理',name6:'88'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'盐城万达广场项目部',name4:'84',name5:'项目经理',name6:'84'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'济南雪山项目A04地块工程总承包',name4:'84',name5:'项目经理',name6:'84'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'合肥整机智能制造生产线',name4:'84',name5:'项目经理',name6:'95'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'清华附中凯文国际学校工程武汉新城四新项目C地块一期总包工程',name4:'95',name5:'项目经理',name6:'83'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'合肥京东方医院项目',name4:'86',name5:'项目经理',name6:'95'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'长春吾悦广场住宅区土建安装工程(一标段)',name4:'98',name5:'项目经理',name6:'86'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'中国机械设备工程股份有限公司总部综合楼工程',name4:'83',name5:'项目经理',name6:'98'},
{name1:'2017',name2:'中建一局集团第五建筑有限公司',name3:'郑州航空港经济综合实验区(郑州新郑综合保税区)河东第六棚户区第五标段2#地块',name4:'92',name5:'项目经理',name6:'83'},
],
isSkeleton:false,
total:2,
pageSize:10,
pageNum:1,
}
},
methods: {
handleCurrentChange() {
},
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";
},
}
}
</script>
<style scoped>
.supplier{
padding: 0;
}
</style>
dsk-operate-ui/src/views/detail/party-a/internalCooperation/projectRecord.vue 0 → 100644
View file @ 3ac28478
<template>
<!--工程考察情况记录-->
<div class="supplier">
<div class="search-supplier">
<div class="title_wrap i">
<div class="enterprise_title">
工程考察情况记录
</div>
</div>
</div>
<div class="table-supplier i">
<div class="table-item-jf table-item-jf1 empty-table" v-if="!tableData.length && !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="序号" width="60" :resizable="false">
<template slot-scope="scope">
<span>{{(pageNum - 1) *pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="工程名称" min-width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.name3||"--"}}
</template>
</el-table-column>
<el-table-column label="工程地点" width="110" prop="area" :resizable="false">
</el-table-column>
<el-table-column label="建筑面积(㎡)" :resizable="false" width="110">
<template slot-scope="scope">
{{scope.row.name6||"--"}}
</template>
</el-table-column>
<el-table-column label="结构形式" width="110" :resizable="false">
<template slot-scope="scope">
{{scope.row.name5||"--"}}
</template>
</el-table-column>
<el-table-column label="开工日期" width="110" :resizable="false">
<template slot-scope="scope">
{{scope.row.name1||"--"}}
</template>
</el-table-column>
<el-table-column label="竣工日期" width="110" :resizable="false">
<template slot-scope="scope">
{{scope.row.name1||"--"}}
</template>
</el-table-column>
<el-table-column label="施工承包范围" min-width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.name4||"--"}}
</template>
</el-table-column>
<el-table-column label="合同额" width="110" :resizable="false">
<template slot-scope="scope">
{{scope.row.name6||"--"}}
</template>
</el-table-column>
<el-table-column label="劳务队长" width="110" :resizable="false">
<template slot-scope="scope">
{{scope.row.name44||"--"}}
</template>
</el-table-column>
<el-table-column label="质量目标" width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.name45||"--"}}
</template>
</el-table-column>
<el-table-column label="现场管理目标" width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.name45||"--"}}
</template>
</el-table-column>
<el-table-column label="考察项目" min-width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.name3||"--"}}
</template>
</el-table-column>
<el-table-column label="考察公司" min-width="120" :resizable="false">
<template slot-scope="scope">
{{scope.row.name2||"--"}}
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>pageSize">
<el-pagination background :page-size="pageSize" :current-page.sync="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';
export default {
name: 'assessment',
components:{skeleton},
data(){
return{
encodeStr,
tableData:[
{area:'北京市大兴区黄村镇',name1:'2018-01-21',name2:'华北公司',name3:'北京航华科贸项目',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'钢结构',name6:'19.4'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第三建筑有限公司',name3:'朝阳区崔各庄乡大望京村2号地626地块1号楼工程',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'82'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'总承包公司',name3:'晋中万达广场项目',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'80'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'总承包公司',name3:'晋中万达广场项目',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'钢结构',name6:'96'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'运河国际生态城一期百合座',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'钢结构',name6:'100'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'北京新机场安置房郑西.鑫苑名家(二期)项目施工总承包工程',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'82'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'胶州鼎峰中央公园c26#楼项目德州鲁班御景国际二期工程及地下车库一标段',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'95'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'济南转山项目B-2地块',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'91'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'济南未来城A5地块房地产开发项目(西地块一期)',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'88'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'盐城万达广场项目部',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'84'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'济南雪山项目A04地块工程总承包',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'84'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'合肥整机智能制造生产线',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'95'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'清华附中凯文国际学校工程武汉新城四新项目C地块一期总包工程',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'83'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'合肥京东方医院项目',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'95'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'长春吾悦广场住宅区土建安装工程(一标段)',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'86'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'中国机械设备工程股份有限公司总部综合楼工程',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'98'},
{area:'北京市大兴区黄村镇',name1:'2017-01-21',name2:'中建一局集团第五建筑有限公司',name3:'郑州航空港经济综合实验区(郑州新郑综合保税区)河东第六棚户区第五标段2#地块',name4:'可承担各类房屋建筑工程的施工',name44:'夏志豪',name45:'合格率达到99.9%',name5:'框架结构',name6:'83'},
],
isSkeleton:false,
total:2,
pageSize:10,
pageNum:1,
}
},
methods: {
handleCurrentChange() {
},
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";
},
}
}
</script>
<style scoped>
.supplier{
padding: 0;
}
</style>
dsk-operate-ui/src/views/detail/party-a/ratelist/creditRate.vue 0 → 100644
View file @ 3ac28478
<template>
<div class="supplier supplier1">
<template v-if="!showDetail">
<div class="search-supplier">
<div class="title_wrap">
<div class="enterprise_title">
信用评价
</div>
</div>
</div>
<div class="table-supplier table-supplier2">
<head-form-new title="" :form-data="formData" :query-params="queryParams" :total="0" :isExcel="false"
@handle-search="handleSearch" ref="searchFormNew" @handle-excel="handleExcel" />
<!--<el-divider class="supdivider"></el-divider>
<div class="total-title">
<div class="totals">共{{total}}条</div>
<p class="total-dc" @click="customerExport">
<img src="@/assets/images/EXCEL.png" alt="">
<span class="excel">导出EXCEL</span>
</p>
</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>{{(queryParams.pageNum - 1) *queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="供应商名称" prop="name1" :fixed="tableColumnFixed" width="310" :resizable="false"></el-table-column>
<el-table-column label="所属组织" prop="name1" :fixed="tableColumnFixed" width="310" :resizable="false"></el-table-column>
<el-table-column label="品类" prop="name2" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="当前信用得分" prop="name3" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="来源" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="操作" width="90">
<template slot-scope="scope">
<span style="color: #0081FF;cursor: pointer;" @click="viewDetail(scope.row)">详情</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>queryParams.pageSize">
<el-pagination background :page-size="queryParams.pageSize" :current-page.sync="queryParams.pageNum" @current-change="handleCurrentChange" layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</template>
<template v-else>
<div class="detail-title">
<div><span style="cursor: pointer;" @click="showDetail = false">信用评价列表</span><i class="el-icon-arrow-right"></i><span class="tip">详情</span></div>
</div>
<div class="table-supplier table-supplier2">
<head-form-new title="" :form-data="formData2" :query-params="queryParams" :total="0" :isExcel="false"
@handle-search="handleSearch" ref="searchFormNew" @handle-excel="handleExcel" />
<!--<el-divider class="supdivider"></el-divider>
<div class="total-title">
<div class="totals">共{{total}}条</div>
<p class="total-dc" @click="customerExport">
<img src="@/assets/images/EXCEL.png" alt="">
<span class="excel">导出EXCEL</span>
</p>
</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>{{(queryParams.pageNum - 1) *queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="评价维度" prop="name2" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="规则名称" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="规则定义" prop="name1" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="考核周期" prop="name3" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="得分" prop="name6" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>queryParams.pageSize">
<el-pagination background :page-size="queryParams.pageSize" :current-page.sync="queryParams.pageNum" @current-change="handleCurrentChange" layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</template>
</div>
</template>
<script>
import '@/assets/styles/public.scss'
import '@/assets/styles/supplierlist.scss'
import mixin from '@/views/detail/party-a/mixins/mixin'
export default {
name: 'ratinglist',
mixins: [mixin],
data(){
return{
detailInfo:{},
showDetail:false,
formData: [
{
type: 1, fieldName: 'businessTypes', value: '',width:80, placeholder: '品类', uid: '', options: [
{name:'品类',value:1},
{name:'物资',value:2},
{name:'设备',value:3},
{name:'劳务分包',value:4},
{name:'专业分包',value:5},
{name:'专业服务',value:6},
{name:'租赁',value:7},
],
},
{ type: 5, fieldName: 'causeAction', value: '', placeholder: '评价周期',timeList: ['近一周', '近半月', '近一月', '自定义'],uid: '' },
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '项目名称关键字', uid: '',isword:'项目名称关键字',},
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '分供方名称', uid: '',isword:'分供方名称' },
],
formData2: [
{
type: 1, fieldName: 'businessTypes', value: '',width:108, placeholder: '评价维度', uid: '', options: [
{name:'现场配合',value:1},
{name:'劳务分包',value:4},
{name:'专业分包',value:5},
{name:'专业服务',value:6},
{name:'租赁',value:7},
],
},
{ type: 5, fieldName: 'causeAction', value: '', placeholder: '考核周期',timeList: ['近一周', '近半月', '近一月', '自定义'],uid: '' },
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '规则名称', uid: '',isword:'规则名称' },
],
queryParams: {
// customerId: this.companyId,
// customerName: this.companyName,
pageNum: 1,
pageSize: 10,
},
total: 19,
isSkeleton:false,
tableData:[
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-水泥及水',name3:'--',name4:'--',name5:'供应商准入（集采）99',name6:'100',name7:'118',name8:'118',name9:'114'},
{name1:'河南荣川实业有限公司',name2:'泥制品',name3:'100',name4:'--',name5:'供应商准入（集采）5',name6:'100',name7:'118',name8:'118',name9:'107'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-其他类',name3:'100',name4:'--',name5:'供应商准入（集采）19',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'北京九主澜商贸有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'供应商准入（集采）1',name6:'100',name7:'105',name8:'109',name9:'107'},
{name1:'重庆拉瑞永固混凝土有限公司',name2:'物资-木材及制品',name3:'--',name4:'--',name5:'供应商准入（集采）3',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'山东乾途伟业建材有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'供应商准入（集采）',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'厦门市集美区鸿铭建材有限公司',name2:'物资-其他类',name3:'--',name4:'--',name5:'供应商准入（集采）1',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'重庆匠伦家居用品有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'--',name5:'供应商准入（集采）7',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'荆门市飞图混凝土有限公司',name2:'物资-木材及制币',name3:'--',name4:'--',name5:'供应商准入（集采）',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'重庆满煦商贸有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'--',name5:'供应商准入（集采）',name6:'100',name7:'109',name8:'109',name9:'114'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-水泥及水',name3:'--',name4:'--',name5:'供应商准入（集采）99',name6:'100',name7:'118',name8:'118',name9:'114'},
{name1:'河南荣川实业有限公司',name2:'泥制品',name3:'100',name4:'--',name5:'供应商准入（集采）5',name6:'100',name7:'118',name8:'118',name9:'107'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-其他类',name3:'100',name4:'--',name5:'供应商准入（集采）19',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'北京九主澜商贸有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'供应商准入（集采）1',name6:'100',name7:'105',name8:'109',name9:'107'},
{name1:'重庆拉瑞永固混凝土有限公司',name2:'物资-木材及制品',name3:'--',name4:'--',name5:'供应商准入（集采）3',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'山东乾途伟业建材有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'供应商准入（集采）',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'厦门市集美区鸿铭建材有限公司',name2:'物资-其他类',name3:'--',name4:'--',name5:'供应商准入（集采）1',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'重庆匠伦家居用品有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'--',name5:'供应商准入（集采）7',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'荆门市飞图混凝土有限公司',name2:'物资-木材及制币',name3:'--',name4:'--',name5:'供应商准入（集采）',name6:'100',name7:'109',name8:'109',name9:'107'},
],
tableColumnFixed:false,
}
},
methods:{
viewDetail(obj){
this.detailInfo = obj
this.showDetail = true
},
handleSearch(){},
handleExcel() {
},
customerExport(){
},
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";
},
handleCurrentChange(){
}
}
}
</script>
<style lang="scss" scoped>
.supplier1{
padding: 0;
}
.title_wrap{
border: none;
}
.detail-title{
border-radius: 4px 4px 0px 0px;
opacity: 1;
/* 自动布局 */
display: flex;
flex-direction: column;
padding: 16px;
gap: 16px;
background: #FFFFFF;
box-sizing: border-box;
/* 分割线 */
font-size: 14px;
color: rgba(35, 35, 35, 0.4);
.el-icon-arrow-right{
font-size: 12px;
margin: 4px;
}
.tip{
font-size: 12px;
color: rgba(35, 35, 35, 1);
}
img{
width: 28px;
height: 28px;
border-radius: 6px;
margin-right: 12px;
}
strong{
font-size: 16px;
color: rgba(35, 35, 35, 1);
font-weight: 700;
}
.label{
color: rgba(35, 35, 35, 0.8);
margin-right: 24px;
}
}
.table-supplier {
background: #ffffff;
border-radius: 4px;
padding: 16px;
.supdivider{
width: calc(100% + 32px);
margin-left: -16px;
margin-top: 8px;
margin-bottom: 16px;
}
::v-deep .head-form-new {
.ability-total {
display: none !important;
}
.from-item .normal-search-container{
white-space: nowrap;
width: 134px;
}
}
input {
border: 1px solid #efefef;
}
::v-deep .el-form-item {
margin-right: 8px !important;
}
.query-box {
margin: 10px 0 20px;
}
.cell-span {
display: inline-block;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
cursor: pointer;
> span {
display: inline-block;
width: 37px;
position: absolute;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 1;
}
}
@import "@/assets/styles/search-common.scss";
}
.table-supplier2{
padding-top: 0;
margin-top: 0;
}
</style>
dsk-operate-ui/src/views/detail/party-a/ratelist/honourAgreement.vue 0 → 100644
View file @ 3ac28478
<template>
<div class="supplier supplier1 ">
<template v-if="!showDetail">
<div class="search-supplier">
<div class="title_wrap">
<div class="enterprise_title">
履约评价
</div>
</div>
</div>
<div class="table-supplier table-supplier2">
<!--<el-divider class="supdivider"></el-divider>
<div class="total-title">
<div class="totals">共{{total}}条</div>
<p class="total-dc" @click="customerExport">
<img src="@/assets/images/EXCEL.png" alt="">
<span class="excel">导出EXCEL</span>
</p>
</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>{{(queryParams.pageNum - 1) *queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="项目" prop="name1" :fixed="tableColumnFixed" width="310" :resizable="false"></el-table-column>
<el-table-column label="品类" prop="name2" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="本月履约金额" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="本月履约得分" prop="name3" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="本年履约金额" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="操作" width="90">
<template slot-scope="scope">
<span style="color: #0081FF;cursor: pointer;" @click="viewDetail(scope.row)">详情</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>queryParams.pageSize">
<el-pagination background :page-size="queryParams.pageSize" :current-page.sync="queryParams.pageNum" @current-change="handleCurrentChange" layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</template>
<template v-else>
<div class="detail-title">
<div><span style="cursor: pointer;" @click="showDetail = false">履约评价列表</span><i class="el-icon-arrow-right"></i><span class="tip">详情</span></div>
</div>
<div class="table-supplier table-supplier2">
<head-form-new title="" :form-data="formData2" :query-params="queryParams" :total="0" :isExcel="false"
@handle-search="handleSearch" ref="searchFormNew" @handle-excel="handleExcel" />
<!--<el-divider class="supdivider"></el-divider>
<div class="total-title">
<div class="totals">共{{total}}条</div>
<p class="total-dc" @click="customerExport">
<img src="@/assets/images/EXCEL.png" alt="">
<span class="excel">导出EXCEL</span>
</p>
</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>{{(queryParams.pageNum - 1) *queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="评价维度" prop="name2" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="规则名称" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="规则定义" prop="name1" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="考核周期" prop="name3" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="得分" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>queryParams.pageSize">
<el-pagination background :page-size="queryParams.pageSize" :current-page.sync="queryParams.pageNum" @current-change="handleCurrentChange" layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</template>
</div>
</template>
<script>
import '@/assets/styles/public.scss'
import '@/assets/styles/supplierlist.scss'
import mixin from '@/views/detail/party-a/mixins/mixin'
export default {
name: 'ratinglist',
mixins: [mixin],
data(){
return{
detailInfo:{},
showDetail:false,
formData: [
{
type: 1, fieldName: 'businessTypes', value: '',width:80, placeholder: '品类', uid: '', options: [
{name:'品类',value:1},
{name:'物资',value:2},
{name:'设备',value:3},
{name:'劳务分包',value:4},
{name:'专业分包',value:5},
{name:'专业服务',value:6},
{name:'租赁',value:7},
],
},
{ type: 5, fieldName: 'causeAction', value: '', placeholder: '评价周期',timeList: ['近一周', '近半月', '近一月', '自定义'],uid: '' },
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '项目名称关键字', uid: '',isword:'项目名称关键字',},
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '分供方名称', uid: '',isword:'分供方名称' },
],
formData2: [
{
type: 1, fieldName: 'businessTypes', value: '',width:108, placeholder: '评价维度', uid: '', options: [
{name:'现场配合',value:1},
{name:'劳务分包',value:4},
{name:'专业分包',value:5},
{name:'专业服务',value:6},
{name:'租赁',value:7},
],
},
{ type: 5, fieldName: 'causeAction', value: '', placeholder: '考核周期',timeList: ['近一周', '近半月', '近一月', '自定义'],uid: '' },
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '规则名称', uid: '',isword:'规则名称' },
],
queryParams: {
// customerId: this.companyId,
// customerName: this.companyName,
pageNum: 1,
pageSize: 10,
},
total: 19,
isSkeleton:false,
tableData:[
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-水泥及水',name3:'--',name4:'--',name5:'4297031.99',name6:'100',name7:'118',name8:'118',name9:'114'},
{name1:'河南荣川实业有限公司',name2:'泥制品',name3:'100',name4:'--',name5:'363515.35',name6:'100',name7:'118',name8:'118',name9:'107'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-其他类',name3:'100',name4:'--',name5:'6317465.19',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'北京九主澜商贸有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'1969555.1',name6:'100',name7:'105',name8:'109',name9:'107'},
{name1:'重庆拉瑞永固混凝土有限公司',name2:'物资-木材及制品',name3:'--',name4:'--',name5:'948239.73',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'山东乾途伟业建材有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'941892.3',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'厦门市集美区鸿铭建材有限公司',name2:'物资-其他类',name3:'--',name4:'--',name5:'358583.61',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'重庆匠伦家居用品有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'--',name5:'217844.57',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'荆门市飞图混凝土有限公司',name2:'物资-木材及制币',name3:'--',name4:'--',name5:'78707.09',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'重庆满煦商贸有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'--',name5:'65403.78',name6:'100',name7:'109',name8:'109',name9:'114'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-水泥及水',name3:'--',name4:'--',name5:'4297031.99',name6:'100',name7:'118',name8:'118',name9:'114'},
{name1:'河南荣川实业有限公司',name2:'泥制品',name3:'100',name4:'--',name5:'363515.35',name6:'100',name7:'118',name8:'118',name9:'107'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-其他类',name3:'100',name4:'--',name5:'6317465.19',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'北京九主澜商贸有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'1969555.1',name6:'100',name7:'105',name8:'109',name9:'107'},
{name1:'重庆拉瑞永固混凝土有限公司',name2:'物资-木材及制品',name3:'--',name4:'--',name5:'948239.73',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'山东乾途伟业建材有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'941892.3',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'厦门市集美区鸿铭建材有限公司',name2:'物资-其他类',name3:'--',name4:'--',name5:'358583.61',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'重庆匠伦家居用品有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'--',name5:'217844.57',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'荆门市飞图混凝土有限公司',name2:'物资-木材及制币',name3:'--',name4:'--',name5:'78707.09',name6:'100',name7:'109',name8:'109',name9:'107'},
],
tableColumnFixed:false,
}
},
methods:{
viewDetail(obj){
this.detailInfo = obj
this.showDetail = true
},
handleSearch(){},
handleExcel() {
},
customerExport(){
},
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";
},
handleCurrentChange(){
}
}
}
</script>
<style lang="scss" scoped>
.supplier1{
padding: 0;
}
.title_wrap{
border: none;
}
.detail-title{
border-radius: 4px 4px 0px 0px;
opacity: 1;
/* 自动布局 */
display: flex;
flex-direction: column;
padding: 16px;
gap: 16px;
background: #FFFFFF;
box-sizing: border-box;
/* 分割线 */
font-size: 14px;
color: rgba(35, 35, 35, 0.4);
.el-icon-arrow-right{
font-size: 12px;
margin: 4px;
}
.tip{
font-size: 12px;
color: rgba(35, 35, 35, 1);
}
img{
width: 28px;
height: 28px;
border-radius: 6px;
margin-right: 12px;
}
strong{
font-size: 16px;
color: rgba(35, 35, 35, 1);
font-weight: 700;
}
.label{
color: rgba(35, 35, 35, 0.8);
margin-right: 24px;
}
}
.table-supplier {
background: #ffffff;
border-radius: 4px;
padding: 16px;
.supdivider{
width: calc(100% + 32px);
margin-left: -16px;
margin-top: 8px;
margin-bottom: 16px;
}
::v-deep .head-form-new {
.ability-total {
display: none !important;
}
.from-item .normal-search-container{
white-space: nowrap;
width: 134px;
}
}
input {
border: 1px solid #efefef;
}
::v-deep .el-form-item {
margin-right: 8px !important;
}
.query-box {
margin: 10px 0 20px;
}
.cell-span {
display: inline-block;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
cursor: pointer;
> span {
display: inline-block;
width: 37px;
position: absolute;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 1;
}
}
@import "@/assets/styles/search-common.scss";
}
.table-supplier2{
padding-top: 0;
margin-top: 0;
}
</style>
\ No newline at end of file
dsk-operate-ui/src/views/monitoring/MonitoringDynamics.vue
View file @ 3ac28478
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div class="app-container MonitoringDynamics"> <div class="app-container MonitoringDynamics">
<div class="title_wrap"> <div class="title_wrap">
<div class="enterprise_title"> <div class="enterprise_title">
风险监控动态 司法风险监控动态
</div> </div>
</div> </div>
<div class="search"> <div class="search">
...@@ -51,23 +51,6 @@ ...@@ -51,23 +51,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="search-item">
<div class="label">工商风险</div>
<div class="main-right">
<div class="select-popper">
<el-checkbox-group v-model="gsfx">
<el-checkbox label="不限" @change="changeGsfx('不限')">不限</el-checkbox>
<el-checkbox v-for="(i,index) in selectList1" :key="index" :label="i.dimensionName" @change="changeGsfx(i)">{{i.dimensionName}}</el-checkbox>
</el-checkbox-group>
<!--<span :class="{ color_text: gsfx.length }">工商风险{{gsfx.length > 0 ? gsfx.length:''}}<i class="el-icon-caret-bottom"></i></span>-->
<!--<el-select ref="tenderTypeSelect" v-model="gsfx" class="select-multiple" collapse-tags multiple placeholder="请选择">-->
<!--<el-option v-for="(i,index) in selectList1" :key="index" :label="i.dimensionName" :value="i.dimensionName">-->
<!--<el-checkbox style="width: 100%;" :label="i.dimensionName" @change="changeGsfx(i)">{{i.dimensionName}}</el-checkbox>-->
<!--</el-option>-->
<!--</el-select>-->
</div>
</div>
</div>
<div class="search-item"> <div class="search-item">
<div class="label">风险级别</div> <div class="label">风险级别</div>
<div class="main-right"> <div class="main-right">
...@@ -880,5 +863,19 @@ ...@@ -880,5 +863,19 @@
padding: 24px 20px; padding: 24px 20px;
} }
} }
.title_wrap{
padding: 20px;
background-color: #FFFFFF;
border-bottom: 1px solid #e0e0e0;
.enterprise_title{
border-left: 2px solid #445781;
padding-left: 8px;
font-size: 16px;
height: 16px;
line-height: 16px;
font-weight: 700;
color: #232323;
}
}
} }
</style> </style>
dsk-operate-ui/src/views/monitoring/MonitoringDynamicsgs.vue 0 → 100644
View file @ 3ac28478
<template>
<!--监控动态-->
<div class="app-container MonitoringDynamics">
<div class="title_wrap">
<div class="enterprise_title">
工商风险监控动态
</div>
</div>
<div class="search">
<div class="search-item" style="line-height: 32px;margin-top: 0;padding-bottom: 8px;">
<div class="label">监控对象</div>
<el-input class="name" placeholder="请输入监控对象名称" v-model="companyName">
<el-button slot="append" @click="handleKeyword()">搜索</el-button>
</el-input>
</div>
<div class="search-item" style="margin-bottom: 25px">
<div class="label">更新时间</div>
<div class="checkbox">
<el-radio-group v-model="radio">
<el-radio v-for="item in radioList" @change="radioBtn" :label="item.type">{{item.label}}</el-radio>
</el-radio-group>
<el-date-picker
v-if="radio==6"
v-model="date"
type="daterange"
value-format="yyyy-MM-dd"
unlink-panels
size="small"
@change="changePicker"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</div>
</div>
<div class="search-item">
<div class="label">工商风险</div>
<div class="main-right">
<div class="select-popper">
<el-checkbox-group v-model="gsfx">
<el-checkbox label="不限" @change="changeGsfx('不限')">不限</el-checkbox>
<el-checkbox v-for="(i,index) in selectList1" :key="index" :label="i.dimensionName" @change="changeGsfx(i)">{{i.dimensionName}}</el-checkbox>
</el-checkbox-group>
<!--<span :class="{ color_text: gsfx.length }">工商风险{{gsfx.length > 0 ? gsfx.length:''}}<i class="el-icon-caret-bottom"></i></span>-->
<!--<el-select ref="tenderTypeSelect" v-model="gsfx" class="select-multiple" collapse-tags multiple placeholder="请选择">-->
<!--<el-option v-for="(i,index) in selectList1" :key="index" :label="i.dimensionName" :value="i.dimensionName">-->
<!--<el-checkbox style="width: 100%;" :label="i.dimensionName" @change="changeGsfx(i)">{{i.dimensionName}}</el-checkbox>-->
<!--</el-option>-->
<!--</el-select>-->
</div>
</div>
</div>
<div class="search-item">
<div class="label">风险级别</div>
<div class="main-right">
<div class="checkbox">
<div class="checkbox-content-qx">
<el-checkbox v-model="checkFx" @change="checkFxjbBtn">全部</el-checkbox>
</div>
<el-checkbox-group v-model="fxjbType" class="keyword_checkbox" @change="checkFxjb1Btn">
<el-checkbox v-for="item in fxjb" :label="item.value" :key="item.label">{{item.label}}</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
<div class="content">
<div class="total" v-if="tableDataTotal > 0 && !isSkeleton">共 {{tableDataTotal}} 条</div>
<div class="table-item">
<div v-if="tableDataTotal > 0 && !isSkeleton">
<el-table
:data="tableData"
element-loading-text="Loading"
border
highlight-current-row
>
<el-table-column label="序号" width="60" align="left" fixed>
<template slot-scope="scope">{{ queryParams.pageNum * queryParams.pageSize - queryParams.pageSize + scope.$index + 1 }}</template>
</el-table-column>
<el-table-column label="监控对象" prop="companyName" align="left" width="250"></el-table-column>
<el-table-column label="风险级别" prop="riskLevel" align="left" width="120"></el-table-column>
<el-table-column label="监控类型" prop="dimensionName" align="left" width="150"></el-table-column>
<el-table-column label="动态内容" prop="details" align="left">
<template slot-scope="scope">
<div v-for="(item,index) in scope.row.Array" :key="index">
<div>
<span style="color: #999;">{{item.key}}：</span>
<span>{{item.value}}</span>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="更新时间" prop="createTime" align="left" width="150"></el-table-column>
<el-table-column
label="操作"
align="center"
width="150"
>
<template slot-scope="scope">
<!---->
<span v-if="scope.row.hasdetail" style="cursor: pointer;color:#0081FF;" @click="handleDetail(scope.row)">查看详情</span>
<span v-else="scope.row.hasdetail" @click="handleDetail(scope.row)">查看详情</span>
</template>
</el-table-column>
</el-table>
</div>
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<div class="empty" v-if="tableDataTotal === 0 && !isSkeleton">
<img class="img" src="@/assets/images/project/empty.png">
<div class="p1">暂未发现企业风险动态信息</div>
<!--<div class="p2">建议调整关键词或筛选条件，重新搜索</div>-->
</div>
</div>
<div class="pagination-box" v-if="tableDataTotal>queryParams.pageSize">
<el-pagination background :current-page="queryParams.pageNum" :page-size="queryParams.pageSize" :total="tableDataTotal" layout="prev, pager, next, jumper" @current-change="handleCurrentChange" @size-change="handleSizeChange" />
</div>
</div>
<el-dialog :visible.sync="dialogVisible" custom-class='dialog-claim' :title="title" width="720px" :close-on-click-modal="false">
<div class="dialog-content">
<template v-if="title=='开庭公告详情'">
<info-table class="info-tab" :list="defaultList0" :obj="detail" :labelWidth="labelWidth">
<template v-slot:relatedCompanies="row">
<p v-for="i in row.data.relatedCompanies">
{{i.role}}:<br/>
{{i.name}}
</p>
</template>
</info-table>
</template>
<template v-if="title=='失信被执行人详情'">
<info-table class="info-tab" :list="defaultList1" :obj="detail" :labelWidth="labelWidth"></info-table>
</template>
<template v-if="title=='法院公告详情'">
<info-table class="info-tab" :list="defaultList2" :obj="detail" :labelWidth="labelWidth"></info-table>
</template>
<template v-if="title=='经营异常详情'">
<info-table class="info-tab" :list="defaultList3" :obj="detail" :labelWidth="labelWidth"></info-table>
</template>
<template v-if="title=='股权冻结详情'">
<info-table class="info-tab" :list="defaultList4" :obj="detail" :labelWidth="labelWidth"></info-table>
</template>
<template v-if="title=='裁判文书详情'">
<info-table class="info-tab" :list="defaultList5" :obj="detail" :labelWidth="labelWidth">
<template v-slot:relatedCompanies="row">
<p v-for="i in row.data.relatedCompanies">
{{i.role}}:<br/>
{{i.name}}
</p>
</template>
</info-table>
</template>
</div>
</el-dialog>
</div>
</template>
<script>
import { v4 } from "uuid";
import {changeTime} from "@/assets/js/common.js"
import { dynamicPage,companyDetail,rulesSelect } from '@/api/monitoring/monitoring'
import InfoTable from '../detail/party-a/component/infoTable';
import skeleton from '../component/skeleton'
export default {
name: 'MonitoringDynamicsgs',
components: {
InfoTable,skeleton
},
data() {
return {
isSkeleton:true,
radio:null,
date:'',
radioList:[
{
type:null,
label:'全部'
},
{
type:1,
label:'今天'
},
{
type:2,
label:'近三天'
},
{
type:3,
label:'近一周'
},
{
type:4,
label:'近半月'
},
{
type:5,
label:'近一个月'
},
{
type:6,
label:'自定义日期'
},
],
fxjb:[
{
value:'低风险',
label:'低风险'
},
{
value:'中风险',
label:'中风险'
},
{
value:'高风险',
label:'高风险'
},
],
checkFx: true,
fxlxType:[],
jkType:[
{
value:'1',
label:'司法风险'
},
{
value:'2',
label:'工商变更'
},
],
selectList:[],
selectList1:[],
sffx:[],
gsfx:[],
queryParams:{
pageNum:1,
pageSize:50,
condition:{}
},
type:[],
gsbgType:[],
companyName:'',
fxjbType:[],
inputID1: this.getUid(),
inputID2: this.getUid(),
tableData:[],
tableDataTotal:0,
dialogVisible:false,
labelWidth: 140,
//开庭公告详情
defaultList0:[
{ name: '案由', prop: 'causeAction' },
{ name: '案号', prop: 'caseNo' },
{ name: '开庭时间', prop: 'hearingDate' },
{ name: '承办部门', prop: 'department' },
{ name: '审判长/主判人', prop: 'judge'},
{ name: '当事人', prop: 'relatedCompanies',slot: true},
{ name: '法院', prop: 'court'},
{ name: '法庭', prop: 'tribunal'},
{ name: '公告内容', prop: 'content', style: true },
],
//失信被执行人详情
defaultList1:[
{ name: '失信被执行人行为具体情形', prop: 'executionDesc', style: true },
{ name: '履行情况', prop: 'finalDuty' },
{ name: '立案文号', prop: 'caseNumber' },
{ name: '立案日期', prop: 'date' },
{ name: '执行依据文号', prop: 'docNumber'},
{ name: '执行法院', prop: 'court'},
],
//法院公告详情
defaultList2:[
{ name: '当事人', prop: 'people',style: true },
{ name: '身份', prop: 'role' },
{ name: '公共类型', prop: 'type' },
{ name: '公告日期', prop: 'date' },
{ name: '公告法院', prop: 'court',style: true},
{ name: '案由', prop: 'caseReason',style: true},
],
//经营异常详情
defaultList3:[
{ name: '列入日期', prop: 'inDate'},
{ name: '移出日期', prop: 'outDate' },
{ name: '列入经营异常原因', prop: 'outReason',style: true },
{ name: '做出决定机关（移入）', prop: 'department' },
{ name: '做出决定机关（移出）', prop: 'outDepartment'},
{ name: '移出经营移除名录原因', prop: 'outReason',style: true},
],
//股权冻结详情
defaultList4:[
{ name: '执行法院', prop: 'executiveCourt'},
{ name: '执行事项', prop: 'assistItem' },
{ name: '执行裁定文书号', prop: 'adjudicateNo'},
{ name: '执行通知文号', prop: 'number' },
{ name: '被执行人', prop: 'beExecutedPerson'},
{ name: '被执行人持有股权、其他投资权益数额', prop: 'amount'},
{ name: '冻结期限自', prop: 'freezeStartDate'},
{ name: '冻结期限至', prop: 'freezeEndDate'},
{ name: '冻结期限', prop: 'freezeYearMonth'},
{ name: '公示日期', prop: 'publicDate'},
],
//裁判文书详情
defaultList5:[
{ name: '案由', prop: 'causeAction'},
{ name: '执行案号', prop: 'causeNo' },
{ name: '身份', prop: 'role'},
{ name: '当事人', prop: 'relatedCompanies',slot: true },
{ name: '案件金额', prop: 'subAmount'},
{ name: '判决日期', prop: 'date'},
{ name: '判决结果', prop: 'judgeresult',style: true},
],
title:'法院公告详情',
detail:{}
}
},
created() {
this.getPlaceholder()
this.querySubmit()
rulesSelect().then(res => {
this.selectList=res.data;
for(let i in res.data){
if(res.data[i].dimensionName === '司法风险'){
this.selectList=res.data[i].children
}
if(res.data[i].dimensionName === '工商风险'){
this.selectList1=res.data[i].children
}
}
})
},
methods: {
async querySubmit() {
let endTime = new Date()
let params={
pageNum:this.queryParams.pageNum,
pageSize:this.queryParams.pageSize,
condition:this.queryParams.condition
}
if(this.radio === 1){
params.condition.beginTime=this.formatDate(endTime)
params.condition.endTime=this.formatDate(endTime)
}
if(this.companyName){
params.condition.companyName=this.companyName
}
if(this.fxjbType.length > 0){
params.condition.riskLevel=this.fxjbType
}else {
delete params.condition.riskLevel
}
let sffx = this.sffx
if(sffx.indexOf('不限')>-1){
sffx = []
}
let gsfx = this.gsfx
if(gsfx.indexOf('不限')>-1){
gsfx = []
}
if(sffx.length > 0 && gsfx.length > 0){
params.condition.riskType='司法风险,工商风险'
params.condition.dimension=this.sffx.concat(this.gsfx)
}
if(sffx.length > 0 && gsfx.length === 0){
params.condition.riskType='司法风险'
params.condition.dimension=this.sffx
}
if(sffx.length === 0 && gsfx.length > 0){
params.condition.riskType='工商风险'
params.condition.dimension=this.gsfx
}
if(sffx.length === 0 && gsfx.length === 0){
delete params.condition.riskType
delete params.condition.dimension
}
dynamicPage(params).then(res => {
this.isSkeleton = false;
this.tableData=res.rows;
this.tableDataTotal=res.total;
this.tableData.forEach(el => {
el.createTime = changeTime(el.createTime)
// 把动态内容从json字符串改为对象
el.details = JSON.parse(el.details)
// 对象转为键值对数组
let arr = Object.entries(el.details)
// 新建一个属性数组
el.Array = []
for(let [i,j] of arr){
el.Array.push({key:i,value:j})
}
let types = ['新增开庭公告','新增法院公告','新增裁判文书','新增经营异常','新增失信被执行人','新增股权冻结']
if(types.indexOf(el.dimensionName)>-1){
el.hasdetail = true
}else{
el.hasdetail = false
}
})
})
},
getDetail(name,id) {
companyDetail({dimensionName:name,sourceId:id}).then(res => {
console.log(res)
this.dialogVisible=true;
this.detail=res.data;
})
},
changeSffx(val) {
if(val == '不限')
this.sffx = ['不限']
else if(this.sffx.indexOf('不限')>-1){
this.sffx.splice(this.sffx.indexOf('不限'),1)
}
// if (this.sffx.indexOf(val.dimensionName) == -1) {
// this.sffx.push(val.dimensionName)
// } else {
// this.sffx.splice(this.sffx.indexOf(val.dimensionName), 1)
// }
this.queryParams.pageNum=1
this.queryParams.pageSize=10
this.querySubmit()
},
changeGsfx(val) {
if(val == '不限')
this.gsfx = ['不限']
else if(this.gsfx.indexOf('不限')>-1){
this.gsfx.splice(this.gsfx.indexOf('不限'),1)
}
// if (this.gsfx.indexOf(val.dimensionName) == -1) {
// this.gsfx.push(val.dimensionName)
// } else {
// this.gsfx.splice(this.gsfx.indexOf(val.dimensionName), 1)
// }
this.queryParams.pageNum=1
this.queryParams.pageSize=10
this.querySubmit()
},
checkFxjbBtn(val) {
this.fxjbType = [];
this.checkFx = true;
this.queryParams.pageNum=1
this.queryParams.pageSize=10
this.querySubmit()
},
checkFxjb1Btn(val){
if (val.length > 0) {
this.checkFx = false;
} else if (val.length == 0) {
this.checkFx = true;
this.fxjbType = [];
}
this.queryParams.pageNum=1
this.queryParams.pageSize=10
this.querySubmit()
},
handleDetail(item){
switch (item.dimensionName) {
case '新增开庭公告':
this.title='开庭公告详情'
this.getDetail(item.dimensionName,item.sourceId)
break;
case '新增法院公告':
this.title='法院公告详情'
this.getDetail(item.dimensionName,item.sourceId)
break;
case '新增裁判文书':
this.title='裁判文书详情'
this.getDetail(item.dimensionName,item.sourceId)
break;
case '新增经营异常':
this.title='经营异常详情'
this.getDetail(item.dimensionName,item.sourceId)
break;
case '新增失信被执行人':
this.title='失信被执行人详情'
this.getDetail(item.dimensionName,item.sourceId)
break;
case '新增股权冻结':
this.title='股权冻结详情'
this.getDetail(item.dimensionName,item.sourceId)
break;
default:
this.$message.success("暂无详情");
break;
}
},
handleKeyword(){
this.queryParams.pageNum=1
this.queryParams.pageSize=10
this.querySubmit()
},
radioBtn(val){
let endTime = new Date()
this.queryParams.pageNum=1
this.queryParams.pageSize=10
switch (val) {
case 1:
this.queryParams.condition.beginTime=this.formatDate(endTime)
this.queryParams.condition.endTime=this.formatDate(endTime)
this.querySubmit()
break;
case 2:
this.queryParams.condition.beginTime = this.formatDate(new Date(endTime.getTime() - 3600 * 1000 * 24 * 3))
this.queryParams.condition.endTime = this.formatDate(endTime)
this.querySubmit()
break;
case 3:
this.queryParams.condition.beginTime = this.formatDate(new Date(endTime.getTime() - 3600 * 1000 * 24 * 7))
this.queryParams.condition.endTime = this.formatDate(endTime)
this.querySubmit()
break;
case 4:
this.queryParams.condition.beginTime = this.formatDate(new Date(endTime.getTime() - 3600 * 1000 * 24 * 15))
this.queryParams.condition.endTime = this.formatDate(endTime)
this.querySubmit()
break;
case 5:
this.queryParams.condition.beginTime = this.formatDate(new Date(endTime.getTime() - 3600 * 1000 * 24 * 30))
this.queryParams.condition.endTime = this.formatDate(endTime)
this.querySubmit()
break;
case 6:
this.date=[]
break;
default:
this.queryParams.condition.beginTime=''
this.queryParams.condition.endTime=''
this.querySubmit()
break;
}
},
// 重置页数
handleSizeChange(val) {
this.queryParams.pageNum = 1
this.queryParams.pageSize = val
this.querySubmit()
},
// 跳转指定页数
handleCurrentChange(val) {
this.queryParams.pageNum = val
this.querySubmit()
window.scrollTo(0, 0);
},
// 时间选择改变后的回调
changePicker(value) {
if(value && value.length) {
this.queryParams.condition.beginTime = value[0]
this.queryParams.condition.endTime = value[1]
}
this.queryParams.pageNum=1
this.queryParams.pageSize=10
this.querySubmit()
},
// 时间格式化
formatDate(timeStr) {
let date = new Date(Number(timeStr));
let year = date.getFullYear();
let month = String(date.getMonth() + 1).padStart(2, 0);
let day = String(date.getDate()).padStart(2, 0);
return `${year}-${month}-${day}`;
},
async getPlaceholder() {
try {
await this.$nextTick();
const doms = document.querySelectorAll("[class*='select-adaptive-']");
if (doms?.length) {
doms.forEach(dom => {
const realStyles = window.getComputedStyle(dom);
const ipt = dom.querySelector("input");
const text = ipt.getAttribute("placeholder");
const textContainer = document.createElement("span");
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", realStyles.paddingRight) : null;
textContainer.style.setProperty("box-sizing", "border-box");
textContainer.textContent = text;
document.body.append(textContainer);
// 加上按钮宽度 以及按钮左外边距
let containerWidth = textContainer.offsetWidth + 30;
textContainer.remove();
dom.style.setProperty("width", `${containerWidth}px`);
});
}
} catch (error) {
}
},
iptAdaptive(uid, multiple = false, name) {
multiple ? this.multipleAdaptiveHandle(uid, name) : this.iptAdaptiveHandle(uid, name);
},
getUid() {
return v4();
},
// 多选处理
async multipleAdaptiveHandle(uid, name) {
try {
await this.$nextTick();
const dom = document.querySelector(`.select-adaptive-${uid}`);
const iptChild = dom.querySelector(".el-input__inner");
if (dom) {
const textContainer = document.createElement("span");
const textName = `text-${uid}`;
textContainer.classList.add(textName);
const selectChildren = dom.querySelectorAll(".el-tag");
if (selectChildren.length) {
let width = 0;
selectChildren.forEach(item => {
const text = item.textContent;
const itemInfo = window.getComputedStyle(item);
textContainer.style.setProperty("visibility", "hidden");
textContainer.style.setProperty("display", "inline-block");
textContainer.style.setProperty("font-size", "14px");
textContainer.style.setProperty("padding", itemInfo.padding);
textContainer.style.setProperty("box-sizing", "border-box");
textContainer.textContent = text;
document.body.append(textContainer);
width += textContainer.offsetWidth + parseInt(itemInfo.marginLeft) + parseInt(itemInfo.marginRight);
textContainer.remove();
});
dom.style.setProperty("width", `${width + 50}px`);
// this.handleSearch(name);
return;
}
textContainer.style.setProperty("visibility", "hidden");
textContainer.style.setProperty("display", "inline-block");
textContainer.style.setProperty("font-size", "14px");
textContainer.style.setProperty("padding", "0px 8px");
textContainer.style.setProperty("box-sizing", "border-box");
textContainer.textContent = iptChild.getAttribute("placeholder");
document.body.append(textContainer);
let containerWidth = textContainer.offsetWidth + 12 + 8;
// let containerWidth = 130;
textContainer.remove();
dom.style.setProperty("width", `${containerWidth}px`);
// this.handleSearch(name);
}
} catch (error) {
console.log(error);
}
},
// 单选处理
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) {
}
},
}
}
</script>
<style lang="scss">
.el-select-dropdown__item.selected,
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{
color: #3181fa;
font-size: 0;
}
</style>
<style lang="scss" scoped>
.MonitoringDynamics{
.search{
background: #FFFFFF;
padding: 25px 16px;
border-radius: 4px;
.search-item{
display: -webkit-box;
align-items: flex-start;
line-height: 20px;
margin-top: 8px;
}
.label{
margin-right: 12px;
font-size: 14px;
color: rgba(35,35,35,0.8);
}
.color_text {
color: #0081ff;
}
::v-deep .name{
width: 405px;
height: 32px;
margin-left: 12px;
border-radius: 2px;
border: 1px solid #DCDFE6;
.el-input__inner{
border: 0;
height: 32px;
}
.el-input-group__append{
border: 0;
background: #F5F5F5;
width: 60px;
color: #0081FF;
text-align: center;
}
.el-input-group__append:hover{
background:#F5F5F5;
}
}
.main-right {
width: calc(100% - 112px);
.select-popper {
text-align: center;
display: inline-block;
position: relative;
color: #333333;
font-size: 14px;
cursor: pointer;
margin: 0px 12px;
margin-bottom: 16px;
}
.select-popper .select-popper-img {
width: 24px;
height: 12px;
position: absolute;
top: -10px;
right: 2px;
}
.select-multiple {
position: absolute;
left: 0;
top: -6px;
opacity: 0;
line-height: 22px;
::v-deep .el-input {
width: 100%;
line-height: 22px;
.el-input__inner {
color: rgba(35,35,35,0.8);
width: 100%;
height: 22px !important;
}
}
.el-tag__close.el-icon-close {
display: none;
}
}
}
.checkbox{
display: flex;
align-items: flex-start;
padding-left: 12px;
position: relative;
.checkbox-content-qx{
margin-right: 24px;
}
.keyword_checkbox{
::v-deep .el-checkbox{
margin-right: 24px;
}
}
::v-deep .el-radio{
color: rgba(35,35,35,0.8);
}
::v-deep .el-checkbox__label{
color: rgba(35,35,35,0.8);
}
::v-deep .el-checkbox{
margin-right: 10px;
}
::v-deep .el-date-editor{
position: absolute;
left: 602px;
top: -7px
}
::v-deep .el-select{
.el-input{
.el-input__inner{
height: 32px;
line-height: 32px;
border-radius: 4px;
border: 0;
padding-left: 0px;
padding-right: 8px;
&::placeholder{
color: rgba(35,35,35,0.8) !important;
}
}
.el-input__suffix{
top:2px;
}
}
}
}
}
.content{
background: #FFFFFF;
border-radius: 4px;
margin-top: 16px;
padding: 16px;
.total{
color: rgba(35,35,35,0.8);
font-size: 12px;
padding-bottom: 16px;
display: flex;
align-items: center;
&:before {
content: "";
display: inline-block;
width: 2px;
height: 2px;
background: rgba(35,35,35,.4);
margin-right: 4px;
}
}
.empty{
margin: 0 auto;
height: 550px;
text-align: center;
.img{
width: 108px;
height: 108px;
margin-bottom: 24px;
margin-top: 150px;
}
.p1{
color: #333333;
font-size: 16px;
}
.p2{
color: #999999;
font-size: 14px;
margin-top: 8px;
}
}
}
::v-deep .dialog-claim{
.el-dialog__header{
display: block;
padding:16px 20px;
border-bottom: 1px solid #EEEEEE;
font-size: 16px;
font-weight: 700;
color: #232323;
}
.el-dialog__body {
padding: 24px 20px;
}
}
.title_wrap{
padding: 20px;
background-color: #FFFFFF;
border-bottom: 1px solid #e0e0e0;
.enterprise_title{
border-left: 2px solid #445781;
padding-left: 8px;
font-size: 16px;
height: 16px;
line-height: 16px;
font-weight: 700;
color: #232323;
}
}
}
</style>
dsk-operate-ui/src/views/supplier/disablelist.vue 0 → 100644
View file @ 3ac28478
<template>
<div class="supplier">
<template v-if="!showDetail">
<div class="search-supplier">
<div class="title_wrap">
<div class="enterprise_title">
供应商内部禁用列表
</div>
</div>
</div>
<div class="table-supplier table-supplier2">
<head-form-new title="" :form-data="formData" :query-params="queryParams" :total="0" :isExcel="false"
@handle-search="handleSearch" ref="searchFormNew" @handle-excel="handleExcel" />
<!--<el-divider class="supdivider"></el-divider>
<div class="total-title">
<div class="totals">共{{total}}条</div>
<p class="total-dc" @click="customerExport">
<img src="@/assets/images/EXCEL.png" alt="">
<span class="excel">导出EXCEL</span>
</p>
</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>{{(queryParams.pageNum - 1) *queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="分供方名称" prop="name1" :fixed="tableColumnFixed" width="310" :resizable="false"></el-table-column>
<el-table-column label="分供方分类" prop="name2" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="所属组织" prop="name1" :fixed="tableColumnFixed" width="310" :resizable="false"></el-table-column>
<el-table-column label="分供方ID" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="账号" prop="name3" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="联系人" prop="name4" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="联系人电话" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="生效时间" prop="name6" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="禁用至" prop="name6" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="解除状态" prop="name66" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="操作" width="90" fixed="right">
<template slot-scope="scope">
<span style="color: #0081FF;cursor: pointer;" @click="viewDetail(scope.row)">详情</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>queryParams.pageSize">
<el-pagination background :page-size="queryParams.pageSize" :current-page.sync="queryParams.pageNum" @current-change="handleCurrentChange" layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</template>
<template v-else>
<div class="detail-title">
<div><span style="cursor: pointer;" @click="showDetail = false">供应商内部禁用</span><i class="el-icon-arrow-right"></i><span class="tip">详情</span></div>
<div class="search-supplier">
<div class="title_wrap title_wrap1">
<div class="enterprise_title">
供应商内部禁用列表
</div>
</div>
</div>
<info-table class="info-tab" :list="defaultList" :obj="detailInfo" :labelWidth="140"></info-table>
</div>
</template>
</div>
</template>
<script>
import '@/assets/styles/public.scss'
import '@/assets/styles/supplierlist.scss'
import mixin from '@/views/detail/party-a/mixins/mixin'
import InfoTable from '../detail/party-a/component/infoTable';
export default {
name: 'ratinglist',
components: {InfoTable},
mixins: [mixin],
data(){
return{
detailInfo:{},
showDetail:false,
formData: [
{
type: 1, fieldName: 'businessTypes', value: '',width:108, placeholder: '分供方分类', uid: '', options: [
{name:'品类',value:1},
{name:'物资',value:2},
{name:'设备',value:3},
{name:'劳务分包',value:4},
{name:'专业分包',value:5},
{name:'专业服务',value:6},
{name:'租赁',value:7},
],
},
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '分供方名称', uid: '',isword:'分供方名称' },
],
defaultList: [
{ name: '分供方', prop: 'name1' },
{ name: '所属组织', prop: 'name1' },
{ name: '禁用分类', prop: 'name2' },
{ name: '禁用至', prop: 'name6' },
{ name: '生效时间', prop: 'name6' },
{ name: '申请人', prop: 'name4' },
{ name: '申请时间', prop: 'name6' },
],
queryParams: {
// customerId: this.companyId,
// customerName: this.companyName,
pageNum: 1,
pageSize: 10,
},
total: 19,
isSkeleton:false,
tableData:[
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-水泥及水',name3:'456362',name4:'郑丽青',name5:'429799',name6:'2022-05-13',name66:'禁用',name7:'118',name8:'118',name9:'114'},
{name1:'河南荣川实业有限公司',name2:'泥制品',name3:'100',name4:'郑青',name5:'36355',name6:'2022-01-23',name66:'禁用',name7:'118',name8:'118',name9:'107'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-其他类',name3:'100',name4:'郑丽',name5:'631719',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'北京九主澜商贸有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'郑丽青',name5:'19691',name6:'2022-01-23',name66:'禁用',name7:'105',name8:'109',name9:'107'},
{name1:'重庆拉瑞永固混凝土有限公司',name2:'物资-木材及制品',name3:'456362',name4:'郑丽青',name5:'94823',name6:'2022-05-21',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'山东乾途伟业建材有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'郑丽青',name5:'9418',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'厦门市集美区鸿铭建材有限公司',name2:'物资-其他类',name3:'456362',name4:'郑丽青',name5:'35851',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'重庆匠伦家居用品有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'郑丽青',name5:'21787',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'荆门市飞图混凝土有限公司',name2:'物资-木材及制币',name3:'456362',name4:'郑丽青',name5:'7870',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'重庆满煦商贸有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'郑丽青',name5:'6540',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'114'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-水泥及水',name3:'456362',name4:'郑丽青',name5:'429799',name6:'2022-05-23',name66:'禁用',name7:'118',name8:'118',name9:'114'},
{name1:'河南荣川实业有限公司',name2:'泥制品',name3:'100',name4:'郑丽青',name5:'36355',name6:'2022-05-23',name66:'禁用',name7:'118',name8:'118',name9:'107'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-其他类',name3:'100',name4:'郑丽青',name5:'631719',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'北京九主澜商贸有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'郑丽青',name5:'19691',name6:'2022-05-23',name66:'禁用',name7:'105',name8:'109',name9:'107'},
{name1:'重庆拉瑞永固混凝土有限公司',name2:'物资-木材及制品',name3:'456362',name4:'郑丽青',name5:'94823',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'山东乾途伟业建材有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'郑丽青',name5:'9418',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'厦门市集美区鸿铭建材有限公司',name2:'物资-其他类',name3:'456362',name4:'郑丽青',name5:'35851',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'重庆匠伦家居用品有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'郑丽青',name5:'21787',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
{name1:'荆门市飞图混凝土有限公司',name2:'物资-木材及制币',name3:'456362',name4:'郑丽青',name5:'7870',name6:'2022-05-23',name66:'禁用',name7:'109',name8:'109',name9:'107'},
],
tableColumnFixed:false,
}
},
methods:{
viewDetail(obj){
this.detailInfo = obj
this.showDetail = true
},
handleSearch(){},
handleExcel() {
},
customerExport(){
},
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";
},
handleCurrentChange(){
}
}
}
</script>
<style lang="scss" scoped>
::v-deep .el-form-item__label{
height: 40px!important;
}
.title_wrap{
border: none;
}
.title_wrap1{
padding: 0;
}
.detail-title{
border-radius: 4px 4px 0px 0px;
opacity: 1;
/* 自动布局 */
display: flex;
flex-direction: column;
padding: 16px;
gap: 16px;
background: #FFFFFF;
box-sizing: border-box;
/* 分割线 */
border: 1px solid #EEEEEE;
font-size: 14px;
color: rgba(35, 35, 35, 0.4);
.el-icon-arrow-right{
font-size: 12px;
margin: 4px;
}
.tip{
font-size: 12px;
color: rgba(35, 35, 35, 1);
}
img{
width: 28px;
height: 28px;
border-radius: 6px;
margin-right: 12px;
}
strong{
font-size: 16px;
color: rgba(35, 35, 35, 1);
font-weight: 700;
}
.label{
color: rgba(35, 35, 35, 0.8);
margin-right: 24px;
}
}
.table-supplier {
background: #ffffff;
border-radius: 4px;
padding: 16px;
.supdivider{
width: calc(100% + 32px);
margin-left: -16px;
margin-top: 8px;
margin-bottom: 16px;
}
::v-deep .head-form-new {
.ability-total {
display: none !important;
}
.from-item .normal-search-container{
white-space: nowrap;
width: 134px;
}
}
input {
border: 1px solid #efefef;
}
::v-deep .el-form-item {
margin-right: 8px !important;
}
.query-box {
margin: 10px 0 20px;
}
.cell-span {
display: inline-block;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
cursor: pointer;
> span {
display: inline-block;
width: 37px;
position: absolute;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 1;
}
}
@import "@/assets/styles/search-common.scss";
}
.table-supplier2{
padding-top: 0;
margin-top: 0;
}
</style>
\ No newline at end of file
dsk-operate-ui/src/views/supplier/supplierRating/ratelist/creditRate.vue 0 → 100644
View file @ 3ac28478
<template>
<div class="supplier">
<template v-if="!showDetail">
<div class="search-supplier">
<div class="title_wrap">
<div class="enterprise_title">
信用评价列表
</div>
</div>
</div>
<div class="table-supplier table-supplier2">
<head-form-new title="" :form-data="formData" :query-params="queryParams" :total="0" :isExcel="false"
@handle-search="handleSearch" ref="searchFormNew" @handle-excel="handleExcel" />
<!--<el-divider class="supdivider"></el-divider>
<div class="total-title">
<div class="totals">共{{total}}条</div>
<p class="total-dc" @click="customerExport">
<img src="@/assets/images/EXCEL.png" alt="">
<span class="excel">导出EXCEL</span>
</p>
</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>{{(queryParams.pageNum - 1) *queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="供应商名称" prop="name1" :fixed="tableColumnFixed" width="310" :resizable="false"></el-table-column>
<el-table-column label="所诉组织" prop="name1" :fixed="tableColumnFixed" width="310" :resizable="false"></el-table-column>
<el-table-column label="品类" prop="name2" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="当前信用得分" prop="name3" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="来源" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="操作" width="90">
<template slot-scope="scope">
<span style="color: #0081FF;cursor: pointer;" @click="viewDetail(scope.row)">详情</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>queryParams.pageSize">
<el-pagination background :page-size="queryParams.pageSize" :current-page.sync="queryParams.pageNum" @current-change="handleCurrentChange" layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</template>
<template v-else>
<div class="detail-title">
<div><span style="cursor: pointer;" @click="showDetail = false">信用评价列表</span><i class="el-icon-arrow-right"></i><span class="tip">详情</span></div>
<div>
<img src="@/assets/images/enterprise.png" alt=""><strong>{{ detailInfo.name1 }}</strong>
</div>
<div>
<span>分供方所属组织：</span><span class="label">{{ detailInfo.name1 }}</span>
<span>评价品类：</span><span class="label">{{ detailInfo.name2 }}</span>
<span>评价周期：</span><span class="label">{{ detailInfo.name2 }}</span>
</div>
</div>
<div class="table-supplier">
<head-form-new title="" :form-data="formData2" :query-params="queryParams" :total="0" :isExcel="false"
@handle-search="handleSearch" ref="searchFormNew" @handle-excel="handleExcel" />
<!--<el-divider class="supdivider"></el-divider>
<div class="total-title">
<div class="totals">共{{total}}条</div>
<p class="total-dc" @click="customerExport">
<img src="@/assets/images/EXCEL.png" alt="">
<span class="excel">导出EXCEL</span>
</p>
</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>{{(queryParams.pageNum - 1) *queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="评价维度" prop="name2" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="规则名称" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="规则定义" prop="name1" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="考核周期" prop="name3" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="得分" prop="name6" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>queryParams.pageSize">
<el-pagination background :page-size="queryParams.pageSize" :current-page.sync="queryParams.pageNum" @current-change="handleCurrentChange" layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</template>
</div>
</template>
<script>
import '@/assets/styles/public.scss'
import '@/assets/styles/supplierlist.scss'
import mixin from '@/views/detail/party-a/mixins/mixin'
export default {
name: 'ratinglist',
mixins: [mixin],
data(){
return{
detailInfo:{},
showDetail:false,
formData: [
{
type: 1, fieldName: 'businessTypes', value: '',width:80, placeholder: '品类', uid: '', options: [
{name:'品类',value:1},
{name:'物资',value:2},
{name:'设备',value:3},
{name:'劳务分包',value:4},
{name:'专业分包',value:5},
{name:'专业服务',value:6},
{name:'租赁',value:7},
],
},
{ type: 5, fieldName: 'causeAction', value: '', placeholder: '评价周期',timeList: ['近一周', '近半月', '近一月', '自定义'],uid: '' },
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '项目名称关键字', uid: '',isword:'项目名称关键字',},
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '分供方名称', uid: '',isword:'分供方名称' },
],
formData2: [
{
type: 1, fieldName: 'businessTypes', value: '',width:108, placeholder: '评价维度', uid: '', options: [
{name:'现场配合',value:1},
{name:'劳务分包',value:4},
{name:'专业分包',value:5},
{name:'专业服务',value:6},
{name:'租赁',value:7},
],
},
{ type: 5, fieldName: 'causeAction', value: '', placeholder: '考核周期',timeList: ['近一周', '近半月', '近一月', '自定义'],uid: '' },
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '规则名称', uid: '',isword:'规则名称' },
],
queryParams: {
// customerId: this.companyId,
// customerName: this.companyName,
pageNum: 1,
pageSize: 10,
},
total: 19,
isSkeleton:false,
tableData:[
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-水泥及水',name3:'--',name4:'--',name5:'供应商准入（集采）99',name6:'100',name7:'118',name8:'118',name9:'114'},
{name1:'河南荣川实业有限公司',name2:'泥制品',name3:'100',name4:'--',name5:'供应商准入（集采）5',name6:'100',name7:'118',name8:'118',name9:'107'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-其他类',name3:'100',name4:'--',name5:'供应商准入（集采）19',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'北京九主澜商贸有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'供应商准入（集采）1',name6:'100',name7:'105',name8:'109',name9:'107'},
{name1:'重庆拉瑞永固混凝土有限公司',name2:'物资-木材及制品',name3:'--',name4:'--',name5:'供应商准入（集采）3',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'山东乾途伟业建材有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'供应商准入（集采）',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'厦门市集美区鸿铭建材有限公司',name2:'物资-其他类',name3:'--',name4:'--',name5:'供应商准入（集采）1',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'重庆匠伦家居用品有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'--',name5:'供应商准入（集采）7',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'荆门市飞图混凝土有限公司',name2:'物资-木材及制币',name3:'--',name4:'--',name5:'供应商准入（集采）',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'重庆满煦商贸有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'--',name5:'供应商准入（集采）',name6:'100',name7:'109',name8:'109',name9:'114'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-水泥及水',name3:'--',name4:'--',name5:'供应商准入（集采）99',name6:'100',name7:'118',name8:'118',name9:'114'},
{name1:'河南荣川实业有限公司',name2:'泥制品',name3:'100',name4:'--',name5:'供应商准入（集采）5',name6:'100',name7:'118',name8:'118',name9:'107'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-其他类',name3:'100',name4:'--',name5:'供应商准入（集采）19',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'北京九主澜商贸有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'供应商准入（集采）1',name6:'100',name7:'105',name8:'109',name9:'107'},
{name1:'重庆拉瑞永固混凝土有限公司',name2:'物资-木材及制品',name3:'--',name4:'--',name5:'供应商准入（集采）3',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'山东乾途伟业建材有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'供应商准入（集采）',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'厦门市集美区鸿铭建材有限公司',name2:'物资-其他类',name3:'--',name4:'--',name5:'供应商准入（集采）1',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'重庆匠伦家居用品有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'--',name5:'供应商准入（集采）7',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'荆门市飞图混凝土有限公司',name2:'物资-木材及制币',name3:'--',name4:'--',name5:'供应商准入（集采）',name6:'100',name7:'109',name8:'109',name9:'107'},
],
tableColumnFixed:false,
}
},
methods:{
viewDetail(obj){
this.detailInfo = obj
this.showDetail = true
},
handleSearch(){},
handleExcel() {
},
customerExport(){
},
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";
},
handleCurrentChange(){
}
}
}
</script>
<style lang="scss" scoped>
.title_wrap{
border: none;
}
.detail-title{
height: 130px;
border-radius: 4px 4px 0px 0px;
opacity: 1;
/* 自动布局 */
display: flex;
flex-direction: column;
padding: 16px;
gap: 16px;
background: #FFFFFF;
box-sizing: border-box;
/* 分割线 */
border: 1px solid #EEEEEE;
font-size: 14px;
color: rgba(35, 35, 35, 0.4);
.el-icon-arrow-right{
font-size: 12px;
margin: 4px;
}
.tip{
font-size: 12px;
color: rgba(35, 35, 35, 1);
}
img{
width: 28px;
height: 28px;
border-radius: 6px;
margin-right: 12px;
}
strong{
font-size: 16px;
color: rgba(35, 35, 35, 1);
font-weight: 700;
}
.label{
color: rgba(35, 35, 35, 0.8);
margin-right: 24px;
}
}
.table-supplier {
background: #ffffff;
border-radius: 4px;
padding: 16px;
.supdivider{
width: calc(100% + 32px);
margin-left: -16px;
margin-top: 8px;
margin-bottom: 16px;
}
::v-deep .head-form-new {
.ability-total {
display: none !important;
}
.from-item .normal-search-container{
white-space: nowrap;
width: 134px;
}
}
input {
border: 1px solid #efefef;
}
::v-deep .el-form-item {
margin-right: 8px !important;
}
.query-box {
margin: 10px 0 20px;
}
.cell-span {
display: inline-block;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
cursor: pointer;
> span {
display: inline-block;
width: 37px;
position: absolute;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 1;
}
}
@import "@/assets/styles/search-common.scss";
}
.table-supplier2{
padding-top: 0;
margin-top: 0;
}
</style>
dsk-operate-ui/src/views/supplier/supplierRating/ratelist/honourAgreement.vue 0 → 100644
View file @ 3ac28478
<template>
<div class="supplier">
<template v-if="!showDetail">
<div class="search-supplier">
<div class="title_wrap">
<div class="enterprise_title">
供应商履约评价列表
</div>
</div>
</div>
<div class="table-supplier table-supplier2">
<head-form-new title="" :form-data="formData" :query-params="queryParams" :total="0" :isExcel="false"
@handle-search="handleSearch" ref="searchFormNew" @handle-excel="handleExcel" />
<!--<el-divider class="supdivider"></el-divider>
<div class="total-title">
<div class="totals">共{{total}}条</div>
<p class="total-dc" @click="customerExport">
<img src="@/assets/images/EXCEL.png" alt="">
<span class="excel">导出EXCEL</span>
</p>
</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>{{(queryParams.pageNum - 1) *queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="分供方名称" prop="name1" :fixed="tableColumnFixed" width="310" :resizable="false"></el-table-column>
<el-table-column label="项目" prop="name1" :fixed="tableColumnFixed" width="310" :resizable="false"></el-table-column>
<el-table-column label="品类" prop="name2" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="本月履约金额" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="本月履约得分" prop="name3" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="本年履约金额" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="操作" width="90">
<template slot-scope="scope">
<span style="color: #0081FF;cursor: pointer;" @click="viewDetail(scope.row)">详情</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>queryParams.pageSize">
<el-pagination background :page-size="queryParams.pageSize" :current-page.sync="queryParams.pageNum" @current-change="handleCurrentChange" layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</template>
<template v-else>
<div class="detail-title">
<div><span style="cursor: pointer;" @click="showDetail = false">履约评价列表</span><i class="el-icon-arrow-right"></i><span class="tip">详情</span></div>
<div>
<img src="@/assets/images/enterprise.png" alt=""><strong>{{ detailInfo.name1 }}</strong>
</div>
<div>
<span>分供方所属组织：</span><span class="label">{{ detailInfo.name1 }}</span>
<span>评价品类：</span><span class="label">{{ detailInfo.name2 }}</span>
<span>评价周期：</span><span class="label">{{ detailInfo.name2 }}</span>
</div>
</div>
<div class="table-supplier">
<head-form-new title="" :form-data="formData2" :query-params="queryParams" :total="0" :isExcel="false"
@handle-search="handleSearch" ref="searchFormNew" @handle-excel="handleExcel" />
<!--<el-divider class="supdivider"></el-divider>
<div class="total-title">
<div class="totals">共{{total}}条</div>
<p class="total-dc" @click="customerExport">
<img src="@/assets/images/EXCEL.png" alt="">
<span class="excel">导出EXCEL</span>
</p>
</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>{{(queryParams.pageNum - 1) *queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="评价维度" prop="name2" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="规则名称" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="规则定义" prop="name1" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="考核周期" prop="name3" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
<el-table-column label="得分" prop="name5" :fixed="tableColumnFixed" :resizable="false"></el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>queryParams.pageSize">
<el-pagination background :page-size="queryParams.pageSize" :current-page.sync="queryParams.pageNum" @current-change="handleCurrentChange" layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</template>
</div>
</template>
<script>
import '@/assets/styles/public.scss'
import '@/assets/styles/supplierlist.scss'
import mixin from '@/views/detail/party-a/mixins/mixin'
export default {
name: 'ratinglist',
mixins: [mixin],
data(){
return{
detailInfo:{},
showDetail:false,
formData: [
{
type: 1, fieldName: 'businessTypes', value: '',width:80, placeholder: '品类', uid: '', options: [
{name:'品类',value:1},
{name:'物资',value:2},
{name:'设备',value:3},
{name:'劳务分包',value:4},
{name:'专业分包',value:5},
{name:'专业服务',value:6},
{name:'租赁',value:7},
],
},
{ type: 5, fieldName: 'causeAction', value: '', placeholder: '评价周期',timeList: ['近一周', '近半月', '近一月', '自定义'],uid: '' },
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '项目名称关键字', uid: '',isword:'项目名称关键字',},
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '分供方名称', uid: '',isword:'分供方名称' },
],
formData2: [
{
type: 1, fieldName: 'businessTypes', value: '',width:108, placeholder: '评价维度', uid: '', options: [
{name:'现场配合',value:1},
{name:'劳务分包',value:4},
{name:'专业分包',value:5},
{name:'专业服务',value:6},
{name:'租赁',value:7},
],
},
{ type: 5, fieldName: 'causeAction', value: '', placeholder: '考核周期',timeList: ['近一周', '近半月', '近一月', '自定义'],uid: '' },
{ type: 3, fieldName: 'advisoryBodyName', value: '', placeholder: '规则名称', uid: '',isword:'规则名称' },
],
queryParams: {
// customerId: this.companyId,
// customerName: this.companyName,
pageNum: 1,
pageSize: 10,
},
total: 19,
isSkeleton:false,
tableData:[
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-水泥及水',name3:'--',name4:'--',name5:'4297031.99',name6:'100',name7:'118',name8:'118',name9:'114'},
{name1:'河南荣川实业有限公司',name2:'泥制品',name3:'100',name4:'--',name5:'363515.35',name6:'100',name7:'118',name8:'118',name9:'107'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-其他类',name3:'100',name4:'--',name5:'6317465.19',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'北京九主澜商贸有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'1969555.1',name6:'100',name7:'105',name8:'109',name9:'107'},
{name1:'重庆拉瑞永固混凝土有限公司',name2:'物资-木材及制品',name3:'--',name4:'--',name5:'948239.73',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'山东乾途伟业建材有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'941892.3',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'厦门市集美区鸿铭建材有限公司',name2:'物资-其他类',name3:'--',name4:'--',name5:'358583.61',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'重庆匠伦家居用品有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'--',name5:'217844.57',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'荆门市飞图混凝土有限公司',name2:'物资-木材及制币',name3:'--',name4:'--',name5:'78707.09',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'重庆满煦商贸有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'--',name5:'65403.78',name6:'100',name7:'109',name8:'109',name9:'114'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-水泥及水',name3:'--',name4:'--',name5:'4297031.99',name6:'100',name7:'118',name8:'118',name9:'114'},
{name1:'河南荣川实业有限公司',name2:'泥制品',name3:'100',name4:'--',name5:'363515.35',name6:'100',name7:'118',name8:'118',name9:'107'},
{name1:'莱晟达(烟台)环保材料科技有限公司',name2:'物资-其他类',name3:'100',name4:'--',name5:'6317465.19',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'北京九主澜商贸有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'1969555.1',name6:'100',name7:'105',name8:'109',name9:'107'},
{name1:'重庆拉瑞永固混凝土有限公司',name2:'物资-木材及制品',name3:'--',name4:'--',name5:'948239.73',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'山东乾途伟业建材有限公司',name2:'物资-砼及外加剂',name3:'100',name4:'--',name5:'941892.3',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'厦门市集美区鸿铭建材有限公司',name2:'物资-其他类',name3:'--',name4:'--',name5:'358583.61',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'重庆匠伦家居用品有限公司',name2:'物资-砼及外加剂',name3:'106',name4:'--',name5:'217844.57',name6:'100',name7:'109',name8:'109',name9:'107'},
{name1:'荆门市飞图混凝土有限公司',name2:'物资-木材及制币',name3:'--',name4:'--',name5:'78707.09',name6:'100',name7:'109',name8:'109',name9:'107'},
],
tableColumnFixed:false,
}
},
methods:{
viewDetail(obj){
this.detailInfo = obj
this.showDetail = true
},
handleSearch(){},
handleExcel() {
},
customerExport(){
},
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";
},
handleCurrentChange(){
}
}
}
</script>
<style lang="scss" scoped>
.title_wrap{
border: none;
}
.detail-title{
height: 130px;
border-radius: 4px 4px 0px 0px;
opacity: 1;
/* 自动布局 */
display: flex;
flex-direction: column;
padding: 16px;
gap: 16px;
background: #FFFFFF;
box-sizing: border-box;
/* 分割线 */
border: 1px solid #EEEEEE;
font-size: 14px;
color: rgba(35, 35, 35, 0.4);
.el-icon-arrow-right{
font-size: 12px;
margin: 4px;
}
.tip{
font-size: 12px;
color: rgba(35, 35, 35, 1);
}
img{
width: 28px;
height: 28px;
border-radius: 6px;
margin-right: 12px;
}
strong{
font-size: 16px;
color: rgba(35, 35, 35, 1);
font-weight: 700;
}
.label{
color: rgba(35, 35, 35, 0.8);
margin-right: 24px;
}
}
.table-supplier {
background: #ffffff;
border-radius: 4px;
padding: 16px;
.supdivider{
width: calc(100% + 32px);
margin-left: -16px;
margin-top: 8px;
margin-bottom: 16px;
}
::v-deep .head-form-new {
.ability-total {
display: none !important;
}
.from-item .normal-search-container{
white-space: nowrap;
width: 134px;
}
}
input {
border: 1px solid #efefef;
}
::v-deep .el-form-item {
margin-right: 8px !important;
}
.query-box {
margin: 10px 0 20px;
}
.cell-span {
display: inline-block;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
cursor: pointer;
> span {
display: inline-block;
width: 37px;
position: absolute;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 1;
}
}
@import "@/assets/styles/search-common.scss";
}
.table-supplier2{
padding-top: 0;
margin-top: 0;
}
</style>
\ No newline at end of file
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