Skip to content

D
dsk-cr20g
Commit adb0d27a authored by lcl's avatar lcl
Browse files
Options

Merge branch 'master' of http://192.168.60.201/root/dsk-operate-sys

parents b54c462e 105b9a6f
Hide whitespace changes
Inline Side-by-side
Showing with 4651 additions and 146 deletions
dsk-operate-ui/src/assets/styles/project.scss
View file @ adb0d27a
......@@ -82,12 +82,6 @@
&:hover{
background: #F3F4F5;
}
.txt{
padding-left: 8px;
opacity: 0.4;
display: inline-block;
width: 100%;
}
.el-input{
margin-right: 8px;
.el-input__inner{
......@@ -100,67 +94,100 @@
text-indent: 8px;
}
}
.el-date-editor--date{
.el-input__prefix{
display: none;
}
}
&.i{
.el-input{
.el-input__inner{
width: 100px;
}
}
}
}
.txt{
padding-left: 8px;
color: rgba(35,35,35,0.4);
display: inline-block;
width: 100%;
}
width: 438px;
&.i{
width: auto;
}
.tipinput{
.inputime{
display: inline-block;
margin-top: 1px;
width: calc(100% - 116px);
.el-input{
float: left;
margin-right: 8px;
width: 70px;
margin-bottom: 10px;
.el-input__inner{
width: 70px;
height: 24px;
background: #F3F4F5;
border-radius: 2px;
padding: 0;
text-indent: 14px;
border: 0;
}
width: 184px;
height: 28px;
border-radius: 2px;
line-height: 28px;
cursor: pointer;
>span{
padding-left: 8px;
}
.addbtn{
float: left;
width: 20px;
height: 20px;
background: url("../../assets/images/project/add.png") no-repeat center center;
background-size: 100%;
display: inline-block;
margin-left: 8px;
margin-top: 2px;
&:hover{
background: url("../../assets/images/project/add_1.png") no-repeat center center;
}
.el-icon-caret-bottom{
color: rgba(35,35,32,0.4);
margin-left: 4px;
}
.tips{
float: left;
height: 24px;
line-height: 24px;
padding: 0 14px;
font-size: 14px;
color: #0081FF;
background: #E4F3FD;
margin-right: 8px;
margin-bottom: 5px;
img{
margin-left: 8px;
margin-top: 4px;
float: right;
width: 16px;
display: none;
cursor: pointer;
}
&:hover{
background: #DCEAF3;
img{
display: block;
}
}
}
}
}
.tipinput{
display: inline-block;
margin-top: 1px;
width: calc(100% - 116px);
.el-input{
float: left;
margin-right: 8px;
width: 70px;
margin-bottom: 10px;
.el-input__inner{
width: 70px;
height: 24px;
background: #F3F4F5;
border-radius: 2px;
padding: 0;
text-indent: 14px;
border: 0;
}
}
.addbtn{
float: left;
width: 20px;
height: 20px;
background: url("../../assets/images/project/add.png") no-repeat center center;
background-size: 100%;
display: inline-block;
margin-left: 8px;
margin-top: 2px;
&:hover{
background: url("../../assets/images/project/add_1.png") no-repeat center center;
}
}
.tips{
float: left;
height: 24px;
line-height: 24px;
padding: 0 14px;
font-size: 14px;
color: #0081FF;
background: #E4F3FD;
margin-right: 8px;
margin-bottom: 5px;
img{
margin-left: 8px;
margin-top: 4px;
float: right;
width: 16px;
display: none;
cursor: pointer;
}
&:hover{
background: #DCEAF3;
img{
display: block;
}
}
}
......@@ -543,7 +570,7 @@
.el-input__prefix{
left: 8px;
top: 4px;
top: -2px;
}
.el-input__suffix{
height: 32px;
......@@ -673,6 +700,15 @@
text-align: center;
display: inline-block;
margin-left: 10px;
&.on{
background: #FF3C3C;
color: #FF3C3C;
}
&:hover{
border: 1px solid #FF3C3C;
color: #FF3C3C;
background: #FFEBEB;
}
}
}
.tasklist{
......@@ -701,6 +737,21 @@
border-radius: 4px;
right: 16px;
top: 30px;
padding: 8px 12px;
line-height: 16px;
box-sizing: border-box;
&.on{
background: #D3F0E8;
.color_text{
color: #0CBC6D;
}
}
.select-popper{
margin: 0;
}
.el-icon-caret-bottom{
color:rgba(35,35,35,0.4) ;
}
}
}
}
......
dsk-operate-ui/src/router/index.js
View file @ adb0d27a
......@@ -150,6 +150,20 @@ export const constantRoutes = [
meta: { title: '土地交易详情', icon: 'radar' }
}
]
},
{
path: '/Establishment',
component: Layout,
hidden: true,
redirect: 'noredirect',
children: [
{
path: '/radar/Establishment/details/:id(\\d+)',
component: () => import('@/views/radar/Establishment/details'),
name: 'EstablishmentDetails',
meta: { title: '拟建项目详情', icon: 'radar' }
}
]
}
]
......
dsk-operate-ui/src/views/detail/party-a/overview/component/infoheader.vue 0 → 100644
View file @ adb0d27a
<template>
<div class="app-container info-container">
<div class="company-box">
<div class="company-nav flex-box">
<div class="company-left">
<img :src="companyInfo.logoUrl" :alt="companyInfo.companyName" :title="companyInfo.companyName" v-if="companyInfo.logoUrl">
<span
:class="companyInfo.nameSimple&&companyInfo.nameSimple.length<3?'conenctLogo textOne bg'+companyInfo.nameSimple.length:'conenctLogo textTwo bg'+companyInfo.nameSimple.length"
v-else-if="companyInfo.nameSimple"
v-html="companyInfo.nameSimple"></span>
<img :src="require('@/assets/images/detail/overview/logo@2x.png')" :alt="companyInfo.companyName" :title="companyInfo.companyName" v-else>
</div>
<div class="company-title">
<div class="company-name">
{{companyInfo.companyName || ''}}
</div>
<div class="company-tag">
<div style="float: left;margin-top: 8px;" class="company-history" v-if="companyInfo.historyNames && companyInfo.historyNames.length>0">
<el-popover
placement="bottom-start"
popper-class="enterpriseLabel-item"
trigger="hover">
<el-button slot="reference">曾用名 <i class="el-icon-caret-bottom"></i></el-button>
<ul class="history-item">
<li v-for="(item, index) in companyInfo.historyNames" :key="index">{{item.value}}</li>
</ul>
</el-popover>
</div>
<span style="float: left;" :class="!labelArr.includes(companyInfo.businessStatus)?'label-bg1':'label-bg3'" v-if="companyInfo.businessStatus">{{companyInfo.businessStatus}}</span>
<span style="float: left;" :class="item.state===0?'label-bg2':'label-bg3'" v-for="(item, index) in labelList" :key="index">{{item.labelName}}</span>
<template v-if="enterpriseLabel.length > 0">
<template v-for="(item,index) in enterpriseLabel">
<template v-if="item.children.length > 0">
<div class="enterpriseLabel-highTech company-highTech">
<el-popover
width="280"
placement="bottom-start"
popper-class="enterpriseLabel-item"
trigger="hover">
<el-button slot="reference" :style="'background:'+item.bgColor+';color:'+item.fontColor+';border:1px solid '+item.bgColor+';margin: 0;'">{{item.labelName}} <span>{{ item.children.length }}</span><i class="el-icon-arrow-right"></i></el-button>
<p class="highTech-item">
<span v-for="(v,i) in item.children" class="enterpriseLabel-children-span" :style="v.linkUri ? 'cursor:pointer;' : ''">{{ v.labelName }}</span>
</p>
</el-popover>
</div>
</template>
<template v-else>
<template v-if="item.remark">
<div class="enterpriseLabel-highTech company-highTech">
<el-popover
width="280"
placement="bottom-start"
popper-class="enterpriseLabel-item"
trigger="hover">
<el-button slot="reference" :style="'background:'+item.bgColor+';color:'+item.fontColor+';border:1px solid '+item.bgColor+';margin: 0;'">{{item.labelName}} <i class="el-icon-arrow-down"></i></el-button>
<p class="highTech-item" style="margin-bottom: 8px">{{item.remark}}</p>
</el-popover>
</div>
</template>
<span v-else class="enterpriseLabel-span" :style="{'background':item.bgColor,'color':item.fontColor,'cursor':item.linkUri ? 'pointer' : ''}">{{item.labelName}}</span>
</template>
</template>
</template>
</div>
</div>
</div>
<div class="company-menu">
<el-button @click="handleClaim" v-if="ifClaim" class="hasClaim" v-loading="claimLoading"><i class="el-ico-claim" alt="已认领" title="已认领"></i> 已认领</el-button>
<el-button @click="handleClaim" v-else class="claim" v-loading="claimLoading"><i class="el-ico-claim" alt="认领客户" title="认领客户"></i> 认领客户</el-button>
</div>
<div class="company-info">
<div class="info-item flex-box">
<div class="item"><label>法定代表人：</label><span>{{companyInfo.corporatePerson || ''}}</span></div>
<div class="item"><label>注册资本：</label><span>{{companyInfo.regCapital || '--'}}</span></div>
<div class="item"><label>统一社会信用代码：</label><span>{{companyInfo.creditCode || ''}}</span></div>
</div>
<div class="info-item flex-box">
<div class="item"><label>成立日期：</label><span>{{companyInfo.regCapital || '--'}}</span></div>
<div class="item"><label>类型：</label><span>{{companyInfo.regCapital || '--'}}</span></div>
<div class="item"><label>企业邮箱：</label><span>{{companyInfo.regCapital || '--'}}</span></div>
</div>
<div class="info-item flex-box">
<div class="item"><label>官网：</label><span>{{companyInfo.regCapital || '--'}}</span></div>
<div class="item"><label>注册地址：</label><span>{{companyInfo.regCapital || '--'}}</span></div>
<div class="item"><label>通信地址：</label><span>{{companyInfo.regCapital || '--'}}</span></div>
</div>
<div class="info-item flex-box" >
<div class="item flex-box item-line" >
<span ref="companyQybj" class="text-cl1" :class="showMore&&showState?'item-all':'item-more'">
<label>企业背景：</label>{{companyInfo.introduction || ''}}
</span>
<span class="item-link ml-4" v-if="companyInfo.introduction&&showMore" @click="handleDetail">{{showState?'收起':'展开'}}</span>
</div>
</div>
</div>
<div class="company-swiper">
<div class="swiper-containers swiper-info" :style="graphList.length<=6?'margin-left:0px; width: 100%;':''">
<ul class="swiper-wrapper">
<template v-for="(item, index) in graphList" >
<li class="swiper-slide" :key="index">
<div class="flex-box" @click="handleGraph(item)">
<img :src="`${item.ico}`" :alt="item.name" :title="item.name" class="swiper-img">
<div class="swiper-item">
<span class="swiper-name">
{{item.name}}
</span>
<template v-for="(it, idx) in item.intro">
<div :key="idx" @click.stop="handleGraphChild(item, it)">
<span v-html="it.name"></span> <i :class="[idx!=item.intro.length-1?'num':'']" :style="it.val>0?'':{color: '#999999',cursor: 'not-allowed'}">{{it.val}}</i>
</div>
</template>
</div>
</div>
</li>
</template>
</ul>
</div>
<div class="swiper-button-prev swiper-info-prev" slot="button-prev" style="left: 0;"><i class="el-icon-arrow-left"></i></div>
<div class="swiper-button-next swiper-info-next" slot="button-next" style="right: 0"><i class="el-icon-arrow-right"></i></div>
</div>
<!-- 分条件：滚动与不滚动 -->
</div>
</div>
</template>
<script>
var Swiper = require('@/assets/lib/swiper/swiper-bundle.min.js')
import "@/assets/lib/swiper/swiper-bundle.css"
import { encodeStr } from '@/assets/js/common.js'
export default {
name: 'Infoheader',
data() {
return {
companyInfo: {
"historyNames": [
{
"name": "",
"value": "中国建筑第八工程局"
}
],
"eid": "a4465fc3-ef1d-470b-834e-3af1975a5692",
"regCapital": "1521800万元人民币",
"registeredDate": "1998-09-29",
"companyName": "中国建筑第八工程局有限公司",
"provinceIdsArea": "310000,360000,500000,450000,420000,320000,370000,330000,510000,150000,610000,230000,460000,210000,440000,130000,120000,630000,430000,410000,350000,340000,650000,640000,140000,540000,520000,530000,620000,110000,220000",
"econKind": "有限责任公司（非自然人投资或控股的法人独资）",
"cityId": 310100,
"addressDetail": "中国（上海）自由贸易试验区世纪大道1568号27层",
"creditCode": "9131000063126503X1",
"metaTime": "2023-05-13",
"contact": {
"cellphone": 266,
"telephone": 158,
"phoneNumber": "0310-8083960"
},
"corporatePerson": "李永明",
"views": 32303,
"introduction": "中国建筑第八工程局有限公司成立于1998-09-29，法定代表人为李永明，注册资本为1521800万元，统一社会信用代码为9131000063126503X1，企业地址位于中国（上海）自由贸易试验区世纪大道1568号27层，经营范围包含房屋建筑、公路、铁路、市政公用、港口与航道、水利水电各类别工程的咨询、设计、施工、总承包和项目管理，化工石油工程，电力工程，基础工程，装饰工程，工业筑炉，城市轨道交通工程，园林绿化工程，线路、管道、设备的安装，混凝土预制构件及制品，非标制作，建筑材料生产、销售，建筑设备销售，建筑机械租赁，房地产开发，自有房屋租赁，物业管理，从事建筑领域内的技术转让、技术咨询、技术服务，企业管理咨询，商务信息咨询，经营各类商品和技术的进出口，但国家限定公司经营或禁止进出口的商品及技术除外。【依法须经批准的项目，经相关部门批准后方可开展经营活动】。该公司目前的经营状态为存续（在营、开业、在册）。企业联系方式为：0310-8083960。",
"businessDateFrom": "1998-09-29",
"isHighTech": 1,
"businessScope": "房屋建筑、公路、铁路、市政公用、港口与航道、水利水电各类别工程的咨询、设计、施工、总承包和项目管理，化工石油工程，电力工程，基础工程，装饰工程，工业筑炉，城市轨道交通工程，园林绿化工程，线路、管道、设备的安装，混凝土预制构件及制品，非标制作，建筑材料生产、销售，建筑设备销售，建筑机械租赁，房地产开发，自有房屋租赁，物业管理，从事建筑领域内的技术转让、技术咨询、技术服务，企业管理咨询，商务信息咨询，经营各类商品和技术的进出口，但国家限定公司经营或禁止进出口的商品及技术除外。【依法须经批准的项目，经相关部门批准后方可开展经营活动】",
"businessStatus": "存续（在营、开业、在册）",
"isFy": false,
"provinceId": 310000,
"logoUrl": "https://qxb-logo-url.oss-cn-hangzhou.aliyuncs.com/OriginalUrl/2cae9ba958e78d719c43fd0f7e4fa514.jpg",
"companyId": 6034,
"simpleName": "中建八局",
"provinceName": "上海"
},
labelList: [], //企业标签
claimLoading: false,
ifClaim: false, //是否认领
showMore: false,
showState: false,
graphList: [
{id: 1, name:'业务往来', intro:[{id: 101, name:'客户', val:44},{id: 102, name:'供应商', val:55}], ico:require('@/assets/images/detail/overview/company_ywwl.png')},
{id: 2, name:'商机线索', intro:[{id: 201, name:'专项债项目', val:66},{id: 202, name:'招标计划', val:66}], ico:require('@/assets/images/detail/overview/company_sjxs.png')},
{id: 3, name:'城投拿地', intro:[{id: 301, name:'土地交易', val:2},{id: 302, name:'行政许可', val:0}], ico:require('@/assets/images/detail/overview/company_ctnd.png')},
{id: 4, name:'对外投资', intro:[{id: 401, name:'企业经营实力展现'}], ico:require('@/assets/images/detail/overview/company_dwtz.png')},
{id: 5, name:'股权穿透', intro:[{id: 501, name:'瞬息掌握企业关系'}], ico:require('@/assets/images/detail/overview/company_gqct.png')},
{id: 6, name:'企业架构', intro:[{id: 601, name:'企业架构关联图'}], ico:require('@/assets/images/detail/overview/company_qyjg.png')},
{id: 7, name:'工商信息', intro:[{id: 701, name:'企业基础工商登记信息'}], ico:require('@/assets/images/detail/overview/company_gsxx.png')}
], //企业链图
//风险扫描
labelArr:['失信联合惩戒企业','司法纠纷','注销'], //负向经营状态
enterpriseLabel:[
{
"labelCode": "4_1_",
"labelName": "严重行政处罚",
"companyId": 6034,
"num": 1,
"pcode": "4_",
"level": 2,
"isLeaf": 1,
"orderNum": 1,
"bgColor": "#FFF3F3",
"fontColor": "#FD5757",
"remark": "严重行政处罚，是指有关行政部门处以企业暂停投标资格、暂停承揽新业务的行政处罚。原因包括但不限于企业存在围标串标、克扣或拖欠劳动者报酬、出现重大安全事故等异常行为导致企业无法承揽工程项目，产生重大经营风险",
"children": [],
"linkUri": "/credit?type=0"
},
{
"labelCode": "2_2_1_",
"labelName": "施工特级资质",
"num": 3,
"pcode": "2_2_",
"level": 3,
"isLeaf": 0,
"orderNum": 6,
"bgColor": "#E4F3FD",
"fontColor": "#41A1FD",
"linkBizId": 209,
"children": [
{
"labelCode": "2_2_1_1_",
"labelName": "建筑工程特级",
"companyId": 6034,
"num": 1,
"pcode": "2_2_1_",
"level": 4,
"isLeaf": 1,
"orderNum": 6,
"bgColor": "#E4F3FD",
"fontColor": "#41A1FD",
"linkBizId": 209,
"children": [],
"linkUri": "?type=0"
},
{
"labelCode": "2_2_1_2_",
"labelName": "公路工程特级",
"companyId": 6034,
"num": 1,
"pcode": "2_2_1_",
"level": 4,
"isLeaf": 1,
"orderNum": 7,
"bgColor": "#E4F3FD",
"fontColor": "#41A1FD",
"linkBizId": 209,
"children": [],
"linkUri": "?type=0"
},
{
"labelCode": "2_2_1_10_",
"labelName": "市政公用工程特级",
"companyId": 6034,
"num": 1,
"pcode": "2_2_1_",
"level": 4,
"isLeaf": 1,
"orderNum": 15,
"bgColor": "#E4F3FD",
"fontColor": "#41A1FD",
"linkBizId": 209,
"children": [],
"linkUri": "?type=0"
}
],
"linkUri": "?type=0"
},
{
"labelCode": "3_2_1_",
"labelName": "高新技术企业",
"companyId": 6034,
"num": 1,
"pcode": "3_2_",
"level": 3,
"isLeaf": 1,
"orderNum": 67,
"bgColor": "#FFF7EC",
"fontColor": "#BFA061",
"remark": "高新技术企业指在国家颁布的《国家重点支持的高新技术领域》范围内，持续进行研究开发与技术成果转化，形成企业核心自主知识产权，并以此为基础开展经营活动的居民企业，是知识密集、技术密集的经济实体。",
"children": []
},
{
"labelCode": "3_2_4_",
"labelName": "省级企业技术中心",
"companyId": 6034,
"num": 1,
"pcode": "3_2_",
"level": 3,
"isLeaf": 1,
"orderNum": 70,
"bgColor": "#FFF7EC",
"fontColor": "#BFA061",
"remark": "企业技术中心是指企业根据市场竞争需要设立的技术研发与创新机构，负责制定企业技术创新规划、开展产业技术研发、创造运用知识产权、建立技术标准体系、凝聚培养创新人才、构建协同创新网络、推进技术创新全过程实施。",
"children": []
},
{
"labelCode": "3_1_1_1_",
"labelName": "国家级荣誉奖项",
"num": 8,
"pcode": "3_1_1_",
"level": 4,
"isLeaf": 0,
"orderNum": 76,
"bgColor": "#FFF7EC",
"fontColor": "#BFA061",
"children": [
{
"labelCode": "3_1_1_1_1_",
"labelName": "鲁班奖",
"companyId": 6034,
"num": 1,
"pcode": "3_1_1_1_",
"level": 5,
"isLeaf": 1,
"orderNum": 76,
"bgColor": "#FFF7EC",
"fontColor": "#BFA061",
"children": [],
"linkUri": "/behavior?type=0"
},
{
"labelCode": "3_1_1_1_2_",
"labelName": "国家优质工程奖",
"companyId": 6034,
"num": 1,
"pcode": "3_1_1_1_",
"level": 5,
"isLeaf": 1,
"orderNum": 77,
"bgColor": "#FFF7EC",
"fontColor": "#BFA061",
"children": [],
"linkUri": "/behavior?type=0"
},
{
"labelCode": "3_1_1_1_3_",
"labelName": "詹天佑奖",
"companyId": 6034,
"num": 1,
"pcode": "3_1_1_1_",
"level": 5,
"isLeaf": 1,
"orderNum": 78,
"bgColor": "#FFF7EC",
"fontColor": "#BFA061",
"children": [],
"linkUri": "/behavior?type=0"
},
{
"labelCode": "3_1_1_1_4_",
"labelName": "建筑装饰优质工程奖",
"companyId": 6034,
"num": 1,
"pcode": "3_1_1_1_",
"level": 5,
"isLeaf": 1,
"orderNum": 79,
"bgColor": "#FFF7EC",
"fontColor": "#BFA061",
"children": [],
"linkUri": "/behavior?type=0"
},
{
"labelCode": "3_1_1_1_5_",
"labelName": "绿色建筑创新奖",
"companyId": 6034,
"num": 1,
"pcode": "3_1_1_1_",
"level": 5,
"isLeaf": 1,
"orderNum": 80,
"bgColor": "#FFF7EC",
"fontColor": "#BFA061",
"children": [],
"linkUri": "/behavior?type=0"
},
{
"labelCode": "3_1_1_1_6_",
"labelName": "钢结构金奖",
"companyId": 6034,
"num": 1,
"pcode": "3_1_1_1_",
"level": 5,
"isLeaf": 1,
"orderNum": 81,
"bgColor": "#FFF7EC",
"fontColor": "#BFA061",
"children": [],
"linkUri": "/behavior?type=0"
},
{
"labelCode": "3_1_1_1_8_",
"labelName": "市政金杯示范工程",
"companyId": 6034,
"num": 1,
"pcode": "3_1_1_1_",
"level": 5,
"isLeaf": 1,
"orderNum": 83,
"bgColor": "#FFF7EC",
"fontColor": "#BFA061",
"children": [],
"linkUri": "/behavior?type=0"
},
{
"labelCode": "3_1_2_1_1_",
"labelName": "华夏建设科学技术奖",
"companyId": 6034,
"num": 1,
"pcode": "3_1_1_1_",
"level": 5,
"isLeaf": 0,
"orderNum": 112,
"bgColor": "#FFF7EC",
"fontColor": "#BFA061",
"children": [],
"linkUri": "/behavior?type=0"
}
],
"linkUri": "/behavior?type=0"
},
{
"labelCode": "1_1_1_",
"labelName": "长三角",
"companyId": 6034,
"num": 1,
"pcode": "1_1_",
"level": 3,
"isLeaf": 1,
"orderNum": 113,
"bgColor": "#F3F3FF",
"fontColor": "#8491E8",
"children": []
},
{
"labelCode": "1_1_5_",
"labelName": "华东",
"companyId": 6034,
"num": 1,
"pcode": "1_1_",
"level": 3,
"isLeaf": 1,
"orderNum": 113,
"bgColor": "#F3F3FF",
"fontColor": "#8491E8",
"children": []
}
],//企业标签
}
},
created() {
this.getCompanyInfo()
},
mounted() {
this.handleWidth()
this.getClaimStatus() //获取企业认领状态
this.companySwiper()
},
methods: {
//认领
async handleClaim(){
let _this = this
_this.claimLoading = true
setTimeout(function (){
_this.claimLoading = false
_this.$confirm(`认领成功，是否完善客户信息`, '提示', {
type: 'warning'
}).then(async () => {
console.log('操作跳转！')
})
}, 1000)
},
companySwiper(){
new Swiper('.swiper-info', {
slidesPerView: 6,
// 设置点击箭头
navigation: {
nextEl: '.swiper-info-next',
prevEl: '.swiper-info-prev',
}
})
},
getCompanyInfo(){
if(this.companyInfo.historyNames && typeof this.companyInfo.historyNames=='string'){ //曾用名
this.companyInfo.historyNames = JSON.parse(this.companyInfo.historyNames)
}
},
//获取认领状态
async getClaimStatus(){
this.ifClaim = false
},
handleWidth(){
this.showMore = this.$refs.companyQybj.scrollWidth - this.$refs.companyQybj.clientWidth
},
handleDetail(){
this.showState = !this.showState
},
jumpToLt(item){
let { href } = this.$router.resolve({
path: '/enterprise/'+encodeStr(this.companyInfo.companyId)+'/lt',
query: { key:item.id }
})
window.open(href, "_blank")
},
//swiper项点击
handleGraph(item,it){
switch (item.id) {
case 4:
console.log('jump')
break
case 5:
this.jumpToLt(item)
break
case 6:
this.jumpToLt(item)
break
case 7:
console.log('jump')
break
}
},
//swiper子项点击
handleGraphChild(item, it){
if(it.id==101 && it.val){
console.log('jump')
}
if(it.id==102 && it.val){
console.log('jump')
}
if(it.id==201 && it.val){
console.log('jump')
}
if(it.id==202 && it.val){
console.log('jump')
}
if(it.id==301 && it.val){
console.log('jump')
}
if(it.id==302 && it.val){
console.log('jump')
}
}
}
}
</script>
<style lang="scss" scoped>
.info-container{
margin: 0;
padding: 24px 16px;
background: #FFFFFF;
.company-swiper{
position: relative;
.swiper-info{
width: calc(100% - 38px);
height: 56px;
margin-top: 13px;
margin-left: 25px;
overflow: hidden;
.swiper-slide{
&.swiper-disn{
display: none;
}
>div{
min-width: 242px;
height: 100%;
padding: 7px 4px 9px 0;
cursor: pointer;
align-items: normal;
.swiper-item{
.swiper-name{
display: block;
font-size: 14px;
color: #232323;
}
div{
display: inline-block;
font-size: 12px;
padding-top: 3px;
span{
color: #232323;
}
i{
font-style: normal;
color: #0081FF;
&.num{
margin-right: 8px;
}
}
}
}
.swiper-img{
width: 40px;
height: 40px;
margin-right: 6px;
}
}
}
}
.swiper-info-prev, .swiper-info-next{
width: 16px;
height: 40px;
background: #F0F5FC;
top: 8px;
margin-top: 0;
&.swiper-button-disabled{
opacity: 1;
color:#AAAAAA;
background: #F5F5F5;
}
i{
color: #AAAAAA;
}
&:hover i{
color:#667199;
}
&:after{
content: "";
}
}
}
.company-box{
width: 100%;
position: relative;
.company-nav{
align-items: normal;
.company-left{
width: 64px;
height: 64px;
margin-right: 12px;
flex-shrink: 0;
img{
width: 100%;
height: 100%;
border-radius: 4px;
overflow: hidden;
}
.conenctLogo{
width: 100%;
height: 100%;
color: #FFFFFF;
border-radius: 4px;
overflow: hidden;
text-align: center;
display: block;
&.textOne{
font-size: 18px;
line-height: 64px;
}
&.textTwo{
font-size: 18px;
padding: 9px 10px;
line-height: 24px;
}
&.bg1{
background: #99BE81;
}
&.bg2{
background: #76B4D4;
}
&.bg3{
background: #7A91D9;
}
&.bg4{
background: #8F8DD2;
}
&.bg5{
background: #C4A89F;
}
}
p{
font-size: 12px;
color: #999999;
text-align: center;
margin-top: 7px;
}
}
.company-title{
.company-name{
font-size: 20px;
color: #000000;
font-weight: bold;
margin-right: 100px;
}
.company-tag{
overflow: hidden;
font-size: 12px;
padding: 2px 0 10px 0;
.company-history, .company-highTech{
display: inline-block;
height: 22px;
background: #EFEFEF;
border-radius: 2px;
margin-right: 8px;
margin-left: 0;
button{
height: 22px;
line-height: 22px;
font-size: 12px;
padding: 0 8px;
background: #EFEFEF;
color: #838383;
border: 1px solid #EFEFEF;
border-radius: 2px;
}
}
.company-highTech{
button{
background: #DFEAFE;
color: #0065F9;
}
}
.enterpriseLabel-highTech{
background: #ffffff;
margin-top: 8px;
margin-right: 8px;
float: left;
}
>span{
display: inline-block;
height: 22px;
line-height: 22px;
padding: 0 8px;
border-radius: 2px;
margin-right: 8px;
margin-top: 8px;
&:last-child{
margin-right: 0;
}
}
.enterpriseLabel-span{
display: inline-block;
height: 22px;
line-height: 22px;
padding: 0 8px;
border-radius: 2px;
margin-right: 8px;
margin-top: 8px;
float: left;
}
.label-bg1{
background: #ECF6E7;
color: #54BC7E;
}
.label-bg2{
background: #DFEAFE;
color: #0065F9;
}
.label-bg3{
background: #fbf2f1;
color: #fa5640;
}
}
}
}
.company-menu{
position: absolute;
right: 0;
top: 0;
font-size: 14px;
.claim{
border: 1px solid #0081FF;
border-radius: 2px;
color:#0081FF;
background: #FFFFFF;
.el-ico-claim{
background: url("~@/assets/images/detail/overview/company_rl.png") no-repeat;
background-size: 16px 16px;
}
}
.claim:hover{
border: 1px solid #006AD1;
border-radius: 2px;
color:#006AD1;
background: #FFFFFF;
.el-ico-claim{
background: url("~@/assets/images/detail/overview/company_hrl.png") no-repeat;
background-size: 16px 16px;
}
}
.hasClaim{
border: 1px solid rgba(0,129,255,0.5);
border-radius: 2px;
color:rgba(0,129,255,0.5);
background: #FFFFFF;
.el-ico-claim{
background: url("~@/assets/images/detail/overview/company_yrl.png") no-repeat;
background-size: 16px 16px;
}
}
button {
padding: 6px 11px;
position: relative;
i{
display: inline-block;
width: 16px;
height: 16px;
margin-bottom: -2px;
}
}
}
.company-info{
background: #F5F9FE;
border-radius: 2px;
padding: 12px 10px 12px 16px;
.info-item{
margin-bottom: 12px;
&:last-child{
margin-bottom: 0;
}
.item-link{
color: #0081FF;
cursor: pointer;
font-size: 12px;
line-height: 20px;
&:hover{
color: #0069D0;
text-decoration: none;
}
}
.item{
font-size: 14px;
color: #333333;
&:first-child{
width: 210px;
}
&:nth-child(2){
width: 250px;
}
&.item-line{
width: 100%;
align-items: flex-end;
.item-all{
width: calc(100% - 50px);
text-overflow: initial;
white-space: initial;
overflow: initial;
}
.item-more{
width: calc(100% - 50px);
}
}
label{
color: #666666;
flex-shrink: 0;
}
span{
display: inline-block;
}
}
}
}
}
.history-item{
padding: 8px 8px;
li{
font-size: 12px;
color: #333333;
padding: 2px 0;
}
}
.enterpriseLabel-item{
padding: 0;
//width: 100%;
max-width: 276px;
margin-top: 8px !important;
}
.highTech-item{
padding: 10px 12px 0;
font-size: 12px;
color: #333333;
.enterpriseLabel-children-span{
display: inline-block;
padding-right: 8px;
margin-right: 8px;
margin-bottom: 8px;
border-right: 1px solid #E1E1E1;
//cursor:pointer;
}
.enterpriseLabel-children-span:last-child{
padding-right: 0;
margin-right: 0;
border-right: 0;
}
}
.ml-4{
margin-left: 4px;
}
}
</style>
dsk-operate-ui/src/views/detail/party-a/overview/component/operations.vue
View file @ adb0d27a
......@@ -2,7 +2,7 @@
<div class="app-container operations-container">
<div class="common-title">公司经营</div>
<div class="part-swiper">
<div class="swiper-containers">
<div class="swiper-containers swiper-oper" :style="operList.length<=6?'margin-left:0px; width: 100%;':''">
<ul class="swiper-wrapper">
<li class="swiper-slide" v-for="(item, index) in operList" :key="index">
<div class="swiper-div">
......@@ -15,8 +15,8 @@
</li>
</ul>
</div>
<div class="swiper-button-prev" slot="button-prev" style="left: 0;"><i class="el-icon-arrow-left"></i></div>
<div class="swiper-button-next" slot="button-next" style="right: 0"><i class="el-icon-arrow-right"></i></div>
<div class="swiper-button-prev swiper-oper-prev" slot="button-prev" style="left: 0;"><i class="el-icon-arrow-left"></i></div>
<div class="swiper-button-next swiper-oper-next" slot="button-next" style="right: 0"><i class="el-icon-arrow-right"></i></div>
</div>
<div class="flex-box operations-list">
<div class="list-item" v-for="(item, index) in gsjyList" :key="index">
......@@ -35,7 +35,6 @@ export default {
data() {
return {
operList: [
{name:'债务信用评级', rate:'中国标普信用', range:'AA', year:'2021'},
{name:'债务信用评级', rate:'中国标普信用', range:'AA', year:'2021'},
{name:'债务信用评级', rate:'中国标普信用', range:'AA', year:'2021'},
{name:'债务信用评级', rate:'中国标普信用', range:'AA', year:'2021'},
......@@ -57,12 +56,12 @@ export default {
},
methods: {
companySwiper(){
new Swiper('.swiper-containers', {
slidesPerView: 4,
new Swiper('.swiper-oper', {
slidesPerView: 6,
// 设置点击箭头
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
nextEl: '.swiper-oper-next',
prevEl: '.swiper-oper-prev',
}
})
}
......@@ -78,7 +77,7 @@ export default {
.part-swiper{
position: relative;
margin-top: 16px;
.swiper-containers{
.swiper-oper{
width: calc(100% - 38px);
height: 96px;
margin-top: 8px;
......@@ -117,7 +116,7 @@ export default {
}
}
}
.swiper-button-prev, .swiper-button-next{
.swiper-oper-prev, .swiper-oper-next{
width: 16px;
height: 96px;
background: #F0F5FC;
......
dsk-operate-ui/src/views/detail/party-a/overview/overview.vue
View file @ adb0d27a
<template>
<div class="app-container part-container">
企业速览
<div class="view-content"><Infoheader /></div><!-- 企业信息 -->
<div class="view-content"><Operations /></div><!-- 公司经营 -->
<div class="view-content"><Bidding /></div><!--招标偏好、业务往来-->
<div class="view-content"><Busclue /></div><!--商机线索-->
......@@ -12,6 +12,7 @@
</template>
<script>
import Infoheader from "./component/infoheader"
import Operations from "./component/operations"
import Bidding from "./component/bidding"
import Busclue from './component/busclue'
......@@ -23,6 +24,7 @@ export default {
name: 'Overview',
props: ['companyId'],
components: {
Infoheader,
Operations,
Bidding,
Busclue,
......
dsk-operate-ui/src/views/project/projectList/component/gzdb.vue
View file @ adb0d27a
......@@ -28,16 +28,36 @@
</div>
</div>
</div>
<div class="tasktitle"><strong>我的任务</strong><span>4条已逾期</span></div>
<div class="tasktitle"><strong>我的任务</strong><span>4条已逾期</span><!--<span class="on">4条已逾期</span>--></div>
<div class="tasklist">
<div class="task_name">周二拜访交通局李主任</div>
<div class="task_con"><span>发起时间：2023-01-24</span><span>关联客户：<font class="wordprimary">重庆市交通局</font></span><span>完成时间：2023-0.-03</span></div>
<div class="select">未完成</div>
<div class="select" :class="{'on':status == 1}">
<div class="select-popper">
<span class="color_text">
{{status == 0?"未完成":"已完成"}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-select placeholder="请选择" v-model="status" class="select-multiple">
<el-option label="未完成" value="0"></el-option>
<el-option label="已完成" value="1"></el-option>
</el-select>
</div></div>
</div>
<div class="tasklist">
<div class="task_name">周二拜访交通局李主任</div>
<div class="task_con"><span>发起时间：2023-01-24</span><span>关联客户：<font class="wordprimary">重庆市交通局</font></span><span>完成时间：2023-0.-03</span></div>
<div class="select">未完成</div>
<div class="select" :class="{'on':status == 1}">
<div class="select-popper">
<span class="color_text">
{{status == 0?"未完成":"已完成"}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-select placeholder="请选择" v-model="status" class="select-multiple">
<el-option label="未完成" value="0"></el-option>
<el-option label="已完成" value="1"></el-option>
</el-select>
</div></div>
</div>
</div>
</el-card>
......@@ -46,12 +66,14 @@
<script>
import "@/assets/styles/project.scss"
import "@/assets/styles/public.css"
export default {
name: 'gjjl',
data(){
return{
isEdit:false,
value:''
value:'',
status:0,
}
},
methods:{
......
dsk-operate-ui/src/views/project/projectList/component/jsnr.vue
View file @ adb0d27a
......@@ -9,7 +9,7 @@
<span>总投资额（万元） ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 1">
<el-input placeholder="待添加"></el-input>
<el-input placeholder="待添加" v-model="money" @input="number"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
......@@ -48,8 +48,46 @@
</div>
<div class="con i">
<span>计划招标 ：</span>
<div class="inputxt">
<span class="txt">待添加</span>
<div class="inputime">
<div class="flex" style="opacity: 0;height: 0">
<el-date-picker v-if="nowedit == 11" showWordLimit="true"
v-model="value1"
type="date"
value-format="yyyy-MM-dd"
placeholder="待添加" @change="nowedit = -1">
</el-date-picker>
</div>
<span :class="{'txt':!value1}" @click="nowedit = 11">{{value1||"待添加"}}<i class="el-icon-caret-bottom"></i></span>
</div>
</div>
</div>
<div class="row">
<div class="con">
<span>计划开工 ：</span>
<div class="inputime">
<div class="flex" style="opacity: 0;height: 0">
<el-date-picker v-if="nowedit == 12" showWordLimit="true"
v-model="value1"
type="date"
value-format="yyyy-MM-dd"
placeholder="待添加" @change="nowedit = -1">
</el-date-picker>
</div>
<span :class="{'txt':!value1}" @click="nowedit = 12">{{value1||"待添加"}}<i class="el-icon-caret-bottom"></i></span>
</div>
</div>
<div class="con i">
<span>计划竣工 ：</span>
<div class="inputime">
<div class="flex" style="opacity: 0;height: 0">
<el-date-picker v-if="nowedit == 13" showWordLimit="true"
v-model="value1"
type="date"
value-format="yyyy-MM-dd"
placeholder="待添加" @change="nowedit = -1">
</el-date-picker>
</div>
<span :class="{'txt':!value1}" @click="nowedit = 13">{{value1||"待添加"}}<i class="el-icon-caret-bottom"></i></span>
</div>
</div>
</div>
......@@ -86,8 +124,16 @@
</div>
<div class="con i">
<span>开标时间 ：</span>
<div class="inputxt">
<span class="txt">待添加</span>
<div class="inputime">
<div class="flex" style="opacity: 0;height: 0">
<el-date-picker v-if="nowedit == 14" showWordLimit="true"
v-model="value1"
type="date"
value-format="yyyy-MM-dd"
placeholder="待添加" @change="nowedit = -1">
</el-date-picker>
</div>
<span :class="{'txt':!value1}" @click="nowedit = 14">{{value1||"待添加"}}<i class="el-icon-caret-bottom"></i></span>
</div>
</div>
</div>
......@@ -160,9 +206,23 @@
return{
textarea:"",
nowedit:-1,//当前正在编辑的文本
value1:'',
money:'',
}
},
watch:{
// nowedit(oldvalue,newvalue){
// if (newvalue == 13){
// this.$ref.newvalue13.=true
// }
// }
},
methods:{
//输入数字
number(value){
console.log(value)
this.money = value.replace(/^\D*(\d*(?:\.\d{0,6})?).*$/g, '$1')//输入6位小数
},
}
}
</script>
......
dsk-operate-ui/src/views/project/projectList/component/lxr.vue
View file @ adb0d27a
......@@ -80,33 +80,27 @@
<span>重庆市轨道交通3号线二期工程4标段施工总承包</span>
</div>
<el-form class="popform" label-width="137px">
<div class="row">
<span class="left">联系人姓名：</span>
<el-form-item label="联系人姓名：" class="row">
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="row">
<span class="left">联系人角色：</span>
</el-form-item>
<el-form-item label="联系人角色：" class="row">
<el-select placeholder="请选择">
<el-option label="cccc" value="11"></el-option>
<el-option label="cccc" value="121"></el-option>
</el-select>
</div>
<div class="row">
<span class="left">联系人职位：</span>
</el-form-item>
<el-form-item label="联系人职位：" class="row">
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="row">
<span class="left">联系人公司/机关：</span>
</el-form-item>
<el-form-item label="联系人公司/机关：" class="row">
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="row">
<span class="left">内部维护人：</span>
</el-form-item>
<el-form-item label="内部维护人：" class="row">
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="row">
<span class="left">联系方式：</span>
</el-form-item>
<el-form-item label="联系方式：" class="row">
<el-input type="text" placeholder="请输入"></el-input>
</div>
</el-form-item>
<div class="popbot">
<div class="btn btn_cancel h32" @click="cancel">返回</div>
<div class="btn btn_primary h32">保存</div>
......
dsk-operate-ui/src/views/project/projectList/component/xgqy.vue
View file @ adb0d27a
......@@ -104,43 +104,37 @@
<img src="@/assets/images/economies/icon.png">
<span>新建相关企业-{{types==1?"业主单位":""}}{{types==2?"合作伙伴":""}}{{types==3?"竞争对手":""}}</span>
</div>
<el-form class="popform i" label-width="85px">
<div class="row">
<span class="left"><i>*</i>企业名称：</span>
<el-form class="popform i" label-width="85px" :rules="rules" ref="ruleForm" >
<el-form-item label="企业名称：" prop="projectName" class="row">
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="row" v-if="types == 1">
<span class="left">对接深度：</span>
</el-form-item>
<el-form-item v-if="types == 1" label="对接深度：" class="row">
<el-select placeholder="请选择">
<el-option label="cccc" value="11"></el-option>
<el-option label="cccc" value="121"></el-option>
</el-select>
</div>
<div class="row" v-if="types == 2">
<span class="left">合作阶段：</span>
</el-form-item>
<el-form-item v-if="types == 2" label="合作阶段：" class="row">
<el-select placeholder="请选择">
<el-option label="cccc" value="11"></el-option>
<el-option label="cccc" value="121"></el-option>
</el-select>
</div>
<div class="row" v-if="types == 3">
<span class="left">竞争力度：</span>
</el-form-item>
<el-form-item v-if="types == 3" label="竞争力度：" prop="projectName" class="row">
<el-select placeholder="请选择">
<el-option label="cccc" value="11"></el-option>
<el-option label="cccc" value="121"></el-option>
</el-select>
</div>
<div class="row">
<span class="left">企业角色：</span>
</el-form-item>
<el-form-item label="企业角色：" prop="projectName" class="row">
<el-select placeholder="请选择">
<el-option label="cccc" value="11"></el-option>
<el-option label="cccc" value="121"></el-option>
</el-select>
</div>
<div class="row">
<span class="left">负责人：</span>
</el-form-item>
<el-form-item label="负责人：" class="row">
<el-input type="text" placeholder="请输入"></el-input>
</div>
</el-form-item>
<div class="popbot">
<div class="btn btn_cancel h32" @click="cancel">返回</div>
<div class="btn btn_primary h32">添加</div>
......@@ -182,7 +176,12 @@
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}
]
],
rules:{
projectName:[{ required: true, message: '请输入非空格字符！', trigger: 'blur' },],
ownerCompany:[{ required: true, message: '请输入非空格字符！', trigger: 'blur' },],
},
}
},
methods:{
......
dsk-operate-ui/src/views/project/projectList/component/xmsl.vue
View file @ adb0d27a
......@@ -20,7 +20,16 @@
</div>
<div class="con i">
<span>项目阶段 ：</span>
<div class="inputxt"><span class="txt">待添加</span></div>
<div class="select-popper " >
<span class="color_text" :class="{'txt':xmjd == '待添加'}">
{{xmjd}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-select v-model="xmjd" class="select-multiple" placeholder="请选择">
<el-option v-for="(item,index) in projectStage" :key="index" :label="item.dictLabel" :value="item.dictValue"></el-option>
</el-select>
</div>
</div>
</div>
<div class="row">
......@@ -159,6 +168,7 @@
<script>
import "@/assets/styles/project.scss"
import {getDictType,} from '@/api/main'
export default {
name: 'xmsl',
data(){
......@@ -166,8 +176,17 @@
nowedit:-1,//当前正在编辑的文本
tipslit:[],//项目标签
tipsvalue:"",//标签填写内容
xmjd:'待添加',
projectStage:[],//项目阶段
}
},
created(){
//项目阶段
getDictType('project_stage_type').then(result=>{
this.projectStage = result.code == 200 ? result.data:[]
})
},
methods:{
//验证电话号码
isphone(value){
......
dsk-operate-ui/src/views/project/projectList/detail.vue
View file @ adb0d27a
......@@ -7,7 +7,7 @@
</div>
<div class="app-container">
<el-card class="box-card noborder pad16 overflows">
<div class="head">
<div class="head baseinfo">
<div class="titles">
<img src="@/assets/images/project/headimg.png" class="headimg">
<strong class="text">重庆市轨道交通3号线二期工程4标段施工总承包</strong>
......@@ -15,31 +15,68 @@
<img v-if="islock == true" src="@/assets/images/project/lock.png">
<img v-else src="@/assets/images/project/lockopen.png">
仅自己可见
<div class="delform">
<div class="words">{{islock==true?"是否将项目权限修改为他人可见?":"是否将项目权限修改为仅自己可见?"}}</div>
<div>
<div class="btnsmall btn_primary h28">确定</div>
<div class="btnsmall btn_cancel h28">取消</div>
</div>
</div>
<!--<div class="delform">-->
<!--<div class="words">{{islock==true?"是否将项目权限修改为他人可见?":"是否将项目权限修改为仅自己可见?"}}</div>-->
<!--<div>-->
<!--<div class="btnsmall btn_primary h28">确定</div>-->
<!--<div class="btnsmall btn_cancel h28">取消</div>-->
<!--</div>-->
<!--</div>-->
</div>
</div>
<div class="contets">
<div class="contets row">
<div class="det-con">
<span>项目类型：</span>
<span><el-select><option label="aaa" value="888"></option></el-select></span>
<div class="select-popper" >
<span class="color_text" :class="{'txt':xmlx == '请选择'}">
{{xmlx}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-select v-model="xmlx" class="select-multiple" placeholder="请选择">
<el-option v-for="(item,index) in projectType" :key="index" :label="item.dictLabel" :value="item.dictValue"></el-option>
</el-select>
</div>
</div>
<div class="det-con">
<span>项目类别：</span>
<span>城市轨道交通</span>
<span>
<div class="select-popper" >
<span class="color_text" :class="{'txt':xmlb == '请选择'}">
{{xmlb}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-select v-model="xmlb" class="select-multiple" placeholder="请选择">
<el-option v-for="(item,index) in projectCategory" :key="index" :label="item.dictLabel" :value="item.dictValue"></el-option>
</el-select>
</div>
</span>
</div>
<div class="det-con">
<div class="det-con con" >
<span>投资估算（万元）：</span>
<span>21</span>
<div class="inputxt i" :class="{'nomar':nowedit != 3}">
<div class="flex" v-if="nowedit == 3">
<el-input placeholder="待添加" @input="number"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 3">待添加</span>
</div>
</div>
<div class="det-con">
<span>建设地点：</span>
<span>重庆市-渝中区</span>
<div class="select-popper">
<span :class="{ color_text:address != 'address'}">
{{address}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-cascader class="cascader-region select-location"
ref="myCascader" :props="props"
:options="addressList"
@change="handleChange"></el-cascader>
</div>
</div>
<div class="det-con">
<span>商务团队：</span>
......@@ -47,11 +84,11 @@
</div>
</div>
<div class="schedule">
<div class="child" v-for="(item,index) in schedulelist" @mouseover="hover(index)" @mouseleave="hover(-1)" @click="choose(index)">
<div class="child" v-for="(item,index) in projectStage" @mouseover="hover(index)" @mouseleave="hover(-1)" @click="choose(index,item.dictValue)">
<img v-if="index == lastindex" src="@/assets/images/project/pro_2.png">
<img v-else-if="index == thisindex" src="@/assets/images/project/pro_3.png">
<img v-else src="@/assets/images/project/pro_1.png">
<span :class="{'now':index == thisindex}">{{item}}</span>
<span :class="{'now':index == thisindex}">{{item.dictLabel}}</span>
</div>
</div>
......@@ -85,6 +122,8 @@
<script>
import "@/assets/styles/project.scss"
import "@/assets/styles/public.css"
import {getDictType,} from '@/api/main'
import xmsl from './component/xmsl.vue'
import jsnr from './component/jsnr.vue'
import lxr from './component/lxr.vue'
......@@ -92,12 +131,12 @@
import gzdb from './component/gzdb.vue'
import zlwd from './component/zlwd.vue'
import xgqy from './component/xgqy.vue'
import prvinceTree from '@/assets/json/provinceTree'
export default {
name: 'detail',
components: {xmsl,jsnr,lxr,gjjl,gzdb,zlwd,xgqy},
data(){
return {
schedulelist: ['立项审批','招标计划','招标公告','开标阶段','中标结果'],
lastindex: 0,//上一个点击步骤
thisindex: 1,//当前点击步骤
tabslist:[//项目信息展示板块
......@@ -110,23 +149,118 @@
{tag:'xgqy',name:'相关企业'},
],
thistag:'xgqy',
xmlx:'请选择',//项目类型
xmlb:'请选择',//项目类别
islock:true,//仅自己可见
projectStage:[],//项目阶段
projectType:[],//项目类型
projectCategory:[],//项目类别
nowedit:-1,
address:'待添加',
//项目地区
addressList:[],
domicile:[],
props:{ checkStrictly: true, expandTrigger: 'hover' },
}
},
created(){
this.prvinceTree()
//项目阶段
getDictType('project_stage_type').then(result=>{
this.projectStage = result.code == 200 ? result.data:[]
})
//项目类型
getDictType('project_type').then(result=>{
this.projectType = result.code == 200 ? result.data:[]
})
//项目类别
getDictType('project_category').then(result=>{
this.projectCategory = result.code == 200 ? result.data:[]
})
},
methods: {
//地区
async prvinceTree() {
// await axios.post("https://files.jiansheku.com/file/json/common/provinceTree.json", {}, {
// headers: {
// 'Content-Type': 'application/json'
// }
// }).then(res => {
// if (res.data.code == 200) {
// console.log(res.data.data)
// }
// })
// console.log(prvinceTree)
this.addressList = prvinceTree;
this.getadd(this.addressList)
},
//处理项目地区
getadd(row) {
this.addrcallback(row,this.getadd)
},
addrcallback(row,callback){
if(row){
row.forEach(item => {
item.value = item.id
callback && callback(item.children)
})
}
},
//进度条悬浮、点击事件
hover(index){
this.lastindex = index
},
choose(index){
choose(index,value){
this.thisindex = index
console.log(value)
},
//内容组件切换
getCom(tag){
console.log(tag)
this.thistag = tag
}
},
//输入数字
number(value){
this.queryParam.registerCapital = value.replace(/^\D*(\d*(?:\.\d{0,6})?).*$/g, '$1')//输入6位小数
},
handleChange(value) {
// console.log(value);
let str = ''
var labelString = this.$refs.myCascader.getCheckedNodes()[0].pathLabels;
labelString.forEach((item,index)=>{
if(index == 0)
str += item
else
str += '-'+item
})
this.address = str
let arr = this.$refs.myCascader.getCheckedNodes();
// console.log(arr)
let province = [],
city = [],
area = [];
this.domicile = [];
for (var i in arr) {
if (arr[i].parent) {
if (!arr[i].parent.checked) {
arr[i].hasChildren && city.push(arr[i].value);
arr[i].hasChildren && this.domicile.push(arr[i].label);
!arr[i].hasChildren && area.push(arr[i].value);
!arr[i].hasChildren && this.domicile.push(arr[i].label);
}
} else {
province.push(arr[i].value);
this.domicile.push(arr[i].label);
}
}
// var obj = JSON.parse(JSON.stringify(this.searchParam));
// obj.province = province;
// obj.city = city;
// obj.area = area;
// this.searchParam = obj;
},
}
}
</script>
......@@ -178,7 +312,7 @@
&:last-child{
padding-right: 0;
}
span:nth-child(2n-1){
>span:nth-child(2n-1){
color: #a7a7a7;
}
}
......@@ -237,4 +371,15 @@
}
}
}
.det-con.con{
width: auto;
margin-top: -4px;
.inputxt{
width: 100px;
margin-right: 70px;
&.nomar{
margin: 0;
}
}
}
</style>
dsk-operate-ui/src/views/project/projectList/index.vue
View file @ adb0d27a
......@@ -147,6 +147,7 @@
<script>
import "@/assets/styles/project.scss"
import "@/assets/styles/public.css"
import prvinceTree from '@/assets/json/provinceTree'
import {getProjectlist} from '@/api/project/project'
import {getDictType,} from '@/api/main'
......@@ -207,7 +208,7 @@ export default {
},
created() {
this.prvinceTree()
// this.getList(1)
this.getList(1)
//项目阶段
getDictType('project_stage_type').then(result=>{
this.projectStage = result.code == 200 ? result.data:[]
......@@ -225,6 +226,8 @@ export default {
//获取商机列表
getList(pageNum){
this.searchParam.pageNum = pageNum
console.log(this.searchParam)
return false
getProjectlist(this.searchParam).then(result=>{
console.log(result)
})
......@@ -288,9 +291,6 @@ export default {
let Id = '111'
this.$router.push({ path: '/project/projectList/detail', query: Id });
},
getxmdq(){
console.log(888)
},
handleClick(){
},
......
dsk-operate-ui/src/views/radar/Establishment/details.vue 0 → 100644
View file @ adb0d27a
<template>
<div class="app-container qyzx-details">
<div class="bottomlist">
<ul class="bottomlist-content">
<li class="bottomlist-list" >
<p class="list-titel">
绿色节能型压缩机基础件、汽车零配件新建项目 (芜湖旭日机械制造有限公司)
<!-- <div v-else-if="item.projectName" v-html="item.projectName"></div> -->
</p>
<div class="content-label">
<span class="list-label">市政工程</span>
</div>
<div class="list-content">
<p class="list-content-text">
<span>办件结果：</span>
<span >芜湖旭日机械制造有限公司</span>
</p>
<p class="list-content-text">
<span>总投资：</span>
<span>芜湖旭日</span>
</p>
<p class="list-content-text">
<span>审批日期：</span>
<span>12345.62万</span>
</p>
</div>
</li>
</ul>
</div>
<div class="content main3">
<div class="common-title">拟建项目详情</div>
<div class="main3-box">
<p>
<label class="label">项目法人</label>
<span>序号</span>
<label class="label">总投资（万元）</label>
<span>序号</span>
</p>
<p>
<label class="label">项目类型</label>
<span class="span-one">序号</span>
</p>
<p>
<label class="label">项目属地</label>
<span>序号</span>
<label class="label">审批类型</label>
<span>序号</span>
</p>
<p>
<label class="label">建设规模</label>
<span>序号</span>
</p>
<p>
<label class="label">计划开工日期</label>
<span>序号</span>
<label class="label">计划完成日期</label>
<span>序号</span>
</p>
<p>
<label class="label">项目联系方式</label>
<span>序号</span>
<label class="label">行业分类</label>
<span>序号</span>
</p>
<p>
<label class="label">项目详情地址</label>
<span>序号</span>
<label class="label">项目代码</label>
<span>序号</span>
</p>
</div>
</div>
<div class="content main5">
<div class="common-title">立项审批</div>
<div class="table-item">
<el-table
:data="tableData"
element-loading-text="Loading"
border
fit
highlight-current-row
>
<el-table-column label="审批事项" width="270">
<template slot-scope="scope">
企业投资项目备案
</template>
</el-table-column>
<el-table-column label="审批结果" width="187" >
<template slot-scope="scope">
通过
</template>
</el-table-column>
<el-table-column label="审批部门" >
<template slot-scope="scope">
老河口市发展和改革局
</template>
</el-table-column>
<el-table-column label="审批问号" width="328" >
<template slot-scope="scope">
--
</template>
</el-table-column>
<el-table-column prop="zj" label="审批日期" width="240" >
<template slot-scope="scope">
2022-08-28
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="content main5">
<div class="common-title">立项推介</div>
<div class="table-item">
<el-table
:data="tableData"
element-loading-text="Loading"
border
fit
highlight-current-row
>
<el-table-column label="立项推介" >
<template slot-scope="scope">
-
</template>
</el-table-column>
<el-table-column label="引入资本规模（万元）" width="232" >
<template slot-scope="scope">
--
</template>
</el-table-column>
<el-table-column label="引入资本时间" width="243" >
<template slot-scope="scope">
2019-12-24
</template>
</el-table-column>
<el-table-column label="推介时间" width="243" >
<template slot-scope="scope">
2019-12-24
</template>
</el-table-column>
<el-table-column prop="zj" label="是否完成推介" width="243" >
<template slot-scope="scope">
否
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import "@/assets/styles/public.css";
export default {
name: 'EstablishmentDetails',
data() {
return {
id: '',
tableData: [{
id: 0,
name: '20重庆债14(2005938)',
time: '2020-09-18',
gm: '285.24',
zj: '否',
}]
}
},
created() {
console.log(this.$route.params)
this.id = this.$route.params.id
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.bottomlist {
width: 100%;
background-color: #FFFFFF;
border-radius: 4px 4px 4px 4px;
.bottomlist-title {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 12px;
padding: 16px;
border-bottom: 1px solid #EFEFEF;
.title-right {
display: flex;
align-items: center;
p:first-child {
font-size: 12px;
font-weight: 400;
color: #3D3D3D;
margin-right: 10px;
}
p:last-child {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
color: rgba(35, 35, 35, 0.8);
}
img {
width: 18px;
height: 18px;
}
}
}
.bottomlist-content {
padding-bottom: 0px;
}
.bottomlist-list {
padding: 16px;
font-size: 14px;
border-bottom: 1px solid #EFEFEF;
padding-bottom: 14px;
.list-titel {
font-size: 16px;
font-weight: 700;
color: #3D3D3D;
line-height: 19px;
.list-titel-a {
text-decoration: none;
color: #3D3D3D;
}
a:hover,
a:visited,
a:link,
a:active {
color: #3D3D3D;
}
}
.content-label {
margin-top: 7px;
.list-label {
background: #F3F3FF;
color: #8491E8;
border-radius: 1px 1px 1px 1px;
padding: 3px 7px;
font-size: 12px;
}
}
.list-content {
margin-top: 3px;
display: flex;
justify-content: start;
align-items: center;
.list-content-text {
margin-top: 7px;
display: flex;
justify-content: start;
align-items: center;
margin-right: 27px;
font-size: 14px;
span:first-child {
font-weight: 400;
color: rgba(35, 35, 35, 0.4);
line-height: 15px
}
span:last-child {
font-weight: 400;
color: rgba(35, 35, 35, 0.8);
line-height: 15px
}
.blue {
color: #0081FF !important;
cursor: pointer;
}
}
}
.list-addree {
width: auto;
background: #F3F4F5;
display: inline-flex;
margin-top: 7px;
.list-content-text {
margin-top: 0px;
span {
line-height: 30px !important;
}
}
img {
width: 14px;
margin: 0 8px;
}
}
}
.bottomlist-list:hover {
background: #F6F9FC;
cursor: pointer;
}
.pagination {
padding: 14px;
.el-pagination {
float: right;
}
}
}
.app-container {
padding: 0;
}
.qyzx-details {
.tab {
font-size: 12px;
color: #A1A1A1;
span {
color: #232323;
}
}
.content {
margin-top: 16px;
background: #FFFFFF;
padding: 16px;
border-radius: 4px;
}
.common-title {
margin-bottom: 8px;
}
.main1 {
.title {
color: #232323;
font-size: 16px;
line-height: 28px;
font-weight: bold;
margin-bottom: 8px;
text-align: left;
img {
width: 28px;
height: 28px;
margin-bottom: -9px;
margin-right: 17px;
}
}
p {
color: #3D3D3D;
font-size: 14px;
margin: 0;
}
}
.main2 {
.list {
display: flex;
margin: 16px 0;
}
.item {
width: 24.5%;
margin-right: 16px;
height: 100px;
display: flex;
justify-content: space-between;
border-radius: 8px;
.item-left {
margin-left: 16px;
margin-top: 24px;
h4 {
color: #232323;
font-size: 22px;
line-height: 22px;
font-weight: bold;
margin: 0;
span {
font-weight: 400;
margin-left: 4px;
font-size: 18px;
}
}
p {
margin: 0;
color: #3D3D3D;
font-size: 14px;
padding-top: 8px;
}
}
.img {
width: 56px;
height: 56px;
margin-top: 22px;
margin-right: 12px;
}
}
.color1 {
background: rgba(246, 190, 59, 0.08);
border: 1px solid rgba(246, 190, 59, 0.2);
}
.color2 {
background: rgba(148, 216, 196, 0.102);
border: 1px solid rgba(73, 187, 154, 0.1);
}
.color3 {
background: rgba(57, 100, 199, 0.06);
border: 1px solid rgba(57, 100, 199, 0.1);
}
.color4 {
background: rgba(0, 129, 255, 0.04);
border: 1px solid rgba(0, 129, 255, 0.1);
}
}
.main3 {
.main3-box {
margin-top: 22px;
border-top: 1px solid #E6E9F0;
p {
display: flex;
align-items: center;
margin: 0;
border-left: 1px solid #E6E9F0;
border-bottom: 1px solid #E6E9F0;
.label {
width: 10%;
font-weight: 400;
line-height: 40px;
font-size: 12px;
height: 40px;
background: #F0F3FA;
padding-left: 12px;
}
span {
width: 40%;
color: #000;
height: 40px;
line-height: 40px;
padding-left: 12px;
font-size: 12px;
}
.span-one {
width: 90%;
}
}
}
}
.main4 {
.main4-box {
margin-top: 22px;
.label {
width: 14%;
background: #F0F3FA;
border: 1px solid #E6E9F0;
display: inline-block;
height: 40px;
line-height: 40px;
font-size: 12px;
color: rgba(35, 35, 35, 0.8);
padding-left: 12px;
}
span {
width: 19%;
display: inline-block;
height: 40px;
line-height: 40px;
border-top: 1px solid #E6E9F0;
border-bottom: 1px solid #E6E9F0;
padding-left: 12px;
font-size: 12px;
}
span:last-child {
width: 20%;
border-right: 1px solid #E6E9F0;
}
}
}
.main5 {
.table-item {
margin-top: 22px;
}
}
}
</style>
\ No newline at end of file
dsk-operate-ui/src/views/radar/components/Establishment/index.vue
View file @ adb0d27a
......@@ -197,7 +197,7 @@
<ul class="bottomlist-content">
<li class="bottomlist-list" >
<p class="list-titel">
<router-link :to="'/radar/Land/details/'+ 1" tag="a" class="list-titel-a" >绿色节能型压缩机基础件、汽车零配件新建项目 (芜湖旭日机械制造有限公司)</router-link>
<router-link :to="'/radar/Establishment/details/'+ 1" tag="a" class="list-titel-a" >绿色节能型压缩机基础件、汽车零配件新建项目 (芜湖旭日机械制造有限公司)</router-link>
<!-- <div v-else-if="item.projectName" v-html="item.projectName"></div> -->
</p>
<div class="content-label">
......
dsk-operate-ui/src/views/radar/components/bxprozbgg/index.vue 0 → 100644
View file @ adb0d27a
<template>
<!-- 招标公告 -->
<div >
<div class="content">
<div class="content_item">
<div class="label">项目属地</div>
<div class="content_right">
<div class="bxpro_region">
<div class="bxpro_province">
<span v-for="(item,index) in bxproProvince" :class="provinceStatus==index ? 'bxpro_province_selected' : ''" @click="clickProvince(index)">{{ item.name }}</span>
</div>
<div class="bxpro_city" v-if="projectTerritory.length > 0">
<div class="bxpro_city_fex">
<div>
<div class="bxpro_city_fex_nr" :style="'height:'+maxHeight">
<span @click="changeProjectTerritory">不限</span>
<template v-for="(item,index) in projectTerritory">
<span :class="{ color_text: changeClass(item.id) }" :key="index" @click="changeProjectTerritory(item)">{{ item.regionName }} <img src="@/assets/images/bxpro/bxporre.png"></span>
</template>
</div>
<div style="width: 1017px;border-top: 1px solid #efefef;padding: 10px 0 0;" v-if="projecTcounty.length > 0">
<template v-for="(item,index) in projecTcounty">
<span :class="{ color_text: changeClass(item.id) }" :key="index" @click="changeProjectTerritory(item)">{{ item.regionName }} <img src="@/assets/images/bxpro/bxporre.png"></span>
</template>
</div>
</div>
<div class="bxpro_city_fex_click" @click="changeDown(isHeight)">
<template v-if="isHeight">
展开<i class="el-icon-caret-bottom"></i>
</template>
<template v-else>
收起<i class="el-icon-caret-up"></i>
</template>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content_item">
<div class="label">项目名称</div>
<div class="content_right">
<el-input class="ename_input"
placeholder="请输入项目名称关键字" v-model="keyword" ></el-input>
</div>
</div>
<div class="content_item">
<div class="label">项目名称</div>
<div class="content_right">
<div class="select-popper">
<span :class="{ color_text: jskBidNewsDto.projectType.length }">
工程类型{{jskBidNewsDto.projectType.length? jskBidNewsDto.projectType.length + "项": ""}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-select v-model="jskBidNewsDto.projectType" class="select-multiple" multipleplaceholder="请选择">
<el-option v-for="(item, i) in projectTypeList" :key="i":label="item" :value="item">
</el-option>
</el-select>
</div>
<div class="select-popper">
<span :class="{ color_text: jskBidNewsDto.projectPurposes.length }">
工程类别{{jskBidNewsDto.projectPurposes.length? jskBidNewsDto.projectPurposes.length + "项": ""}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-select v-model="jskBidNewsDto.projectPurposes" class="select-multiple" multiple placeholder="请选择">
<el-option v-for="(item, i) in projectPurposesList":key="i":label="item":value="item">
</el-option>
</el-select>
</div>
<div class="select-popper">
<span :class="{color_text: jskBidNewsDto.projectLevel.length}" >
项目级别{{jskBidNewsDto.projectLevel.length? jskBidNewsDto.projectLevel.length + "项" : ""}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-select v-model="jskBidNewsDto.projectLevel" class="select-multiple"multiple placeholder="请选择" >
<el-option v-for="(item, i) in projectLevelList" :key="i" :label="item":value="item">
</el-option>
</el-select>
</div>
<div class="select-popper">
<span :class="{ color_text: jskBidNewsDto.bidAssessmentWay.length }">
评标办法 {{jskBidNewsDto.bidAssessmentWay.length? jskBidNewsDto.bidAssessmentWay.length + "项" : ""}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-select v-model="jskBidNewsDto.bidAssessmentWay"class="select-multiple"multiple placeholder="请选择">
<el-option v-for="(item, i) in bidAssessmentWayList":key="i":label="item" :value="item">
</el-option>
</el-select>
</div>
<div class="select-popper">
<span :class="{ color_text: jskBidNewsDto.projectEnsureAmountPayType.length }">
保证金缴纳{{ jskBidNewsDto.projectEnsureAmountPayType.length ? jskBidNewsDto.projectEnsureAmountPayType.length + "项" : ""}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-select v-model="jskBidNewsDto.projectEnsureAmountPayType"class="select-multiple"multiple placeholder="请选择">
<el-option v-for="(item, i) in projectEnsureAmountPayTypeList" :key="i":label="item":value="item">
</el-option>
</el-select>
</div>
<el-dropdown@command="punishDatehandleCommand"trigger="click"ref="punishDateShowPopper":hide-on-click="false" class="el-dropdown-land">
<span class="el-dropdown-link":class="punishDateValue ? 'color_text' : ''">
发布日期{{ punishDateValue ? " 1项" : ""}}<i class="el-icon-caret-bottom"></i>
</span>
<div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item v-for="(item, i) in punishDateOptions":class="punishDateValue && punishDateValue == item.value? 'color_text': ''":key="i":command="item.value">
<div @mouseenter="hidePoper">{{ item.label }}</div>
</el-dropdown-item>
<el-dropdown-item command="自定义"style="padding: 0; text-indent: 20px">
<div @mouseenter="mouseenter">
<span :class="punishDateValue == '自定义' ? 'color_text' : ''">
自定义<i class="el-icon-arrow-right"></i>
</span>
<el-date-picker v-if="punishDateShowPopper" @change="changepunishDate" class="land_date_picker" v-model="punishDate" ref="datePicker" value-format="yyyy-MM-dd" type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
</el-dropdown-item>
</el-dropdown-menu>
</div>
</el-dropdown>
<el-dropdown @command="punishDatehandleCommand1" trigger="click"ref="bidOpeningDeadlineShowPopper":hide-on-click="false" class="el-dropdown-land">
<span class="el-dropdown-link":class="bidOpeningDeadlineValue ? 'color_text' : ''">
开标截止日期{{ bidOpeningDeadlineValue ? " 1项" : ""}}<i class="el-icon-caret-bottom"></i>
</span>
<div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item v-for="(item, i) in bidOpeningDeadlineOptions":class=" bidOpeningDeadlineValue && bidOpeningDeadlineValue == item.value ? 'color_text' : '' ":key="i" :command="item.value" >
<div @mouseenter="hidePoper1">{{ item.label }}</div>
</el-dropdown-item>
<el-dropdown-item command="自定义"style="padding: 0; text-indent: 20px" >
<div @mouseenter="mouseenter1">
<span :class="punishDateValue == '自定义' ? 'color_text' : ''" >
自定义<i class="el-icon-arrow-right"></i>
</span>
<el-date-picker
v-if="bidOpeningDeadlineShowPopper"
@change="changepunishDate1"
class="land_date_picker"
v-model="bidOpeningDeadline"
ref="datePicker1"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
</el-dropdown-item>
</el-dropdown-menu>
</div>
</el-dropdown>
</div>
</div>
<div class="content_item">
<div class="label">项目金额</div>
<div class="content_right content_right1">
<div class="land_content_wrap-flex">
<div class="land_content_wrap_label" >
项目投资额
</div>
<el-input class="other_ipt" placeholder="输入最低金额" @change="changeMoney('start','startProjectAmount','endProjectAmount')" v-limit-num clearable
v-model="jskBidNewsDto.startProjectAmount"></el-input>
<span class="other_label_span">至</span>
<el-input placeholder="输入最高金额" @change="changeMoney('end','startProjectAmount','endProjectAmount')" v-limit-num
v-model="jskBidNewsDto.endProjectAmount" clearable class="other_ipt other_ipt1">
<el-button slot="append" type="primary">万元</el-button>
</el-input>
</div>
<div class="land_content_wrap-flex">
<div class="land_content_wrap_label" >合同估算价
</div>
<el-input class="other_ipt" placeholder="输入最低金额" @change="changeMoney('start','startProjectContractAmount','endProjectContractAmount')" v-limit-num clearable
v-model="jskBidNewsDto.startProjectContractAmount"></el-input>
<span class="other_label_span">至</span>
<el-input placeholder="输入最高金额" @change="changeMoney('end','startProjectContractAmount','endProjectContractAmount')" v-limit-num
v-model="jskBidNewsDto.endProjectContractAmount" clearable class="other_ipt other_ipt1">
<el-button slot="append" type="primary">万元</el-button>
</el-input>
</div>
<div class="land_content_wrap-flex">
<div class="land_content_wrap_label" >投标保证金
</div>
<el-input class="other_ipt" placeholder="输入最低金额" @change="changeMoney('start','startProjectEnsureAmount','endProjectEnsureAmount')" v-limit-num clearable
v-model="jskBidNewsDto.startProjectEnsureAmount"></el-input>
<span class="other_label_span">至</span>
<el-input placeholder="输入最高金额" @change="changeMoney('end','startProjectEnsureAmount','endProjectEnsureAmount')" v-limit-num
v-model="jskBidNewsDto.endProjectEnsureAmount" clearable class="other_ipt other_ipt1">
<el-button slot="append" type="primary">万元</el-button>
</el-input>
</div>
</div>
</div>
</div>
<div class="content">
<!--条件-->
<div id="tender_wrap" class="content_wrap">
<template>
<div class="land_content_wrap ">
</div>
<div v-show="selectedHeights">
<div class="land_content_wrap ">
<div class="land_content_wrap-flex">
<div class="land_content_wrap_label" >建安费暂估
</div>
<el-input class="other_ipt" placeholder="输入最低金额" @change="changeMoney('start','startProjectSafeAmount','endProjectSafeAmount')" v-limit-num clearable
v-model="jskBidNewsDto.startProjectSafeAmount"></el-input>
<span class="land_content_wrap_label_span">至</span>
<el-input placeholder="输入最高金额" @change="changeMoney('end','startProjectSafeAmount','endProjectSafeAmount')" v-limit-num
v-model="jskBidNewsDto.endProjectSafeAmount" clearable class="other_ipt other_ipt1">
<el-button slot="append" type="primary">万元</el-button>
</el-input>
</div>
<div class="land_content_wrap-flex">
<div class="land_content_wrap_label" >勘察费暂估
</div>
<el-input class="other_ipt" placeholder="输入最低金额" @change="changeMoney('start','startProjectSurveyAmount','endProjectSurveyAmount')" v-limit-num clearable
v-model="jskBidNewsDto.startProjectSurveyAmount"></el-input>
<span class="land_content_wrap_label_span">至</span>
<el-input placeholder="输入最高金额" @change="changeMoney('end','startProjectSurveyAmount','endProjectSurveyAmount')" v-limit-num
v-model="jskBidNewsDto.endProjectSurveyAmount" clearable class="other_ipt other_ipt1">
<el-button slot="append" type="primary">万元</el-button>
</el-input>
</div>
<div class="land_content_wrap-flex">
<div class="land_content_wrap_label" >设计费暂估
</div>
<el-input class="other_ipt" placeholder="输入最低金额" @change="changeMoney('start','startProjectDesignAmount','endProjectDesignAmount')" v-limit-num clearable
v-model="jskBidNewsDto.startProjectDesignAmount"></el-input>
<span class="land_content_wrap_label_span">至</span>
<el-input placeholder="输入最高金额" @change="changeMoney('end','startProjectDesignAmount','endProjectDesignAmount')" v-limit-num
v-model="jskBidNewsDto.endProjectDesignAmount" clearable class="other_ipt other_ipt1">
<el-button slot="append" type="primary">万元</el-button>
</el-input>
</div>
</div>
<div class="land_content_wrap" style="margin-top: 16px">
<span class="land_content_wrap_label" style="">资质要求</span>
<el-input
style="margin-left:12px;"
v-model="jskBidNewsDto.qualiLimit"
clearable
placeholder="请输入关键词句，如：施工总承包三级"
>
</el-input>
<span class="land_content_wrap_label_tipspan">
<el-tooltip popper-class="explain_tooltip" content="根据输入的关键词全称进行匹配"
placement="bottom" effect="light">
<img class="tip_svg" src="@/assets/images/bxpro/tipf.png" alt="排除资质-建设库">
</el-tooltip>
</span>
<span class="land_content_wrap_label" style="margin-left: 24px;margin-right:16px;width: 58px;">业绩要求</span>
<el-input
style="margin-left:12px;"
v-model="jskBidNewsDto.projectLimit"
clearable
placeholder="请输入关键词句，如：建筑工程"
>
</el-input>
<span class="land_content_wrap_label_tipspan">
<el-tooltip popper-class="explain_tooltip" content="根据输入的关键词全称进行匹配"
placement="bottom" effect="light">
<img class="tip_svg" src="@/assets/images/bxpro/tipf.png" alt="排除资质-建设库">
</el-tooltip>
</span>
</div>
<div class="land_content_wrap">
<span class="land_content_wrap_label" style="line-height:34px;">人员要求</span>
<el-input
style="margin-left:12px;"
v-model="jskBidNewsDto.personLimit"
clearable
placeholder="请输入关键词句，如：一级建造师"
>
</el-input>
<span class="land_content_wrap_label_tipspan">
<el-tooltip popper-class="explain_tooltip" content="根据输入的关键词全称进行匹配"
placement="bottom" effect="light">
<img class="tip_svg" src="@/assets/images/bxpro/tipf.png" alt="排除资质-建设库">
</el-tooltip>
</span>
</div>
<div class="line"></div>
<div class="land_content_wrap" style="margin-top: 16px">
<span class="land_content_wrap_label" style="margin-left: 14px;">招标人
</span>
<el-input
style="margin-left:12px;"
v-model="jskBidNewsDto.tenderee"
clearable
placeholder="请输入关键字"
>
</el-input>
<span class="land_content_wrap_label" style="margin-left: 24px;margin-right:16px;width: 58px;">代理机构
</span>
<el-input
v-model="jskBidNewsDto.agency"
clearable
placeholder="请输入关键字"
></el-input>
</div>
</div>
<div class="search-new" style="padding: 0px 0px 16px 76px !important;border: 0;margin: 0;">
<span @click="bxproggSearch()">查询</span>
<span @click="reset1">重置</span>
</div>
</template>
<div class="data_list" v-if="showList">
<div style="height: 16px;width: 1200px;background: #F7F9FC;margin-left: -16px;"></div>
<div class="data_list_head">
共为您找到<span class="data_list_count"> {{ total }} </span>条相关结果
<div class="bottom-toolbar-right float_right" style="padding-top: 1px;">
<span size="small" class="toolbar-right-download toolbar-right-download1" style="margin-right:0;" @click="bxproggSearch('','','isExport')">
导出数据
</span>
</div>
<div class="bottom-toolbar-right float_right" style="position:relative;top:1px;">
<el-popover v-model="fieldshow" placement="bottom-end" trigger="click" popper-class="viewlist-el-popover">
<ul class="pup_list">
<li v-for="(itme,i) in fieldOptions" :class="itme.status?'active':''"
@click="handsequencingList(i)" :key="i">
<div style="position: relative;">
{{itme.value}}
</div>
</li>
</ul>
<span slot="reference" class="toolbar-right-download" style="width: auto;padding: 0px 8px;" >
{{fieldText}}<i class="el-icon-caret-bottom" :style="{transform:fieldshow?'rotate(180deg)':''}"></i>
</span>
</el-popover>
</div>
<div class="data_list_btn float_right">
<el-checkbox-group v-model="checkList" @change="lowerRateClick()">
<el-checkbox :label="item.value" v-for="(item, index) in checkType" :key="index">{{item.name}}</el-checkbox>
</el-checkbox-group>
<!-- <el-checkbox @change="lowerRateClick()" v-model="checked">只看有符合企业的项目</el-checkbox>-->
<!--<div @click="lowerRateClick(0)" :class="activeIndex==0?'data_list_btn_active':''">只看有符合企业的项目</div>-->
<!--<div @click="lowerRateClick(1)" :class="[activeIndex==1?'data_list_btn_active':'']">按符合企业</div>-->
</div>
</div>
<div v-if="total > 0" class="bxpro_list">
<div style="border-top:1px solid #efefef;padding-top: 25px">
<el-table
:data="tableData"
border
max-height="608"
ref="multipleTable"
style="width: 100%;">
<el-table-column
:resizable="false"
label="发布日期"
width="112">
<template slot-scope="scope">
{{ scope.row.pubdate ? scope.row.pubdate : '--' }}
</template>
</el-table-column>
<el-table-column
:resizable="false"
label="项目名称"
min-width="186">
<template slot-scope="scope">
<span class="bxpro_list_titles" v-if="!scope.row.id && scope.row.projectName" v-html="scope.row.projectName"></span>
<span class="bxpro_list_titles" v-html="scope.row.projectName"></span>
</template>
</el-table-column>
<el-table-column
:resizable="false"
label="工程用途"
width="115">
<template slot-scope="scope">
<span v-if="scope.row.projectPurposes">{{scope.row.projectPurposes}}</span>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column
:resizable="false"
label="项目金额"
width="190">
<template slot-scope="scope">
<ul class="bxpro_list_money">
<template v-if="scope.row.projectInvestmentAmount ||
scope.row.projectContractAmount ||
scope.row.projectSafeAmount ||
scope.row.projectSurveyAmount ||
scope.row.projectDesignAmount">
<li v-if="scope.row.projectInvestmentAmount">
<span >
<span >投资额：{{ scope.row.projectInvestmentAmount }}万元</span>
</span>
</li>
<li v-if="scope.row.projectContractAmount">
<span >
<span >控制价：{{ scope.row.projectContractAmount }}万元</span>
</span>
</li>
<li v-if="scope.row.projectSafeAmount">
<span >
<span >建安费：{{ scope.row.projectSafeAmount }}万元</span>
</span>
</li>
<li v-if="scope.row.projectSurveyAmount">
<span >
<span >勘察费：{{ scope.row.projectSurveyAmount }}万元</span>
</span>
</li>
<li v-if="scope.row.projectDesignAmount">
<span >
<span >设计费：{{ scope.row.projectDesignAmount }}万元</span>
</span>
</li>
</template>
<li v-else>--</li>
</ul>
</template>
</el-table-column>
<el-table-column
:resizable="false"
label="投标保证金"
width="128">
<template slot-scope="scope">
<ul class="bxpro_list_money">
<template v-if="scope.row.projectEnsureAmount">
<li>
<span >
<span >{{ scope.row.projectEnsureAmount }}万元</span>
</span>
</li>
</template>
<li v-else>--</li>
</ul>
</template>
</el-table-column>
<el-table-column
:resizable="false"
label="评标办法"
width="105">
<template slot-scope="scope">
<span v-if="scope.row.bidAssessmentWay">{{scope.row.bidAssessmentWay}}</span>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column
:resizable="false"
label="评标委员会有无业主代表"
width="105">
<template slot-scope="scope">
<span v-if="scope.row.bidMettingHasProjectUnit == 0">未公示</span>
<span v-if="scope.row.bidMettingHasProjectUnit == 1">无</span>
<span v-if="scope.row.bidMettingHasProjectUnit == 2">有</span>
</template>
</el-table-column>
<el-table-column
:resizable="false"
label="有无预付款"
width="102">
<template slot-scope="scope">
<span v-if="scope.row.hasAdvanceAmount == 0">未公示</span>
<span v-if="scope.row.hasAdvanceAmount == 1">无</span>
<span v-if="scope.row.hasAdvanceAmount == 2">有</span>
</template>
</el-table-column>
<el-table-column
:resizable="false"
label="招标人"
width="200">
<template slot-scope="scope">
<ul class="bxpro_list_money">
<li>
<div v-if="!scope.row.tendereeId && scope.row.tenderee">{{scope.row.tenderee}}</div>
<div v-else>--</div>
</li>
</ul>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div v-else style="border-top:1px solid #efefef;padding-bottom:1px;width: 1200px;margin-left: -16px;" >
<div class="search_empty_wrap">
<ul>
<li class="search_empty_wrap_li search_empty_wrap_li1">没有找到相关数据，您可尝试：</li>
<li class="search_empty_wrap_li"><i class="disc"></i>输入更准确的关键词，重新搜索</li>
<li class="search_empty_wrap_li"><i class="disc"></i>尝试减少输入的关键词，增加搜索范围</li>
<li class="search_empty_wrap_li"><i class="disc"></i>更换筛选条件，重新搜索</li>
<li class="search_empty_wrap_li"><i class="disc"></i>联系客服进行反馈<span>023-62798729</span>（工作日09:00-18:00）或<span><nuxt-link title="意见反馈" :to="`/feedback/`" target="_blank">意见反馈</nuxt-link></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import jsk_data from '../../../../../public/jsk.json';
export default {
name: "bxprozbgg",
components: {
},
data(){
return{
allDownloadList:[],
province:[
{
"id": "500000",
"regionName": "重庆",
"regionLevel": "1",
"parentId": "100000"
},
{
"id": "510000",
"regionName": "四川省",
"regionLevel": "1",
"parentId": "100000"
},
],
provinceValue:'',
provinceName:'',
showReport:true,
activeIndex: 0,
openVip: {
open: false,
},
loginData: {
loginShow: false
},
checkType: [
{name: '含竞争对手', value: 'hasFile'},
{name: '含项目简析', value: 'projectCharacteristics'},
{name: '含成本分析', value: 'costAnalysis'},
{name: '含报价策略与市场分析', value: 'marketAnalysis'}
],
// checked: false,
navList: [
{
value: '招标公告',
url:'bxprozbgg',
new:true,
},
{
value: '中标候选人',
url:'bxprozbhxr',
new:true,
}
],
isHeight: true,
maxHeight: '42px',
keyword:'',
keywordNot:'',
//项目属地
isProvinceId:500000,//判断直辖市
provinceStatus:null,
bxproProvince:[
{
id:500000,
name: '重庆',
},
{
id:510000,
name: '四川',
}
],
projectTerritory:[],
projecTcounty:[],
projectTerritoryId:[],
projectTerritorylist:[],
projectTypeList: [
"施工",
"勘察设计",
"勘察",
"设计",
"监理",
"工程总承包",
"测绘",
"施工图审查",
"造价咨询",
"招标代理",
"规划编制",
"方案编制",
"检测",
"审计",
"项目管理",
"全过程工程咨询",
"ppp",
"其他"
],//工程类型
projectPurposesList: [
"居住建筑",
"办公建筑",
"商业建筑",
"文化建筑",
"体育建筑",
"教育建筑",
"科研建筑",
"卫生建筑",
"旅馆酒店建筑",
"旅游建筑",
"交通建筑",
"广播电影电视建筑",
"居民服务建筑",
"人防建筑",
"厂房",
"仓库",
"工业配套建筑",
"构筑物工程",
"建筑配套工程",
"自来水厂工程",
"净水厂工程",
"输水管网工程",
"污水处理站工程",
"污水处理厂工程",
"污水管网工程",
"市政道路工程",
"市政桥梁工程",
"市政隧道工程",
"动物生产建筑",
"植物栽培建筑",
"农产品存储建筑",
"农副产品加工建筑",
"农机具维修建筑",
"农村能源建筑",
"城市轨道交通工程",
"综合管廊工程",
"园林绿化工程",
"垃圾处理工程",
"保洁工程",
"公共厕所工程",
"楼宇照明工程",
"道路照明工程",
"景观照明工程",
"燃气工程",
"热力工程",
"其它市政附属设施工程",
"交通安全设施工程",
"土石方工程",
"地灾治理工程",
"文物保护工程",
"公路工程",
"公路桥梁工程",
"公路隧道工程",
"水利枢纽工程",
"水环境治理工程",
"农田灌溉工程",
"城镇供水工程",
"水力发电工程",
"供配电工程",
"输变电工程",
"发电工程",
"机电工程",
"铁路工程",
"港口工程",
"航道工程",
"通信工程",
"民航工程",
"石油化工工程",
"矿山工程",
"冶金工程",
"其他"
],//工程类别
projectLevelList:[
"省级",
"市级",
"区县级"
],//项目级别
addressList: [],
addressType: [],
props: {
multiple: true,
expandTrigger: "hover",
value: "id",
},
bidAssessmentWayList:[
"综合评估法",
"性价比法",
"简易评标法",
"最低投标价法",
"最低评标价法",
"组合低价评标法",
"固定低价评标法",
"设备运行年限评标法",
"分步评审法",
"技术评分最低标价法",
"二合一评标法",
"评定分离法",
"合理低价法",
"固定价随机抽取中标人法",
"定性评审法"
],//评标办法
projectEnsureAmountPayTypeList:[
"电汇",
"银行保函",
"电子保函",
"商业保函",
"现金",
"电子保险",
"银行汇票",
"银行转账"
],//保证金缴纳
//发布日期
punishDateValue: "",
punishDateOptions: [
{
label: "不限",
value: "",
},
{
label: "近一天",
value: "近一天",
},
{
label: "近三天",
value: "近三天",
},
{
label: "近五天",
value: "近五天",
},
{
label: "近七天",
value: "近七天",
},
{
label: "近十天",
value: "近十天",
},
{
label: "近半月",
value: "近半月",
},
{
label: "近一月",
value: "近一月",
},
{
label: "近三月",
value: "近三月",
},
// {
// label: "近半年",
// value: "近半年",
// },
// {
// label: "近1年",
// value: "近1年",
// },
],
punishDateShowPopper: false,
punishDate: "",
//开标截止日期
bidOpeningDeadlineValue: "",
bidOpeningDeadlineOptions: [
{
label: "不限",
value: "",
},
{
label: "近一天",
value: "近一天",
},
{
label: "近三天",
value: "近三天",
},
{
label: "近五天",
value: "近五天",
},
{
label: "近七天",
value: "近七天",
},
{
label: "近十天",
value: "近十天",
},
{
label: "近半月",
value: "近半月",
},
{
label: "近一月",
value: "近一月",
},
{
label: "近三月",
value: "近三月",
},
],
bidOpeningDeadlineShowPopper: false,
bidOpeningDeadline: "",
conditionsArr: [],
fieldshow: false,
fieldText: '默认排序',
field: '', //查询结果排序方式
desc: '', //查询结果排序方式
fieldOptions: [
{
key: "",
value: "默认排序",
status: true,
desc: '',
},
{
key: "pubdate",
value: "发布时间从晚到早",
status: false,
desc: 'desc',
},
{
key: "endTimeDate",
value: "开标截至时间从晚到早",
status: false,
desc: 'desc',
},
{
key: "endTimeDate",
value: "开标截至时间从早到晚",
status: false,
desc: 'asc',
},
],
selectedHeight: 64,
selectedHeights: false,
pageFlag: true,
showList:false,
total: 0,
limit:20,
currentPage:1,
jskBidNewsDto:{
province: [],
city: [],
county: [],
projectType: [],
projectPurposes: [],
bidAssessmentWay: [],
projectEnsureAmountPayType: [],
projectLevel: [],
},
tableData: [],
id:"",
companyName1:"",
type:"",
permissions:{
"search": [
{
"label": "工程类别",
"url": "",
"children": [],
"field": "",
"permission": true,
"isShowIcon": false,
"trigger": ""
},
{
"label": "工程类型",
"url": "",
"children": [],
"field": "",
"permission": true,
"isShowIcon": false,
"trigger": ""
},
{
"label": "评标办法",
"url": "",
"children": [],
"field": "",
"permission": true,
"isShowIcon": false,
"trigger": ""
},
{
"label": "保证金缴纳",
"url": "",
"children": [],
"field": "",
"permission": true,
"isShowIcon": false,
"trigger": ""
},
{
"label": "项目投资额",
"url": "",
"children": [],
"field": "",
"permission": true,
"isShowIcon": false,
"trigger": ""
},
{
"label": "合同估算价",
"url": "",
"children": [],
"field": "",
"permission": true,
"isShowIcon": false,
"trigger": ""
},
{
"label": "建安费暂估",
"url": "",
"children": [],
"field": "",
"permission": true,
"isShowIcon": false,
"trigger": ""
},
{
"label": "堪察费暂估",
"url": "",
"children": [],
"field": "",
"permission": true,
"isShowIcon": false,
"trigger": ""
},
{
"label": "设计费暂估",
"url": "",
"children": [],
"field": "",
"permission": true,
"isShowIcon": false,
"trigger": ""
},
{
"label": "投标保证金",
"url": "",
"children": [],
"field": "",
"permission": true,
"isShowIcon": false,
"trigger": ""
},
{
"label": "招标人",
"url": "",
"children": [],
"field": "",
"permission": true,
"isShowIcon": false,
"trigger": ""
},
{
"label": "代理机构",
"url": "",
"children": [],
"field": "",
"permission": true,
"isShowIcon": false,
"trigger": ""
}
],
"page": {
"url": "",
"maxPage": 500,
"trigger": "LIMIT",
"isShowIcon": false,
"backgroundColor": ""
},
"sort": [
{
"label": "默认排序",
"permission": true,
"isShowIcon": false,
"field": "",
"url": "",
"trigger": ""
},
{
"label": "发布时间从晚到早",
"permission": true,
"isShowIcon": false,
"field": "desc",
"url": "",
"trigger": ""
},
{
"label": "开标截至时间从晚到早",
"permission": true,
"isShowIcon": false,
"field": "asc",
"url": "",
"trigger": ""
},
{
"label": "开标截至时间从早到晚",
"permission": true,
"isShowIcon": false,
"field": "asc",
"url": "",
"trigger": ""
}
],
"export": {
"label": "导出数据",
"url":"",
"trigger":"",
"permission": true,
"isShowIcon": true
},
"response": [
{
"label": "项目名称",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
},
{
"label": "合同估算价",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
},
{
"label": "项目投资额",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
},
{
"label": "设计费暂估",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
},
{
"label": "建安费暂估",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
},
{
"label": "勘察费暂估",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
},
{
"label": "保证金",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
},
{
"label": "招标人",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
},
{
"label": "代理机构",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
},
{
"label": "资质要求",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
},
{
"label": "业绩要求",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
},
{
"label": "人员要求",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
},
{
"label": "一键获取",
"url":"",
"keys":[],
"trigger":"",
"permission": true,
"isShowIcon": false,
"children": []
}
]
}
}
},
computed: {
checkjskBidNewsDto() {
let arr = [];
let flag = false;
let data = {};
let keyid, value, title;
if (this.projectTerritorylist.length > 0) {
data = {
title: "项目属地:",
value: this.projectTerritorylist.join(","),
}
arr.push(data)
flag = true;
}
if (this.keyword) {
data = {
title: "项目名称包含:",
value: this.keyword,
}
arr.push(data)
flag = true;
}
if (this.keywordNot) {
data = {
title: "项目名称排除:",
value: this.keywordNot,
}
arr.push(data)
flag = true;
}
if(this.punishDateValue=="自定义"){
data = {
title: "发布日期:",
value: this.jskBidNewsDto.startPubdate +"~" +this.jskBidNewsDto.endPubdate,
}
arr.push(data)
}
if(this.punishDateValue&&this.punishDateValue!="自定义"){
data = {
title: "发布日期:",
value: this.punishDateValue,
}
arr.push(data)
}
if(this.bidOpeningDeadlineValue=="自定义"){
data = {
title: "开标截止日期:",
value: this.jskBidNewsDto.startEndTimeDate +"~" +this.jskBidNewsDto.endEndTimeDate,
}
arr.push(data)
}
if(this.bidOpeningDeadlineValue&&this.bidOpeningDeadlineValue!="自定义"){
data = {
title: "开标截止日期:",
value: this.bidOpeningDeadlineValue,
}
arr.push(data)
}
for (var i in this.jskBidNewsDto) {
if (this.jskBidNewsDto[i]) {
keyid = i;
value = this.jskBidNewsDto[i];
if (
Object.prototype.toString.call(this.jskBidNewsDto[i]) ===
"[object Array]"
) {
if (this.jskBidNewsDto[i].length > 0) {
flag = true;
switch (i) {
case 'projectType':
title = "工程类型:";
break;
case 'projectPurposes':
title = "工程类别:";
break;
case 'projectLevel':
title = "项目级别:";
break;
case 'bidAssessmentWay':
title = "评标办法:";
break;
case 'projectEnsureAmountPayType':
title = "保证金缴纳:";
break;
default:
title = "";
break;
}
} else {
title = ""
}
} else {
title = ""
flag = true;
}
if (title) {
data = {
keyid: keyid,
value: value,
title: title,
key: value
}
arr.push(data)
}
}
}
this.conditionsArr = arr
return flag;
},
},
created() {
// this.dropDownType();
// this.clickProvince(0,1);
},
mounted() {
},
methods:{
refresh() {
this.$router.go(0)
},
//省份切换
clickProvince(index,type=0){
if(this.provinceStatus != index || type == 1 ){
this.provinceStatus = index
let projectTerritory = []
var id = this.bxproProvince[index].id
var province = jsk_data.find(function(item) {
return item.id === id && item.regionLevel === 1;
});
// 市区
var city = jsk_data.filter(function(item) {
return item.parentId === province.id && item.regionLevel === 2;
});
var district = []
if(this.bxproProvince[this.provinceStatus].id == this.isProvinceId){
// 区县
district = jsk_data.filter(function(item) {
return city.some(function(c) {
return c.id === item.parentId;
}) && item.regionLevel === 3;
});
}
projectTerritory = [...city, ...district]
this.projectTerritory = projectTerritory
this.deleteProjectTerritorylist()
this.changeDown(false)
}
},
//下拉
dropDownType(){
this.$axios.get('https://files.jiansheku.com/file/json/common/searchDic.json').then(res => {
if (res && res.status == 200) {
this.projectTypeList = res.data.bidAchievementType;
this.projectPurposesList = res.data.bidProjectType;
this.projectLevelList = res.data.bidProjectLevel;
this.bidAssessmentWayList = res.data.bidAssessmentWay;
this.projectEnsureAmountPayTypeList = res.data.bidAmountPayType;
}
}).catch(error=>{
});
},
// 关键词推荐
cliclikeywoder() {
this.$refs.keyword.show();
},
keywordClick(val) {
this.keyword = val
},
//项目属地
changeProjectTerritory(item){
let name = item.regionName,id = item.id
if(name && id){
let isId = true
for(var i=0;i<this.projectTerritoryId.length;i++){
if(this.projectTerritoryId[i].id == id){
this.projectTerritoryId.splice(i,1)
this.projectTerritorylist.splice(i,1)
isId = false
}
}
if(isId){
this.projectTerritorylist.push(name)
this.projectTerritoryId.push({regionLevel:item.regionLevel,id:id})
}
}else{
this.deleteProjectTerritorylist()
}
},
deleteProjectTerritorylist(){
this.projectTerritorylist = []
this.projectTerritoryId = []
this.projecTcounty = []
},
changeClass(id){
for(var i=0;i<this.projectTerritoryId.length;i++){
if(this.projectTerritoryId[i].id == id){
return true
}
}
},
//金额
changeMoney(text,Min,Max) {
if (
this.jskBidNewsDto[Min] &&
this.jskBidNewsDto[Max] &&
Number(this.jskBidNewsDto[Min]) >
Number(this.jskBidNewsDto[Max])
) {
this.$message.warning("最低金额不能大于最高金额！");
text == "start" ?
(this.jskBidNewsDto[Min] = "") :
(this.jskBidNewsDto[Max] = "");
}
},
//排序
handsequencingList(index) {
this.fieldshow = false;
this.field = this.fieldOptions[index].key;
this.desc = this.fieldOptions[index].desc;
for (let i = 0; i < this.fieldOptions.length; i++) {
this.fieldOptions[i].status = false;
}
this.fieldText = this.fieldOptions[index].value;
this.fieldOptions[index].status = true;
this.bxproggSearch();
},
//项目级别
addressListfn() {
var str = [];
for (let x = 0; x < 3; x++) {
for (let i = 0; i < jsk_data.length; i++) {
if (jsk_data[i].regionLevel == x + 1 && x + 1 == 1) {
str.push({
id: jsk_data[i].id,
label: jsk_data[i].regionName,
short: jsk_data[i].short,
value: jsk_data[i].parentId,
children:jsk_data[i].id==900000?undefined:[],
});
} else if (jsk_data[i].regionLevel == x + 1 && x + 1 == 2&&str) {
for (let j = 0; j < str.length; j++) {
if (str[j].id == jsk_data[i].parentId) {
str[j].children.push({
id: jsk_data[i].id,
label: jsk_data[i].regionName,
short: jsk_data[i].short,
value: jsk_data[i].parentId,
children: [],
});
}
}
} else if (jsk_data[i].regionLevel == x + 1 && x + 1 == 3) {
for (let j = 0; j < str.length; j++) {
if(str[j].children){
for (let k = 0; k < str[j].children.length; k++) {
if (str[j].children[k].id == jsk_data[i].parentId) {
str[j].children[k].children.push({
id: jsk_data[i].id,
label: jsk_data[i].regionName,
short: jsk_data[i].short,
value: jsk_data[i].parentId,
});
}
}
}
}
}
}
}
this.addressList = str;
},
deleteDomicile() {
this.$refs.address.handleClear();
},
domicileChange() {
let arr = this.$refs.address.getCheckedNodes();
let province = [],
city = [],
county = [];
this.domicile = [];
for (var i in arr) {
if (arr[i].parent) {
if (!arr[i].parent.checked) {
arr[i].hasChildren && city.push(arr[i].value);
arr[i].hasChildren && this.domicile.push(arr[i].label);
!arr[i].hasChildren && county.push(arr[i].value);
!arr[i].hasChildren && this.domicile.push(arr[i].label);
}
} else {
province.push(arr[i].value);
this.domicile.push(arr[i].label);
}
}
var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
obj.province = province;
obj.city = city;
obj.county = county;
this.jskBidNewsDto = obj;
},
//发布日期
punishDatehandleCommand(command) {
var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
if (command && command != "自定义") {
this.punishDateValue = command;
this.$refs.punishDateShowPopper.hide();
const datetime = new Date();
var startTime, endTime, Year, Month, Day;
Year = datetime.getFullYear();
Month = datetime.getMonth() + 1;
Day = datetime.getDate();
switch (command) {
case "近一天":
startTime = Year + "-" + Month + "-" + Day;
endTime = Year + "-" + Month + "-" + Day;
break;
case "近三天":
var newTime = datetime.getTime() - 3 * 24 * 60 * 60 * 1000;
startTime =
new Date(newTime).getFullYear() +
"-" +
(new Date(newTime).getMonth() + 1) +
"-" +
new Date(newTime).getDate();
endTime = Year + "-" + Month + "-" + Day;
break;
case "近五天":
var newTime = datetime.getTime() - 5 * 24 * 60 * 60 * 1000;
startTime =
new Date(newTime).getFullYear() +
"-" +
(new Date(newTime).getMonth() + 1) +
"-" +
new Date(newTime).getDate();
endTime = Year + "-" + Month + "-" + Day;
break;
case "近七天":
var newTime = datetime.getTime() - 7 * 24 * 60 * 60 * 1000;
startTime =
new Date(newTime).getFullYear() +
"-" +
(new Date(newTime).getMonth() + 1) +
"-" +
new Date(newTime).getDate();
endTime = Year + "-" + Month + "-" + Day;
break;
case "近十天":
var newTime = datetime.getTime() - 10 * 24 * 60 * 60 * 1000;
startTime =
new Date(newTime).getFullYear() +
"-" +
(new Date(newTime).getMonth() + 1) +
"-" +
new Date(newTime).getDate();
endTime = Year + "-" + Month + "-" + Day;
break;
case "近半月":
var newTime = datetime.getTime() - 15 * 24 * 60 * 60 * 1000;
startTime =
new Date(newTime).getFullYear() +
"-" +
(new Date(newTime).getMonth() + 1) +
"-" +
new Date(newTime).getDate();
endTime = Year + "-" + Month + "-" + Day;
break;
case "近一月":
if (Month > 1) {
startTime = Year + "-" + (Month - 1) + "-"+ Day;
} else {
startTime = Year - 1 + "-" + (12 + Month - 1) + "-"+ Day;
}
endTime = Year + "-" + Month + "-" + Day;
break;
case "近三月":
if (Month > 3) {
startTime = (Year) + '-' + (Month - 3) + '-' + Day;
} else {
startTime = (Year - 1) + '-' + (12 + Month - 3) + '-' + Day;
}
endTime = Year + "-" + Month + "-" + Day;
break;
case "近半年":
if (Month > 6) {
startTime = Year + "-" + (Month - 6) + "-"+ Day;
} else {
startTime = Year - 1 + "-" + (12 + Month - 6) + "-"+ Day;
}
endTime = Year + "-" + Month + "-" + Day;
break;
case "近1年":
startTime = Year - 1 + "-" + Month + "-" + Day;
endTime = Year + "-" + Month + "-" + Day;
break;
case "近3年":
startTime = Year - 3 + "-" + Month + "-" + Day;
endTime = Year + "-" + Month + "-" + Day;
break;
case "自定义":
if (!this.punishDate) {
this.punishDateValue = "";
}
break;
}
if(startTime){
var start=startTime.split('-');
startTime=start.map((item)=>{
if(item.length==1){
return '0'+item
}else{
return item
}
})
startTime=startTime.join('-')
}
if(endTime){
var end=endTime.split('-');
endTime=end.map((item)=>{
if(item.length==1){
return '0'+item
}else{
return item
}
})
endTime=endTime.join('-')
}
obj.startPubdate = startTime;
obj.endPubdate = endTime;
} else if (command == "自定义") {
this.$refs.datePicker.pickerVisible = true;
} else {
this.$refs.punishDateShowPopper.hide();
this.punishDateValue = "";
this.punishDate = "";
obj.startPubdate = "";
obj.endPubdate = "";
}
this.jskBidNewsDto = obj;
},
clearContractSignTime() {
this.punishDate = "";
this.punishDateValue = "";
var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
obj.startPubdate = "";
obj.endPubdate = "";
this.jskBidNewsDto = obj;
},
hidePoper() {
if (this.$refs.datePicker) {
this.$refs.datePicker.pickerVisible = false;
}
},
mouseenter() {
this.punishDateShowPopper = true;
if(this.punishDateValue=='自定义'){
this.$nextTick(() => {
//this.$refs.datePicker.focus()
this.$refs.datePicker.pickerVisible = true;
});
}
},
changepunishDate() {
if (this.punishDate) {
this.punishDateValue = "自定义";
var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
obj.startPubdate = this.punishDate[0];
obj.endPubdate = this.punishDate[1];
this.jskBidNewsDto = obj;
}
},
//开标截止日期
punishDatehandleCommand1(command) {
var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
if (command && command != "自定义") {
this.bidOpeningDeadlineValue = command;
this.$refs.bidOpeningDeadlineShowPopper.hide();
const datetime = new Date();
var startTime, endTime, Year, Month, Day;
Year = datetime.getFullYear();
Month = datetime.getMonth() + 1;
Day = datetime.getDate();
switch (command) {
case "近一天":
startTime = Year + "-" + Month + "-" + Day;
endTime = Year + "-" + Month + "-" + Day;
break;
case "近三天":
var newTime = datetime.getTime() - 3 * 24 * 60 * 60 * 1000;
startTime =
new Date(newTime).getFullYear() +
"-" +
(new Date(newTime).getMonth() + 1) +
"-" +
new Date(newTime).getDate();
endTime = Year + "-" + Month + "-" + Day;
break;
case "近五天":
var newTime = datetime.getTime() - 5 * 24 * 60 * 60 * 1000;
startTime =
new Date(newTime).getFullYear() +
"-" +
(new Date(newTime).getMonth() + 1) +
"-" +
new Date(newTime).getDate();
endTime = Year + "-" + Month + "-" + Day;
break;
case "近七天":
var newTime = datetime.getTime() - 7 * 24 * 60 * 60 * 1000;
startTime =
new Date(newTime).getFullYear() +
"-" +
(new Date(newTime).getMonth() + 1) +
"-" +
new Date(newTime).getDate();
endTime = Year + "-" + Month + "-" + Day;
break;
case "近十天":
var newTime = datetime.getTime() - 10 * 24 * 60 * 60 * 1000;
startTime =
new Date(newTime).getFullYear() +
"-" +
(new Date(newTime).getMonth() + 1) +
"-" +
new Date(newTime).getDate();
endTime = Year + "-" + Month + "-" + Day;
break;
case "近半月":
var newTime = datetime.getTime() - 15 * 24 * 60 * 60 * 1000;
startTime =
new Date(newTime).getFullYear() +
"-" +
(new Date(newTime).getMonth() + 1) +
"-" +
new Date(newTime).getDate();
endTime = Year + "-" + Month + "-" + Day;
break;
case "近一月":
if (Month > 1) {
startTime = Year + "-" + (Month - 1) + "-" + Day;
} else {
startTime = Year - 1 + "-" + (12 + Month - 1) + "-" + Day;
}
endTime = Year + "-" + Month + "-" + Day;
break;
case "近三月":
if (Month > 3) {
startTime = Year + "-" + (Month - 3) + "-" + Day;
} else {
startTime = Year - 1 + "-" + (12 + Month - 3) + "-" + Day;
}
endTime = Year + "-" + Month + "-" + Day;
break;
case "近半年":
if (Month > 6) {
startTime = Year + "-" + (Month - 6) + "-" + Day;
} else {
startTime = Year - 1 + "-" + (12 + Month - 6) + "-" + Day;
}
endTime = Year + "-" + Month + "-" + Day;
break;
case "近1年":
startTime = Year - 1 + "-" + Month + "-" + Day;
endTime = Year + "-" + Month + "-" + Day;
break;
case "近3年":
startTime = Year - 3 + "-" + Month + "-" + Day;
endTime = Year + "-" + Month + "-" + Day;
break;
case "自定义":
if (!this.bidOpeningDeadline) {
this.bidOpeningDeadlineValue = "";
}
break;
}
if(startTime){
var start=startTime.split('-');
startTime=start.map((item)=>{
if(item.length==1){
return '0'+item
}else{
return item
}
})
startTime=startTime.join('-')
}
if(endTime){
var end=endTime.split('-');
endTime=end.map((item)=>{
if(item.length==1){
return '0'+item
}else{
return item
}
})
endTime=endTime.join('-')
}
obj.startEndTimeDate = startTime;
obj.endEndTimeDate = endTime;
} else if (command == "自定义") {
this.$refs.datePicker1.pickerVisible = true;
} else {
this.$refs.bidOpeningDeadlineShowPopper.hide();
this.bidOpeningDeadlineValue = "";
this.bidOpeningDeadline = "";
obj.startEndTimeDate = "";
obj.endEndTimeDate = "";
}
this.jskBidNewsDto = obj;
},
clearContractSignTime1() {
this.bidOpeningDeadline = "";
this.bidOpeningDeadlineValue = "";
var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
obj.startEndTimeDate = "";
obj.endEndTimeDate = "";
this.jskBidNewsDto = obj;
},
hidePoper1() {
if (this.$refs.datePicker1) {
this.$refs.datePicker1.pickerVisible = false;
}
},
mouseenter1() {
this.bidOpeningDeadlineShowPopper = true;
if(this.bidOpeningDeadlineValue=='自定义'){
this.$nextTick(() => {
this.$refs.datePicker1.pickerVisible = true;
});
}
},
changepunishDate1() {
if (this.bidOpeningDeadline) {
this.bidOpeningDeadlineValue = "自定义";
var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
obj.startEndTimeDate = this.bidOpeningDeadline[0];
obj.endEndTimeDate = this.bidOpeningDeadline[1];
this.jskBidNewsDto = obj;
}
},
selectedHeightfn() {
if (this.selectedHeight == 64) {
this.selectedHeight = 'auto'
} else {
this.selectedHeight = 64;
}
},
selectedHeightfns() {
this.selectedHeights = this.selectedHeights ? false : true
},
handleCurrentChange(e){
this.page = e;
this.jump1();
this.bxproggSearch(e, this.limit);
},
handleSizeChange(e){
this.limit = e;
this.jump1();
this.bxproggSearch(this.page, e);
},
jump1() {
// 用 class="d_jump" 添加锚点
var jump = document.querySelector('.el-table__body-wrapper')
let total = jump.offsetTop - 98
let distance = jump.scrollTop
// 平滑滚动，时长500ms，每10ms一跳，共50跳
let step = total / 50
if (total > distance) {
smoothDown()
} else {
let newTotal = distance - total
step = newTotal / 50
smoothUp()
}
function smoothDown() {
if (distance < total) {
distance += step
jump.scrollTop = distance
// jump.scrollTop = distance
setTimeout(smoothDown, 10)
} else {
jump.scrollTop = total
// jump.scrollTop = total
}
}
function smoothUp() {
if (distance > total) {
distance -= step
jump.scrollTop = distance
// document.documentElement.scrollTop = distance
setTimeout(smoothUp, 10)
} else {
jump.scrollTop = total
// document.documentElement.scrollTop = total
}
}
},
reloadPage() {
this.pageFlag = false;
this.$nextTick(() => {
this.pageFlag = true;
});
},
lowerRateClick() {
this.bxproggSearch();
},
bxproggSearch(page, limit,exportFlag){
// return false;
if (!page) {
this.page = 1;
}
if (!limit) {
this.limit = 20;
}
if (!page && !limit) {
this.reloadPage();
}
var data = JSON.parse(JSON.stringify(this.jskBidNewsDto));
if(this.projectTerritoryId.length >0){
for (var i=0;i<this.projectTerritoryId.length;i++){
if(this.projectTerritoryId[i].regionLevel == 2){
data.city.push(this.projectTerritoryId[i].id)
}
if(this.projectTerritoryId[i].regionLevel == 3){
data.county.push(this.projectTerritoryId[i].id)
}
}
}
data.province = '';
if(data.county.length > 0){
data.city = '';
}else{
data.city = data.city.join(",");
}
data.county = data.county.join(",");
if (!data.city && !data.county){
if(this.provinceStatus != null) {
data.province = this.bxproProvince[this.provinceStatus].id;
}
}
data.projectType = data.projectType.join(",");
data.projectPurposes = data.projectPurposes.join(",");
data.bidAssessmentWay = data.bidAssessmentWay.join(",");
data.projectEnsureAmountPayType = data.projectEnsureAmountPayType.join(",");
data.projectLevel = data.projectLevel.join(",");
// data.hasFile = this.checked ? 'yes' : 'false';
if(this.checkList.length > 0){
for(var i in this.checkList){
data[this.checkList[i]] = 1
}
}
let params = {
page: {
page: this.page,
limit: this.limit,
field: this.field,
order: this.desc,
},
jskBidNewsDto: data,
};
params.keyword = this.keyword;
params.keywordNot = this.keywordNot;
this.currentPage = params.page.page;
NProgress.start();
this.$axios.post(TENDER_PRO_URL.jskBidPro, params, {
headers: {
"Content-Type": "application/json",
},
})
.then((res) => {
NProgress.done();
if (res.data.code == 200) {
this.tableData = res.data.data.list;
this.total = res.data.data.total;
}
});
},
reset1(){
Object.assign(this.$data, this.$options.data.call(this)); //重置data
// this.clickProvince(0,1);
this.bxproggSearch();
},
changeDown(isHeight){
if(isHeight){
this.isHeight = false
this.maxHeight = 'auto'
}else{
this.isHeight = true
this.maxHeight = '42px'
}
},
provinceChange(e){
let obj=''
obj= this.province.find(function(i){
return i.id ===e
});
this.provinceName=obj.regionName;
//招中标文件按省份下载
this.$axios.post(IndexURL.allDownload, {provinceId:this.provinceValue}, {
headers: {
"Content-Type": "application/json",
},
}).then((res) => {
if (res.data.code == 200) {
this.allDownloadList = res.data.data;
}
});
},
//登录弹窗隐藏
cancelLogin(val) {
this.loginData.loginShow = false;
},
exportData(row,name) {
let params={
fromUrl:document.referrer,
visitUrl:window.location.href,
event:'下载',
content:this.provinceName+'-'+name+'招中标数据',
platform:'jsk'
}
this.$behaviorRecord(this,params)
if (row) {
if (row && row.indexOf('http://') > -1) {
row = row.replace('http://', 'https://')
}
window.open(row, '_blank')
}
},
}
}
</script>
<style lang="scss" scoped>
.content{
padding: 0px 16px;
border-radius: 4px 4px 4px 4px;
background: #FFFFFF;
.content_item{
padding-top: 12px;
display: flex;
align-items: center;
.label{
width: 84px;
font-size: 14px;
font-weight: 400;
color: rgba(35,35,35,0.8);
}
.content_right{
.bxpro_region{
width: 1220px;
border: 1px solid #EFEFEF;
.bxpro_province{
height: 32px;
line-height: 32px;
background: #F8F8F8;
color: #666666;
//padding: 0 28px;
span{
display: inline-block;
width: 96px;
text-align: center;
cursor:pointer;
}
.bxpro_province_selected{
color:#333333;
background: #FFFFFF;
}
}
.bxpro_city{
padding: 16px 16px 0;
.bxpro_city_fex{
display: inline-flex;
.bxpro_city_fex_nr{
width: 1138px;
overflow: hidden;
}
.bxpro_city_fex_click{
cursor:pointer;
color: #0081ff;
}
}
span{
display: inline-block;
margin:0 16px 16px 0;
color: #333333;
padding: 5px 12px;
background: #F6F7FC;
border-radius: 2px 2px 2px 2px;
line-height: 16px;
cursor:pointer;
position: relative;
}
img{
display: none;
position: absolute;
bottom: 0;
right: 0;
}
.color_text{
background: #EAF4FF;
color: #0081FF;
img{
display:block;
}
}
}
}
.ename_input{
width: 640px;
margin-right: 20px;
}
.land_ipt_470 {
width: 640px;
}
.land_content_wrap-flex{
display: flex;
line-height: 34px;
margin-right: 33px;
}
.land_content_wrap-flex:last-child{
margin-right: 0;
}
.land_content_wrap_label{
font-size: 14px;
font-weight: 400;
color: rgba(35,35,35,0.8);
margin-right:8px;
}
.other_ipt {
width: 104px;
height: 34px;
::v-deep .el-input__inner {
width: 104px;
padding: 0 8px;
}
}
.other_ipt1 {
width: 153px;
position:relative;
top:2px;
::v-deep .el-input-group__append {
span{
color: #333333;
}
width: 49px;
padding: 0 8px;
}
}
.other_label_span{
margin:0 8px;
font-size: 14px;
font-weight: 400;
color: #232323;
}
}
.content_right1{
display: flex;
}
.item_ckquery_list {
display: flex;
}
.item_ckquery_list .el-input__icon {
position: relative;
top: 1px;
}
.ckquery_list_right {
width: 640px;
}
.register_count_ipt{
margin-left: 0px;
}
.register_count_ipt .el-input__inner{
width: 174px;
}
::v-deep .el-input-group__prepend{
padding: 0 8px;
}
.content-projecttype{
display: flex;
align-items: center;
justify-content: center;
.projecttype{
font-weight: 400;
color: #232323;
padding: 1px 5px;
margin-right: 4px;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
font-size: 14px;
}
.projecttype:first-child{
padding-left: 0px;
}
.projecttype:hover{
background: #F3F4F5;
padding: 1px 5px;
}
.activetype{
background: #F3F4F5;
padding: 1px 5px !important;
}
}
}
.content_item_padding0{
padding: 0;
}
}
.bottomlist{
width: 100%;
background-color: #FFFFFF;
border-radius: 4px 4px 4px 4px;
.bottomlist-title{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 12px;
padding: 16px ;
border-bottom: 1px solid #EFEFEF;
.title-right{
display: flex;
align-items: center;
p:first-child{
font-size: 12px;
font-weight: 400;
color: #3D3D3D;
margin-right: 10px;
}
p:last-child{
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
color: rgba(35,35,35,0.8);
}
img{
width: 18px;
height: 18px;
}
}
}
.bottomlist-content{
padding-bottom: 0px;
}
.bottomlist-list{
padding: 16px;
font-size: 14px;
border-bottom: 1px solid #EFEFEF;
padding-bottom: 14px;
.list-titel{
font-size: 16px;
font-weight: 700;
color: #3D3D3D;
line-height: 19px;
.list-titel-a{
text-decoration: none;
color:#3D3D3D;
}
a:hover, a:visited, a:link, a:active{
color:#3D3D3D;
}
}
.content-label{
margin-top: 7px;
.list-label{
background: #F3F3FF;
color: #8491E8;
border-radius: 1px 1px 1px 1px;
padding: 3px 7px;
font-size: 12px;
}
}
.list-content{
margin-top: 3px;
display: flex;
justify-content: start;
align-items: center;
.list-content-text{
margin-top: 7px;
display: flex;
justify-content: start;
align-items: center;
margin-right: 27px;
font-size: 14px;
span:first-child{
font-weight: 400;
color: rgba(35,35,35,0.4);
line-height: 15px
}
span:last-child{
font-weight: 400;
color: rgba(35,35,35,0.8);
line-height: 15px
}
.blue{
color: #0081FF !important;
cursor: pointer;
}
}
}
.list-addree{
width: auto;
background: #F3F4F5;
display: inline-flex;
margin-top: 7px;
.list-content-text{
margin-top: 0px;
span{
line-height: 30px!important;
}
}
img{
width: 14px;
margin: 0 8px;
}
}
}
.bottomlist-list:hover{
background: #F6F9FC;
cursor: pointer;
}
.pagination{
padding: 14px ;
.el-pagination{
float: right;
}
}
}
</style>
<style lang="scss" scoped>
.report_wrap{
position: fixed;
bottom: 56px;
left: 24px;
.report_img{
width: 183px;
height: 249px;
}
.to_library{
width: 104px;
height: 32px;
display: block;
line-height: 32px;
text-align: center;
font-size: 14px;
margin: 16px auto;
color: #FFFFFF;
background: #0081FF;
border-radius: 5px 5px 5px 5px;
cursor: pointer;
&:hover{
background: #185ECA;
}
}
.close_img{
position: absolute;
right: -26px;
top: -12px;
width: 21px;
height: 20px;
cursor: pointer;
}
}
#tender_wrap {
//padding: 0 16px;
font-size: 14px;
.data_list_btn {
margin: 9px 16px 0 0;
height: 32px;
line-height: 32px;
border-radius: 2px 2px 2px 2px;
opacity: 1;
color: #333333;
box-sizing: border-box;
position: relative;
div {
text-align: center;
display: inline-block;
cursor: pointer;
//padding: 0 6px;
box-sizing: border-box;
}
::v-deep .el-checkbox__label{
padding-left:4px;
}
.data_list_btn_active {
height: 32px;
line-height: 32px;
}
}
.land_content_wrap{
margin-bottom: 16px;
}
.tender_content_wrap{
margin-top: 16px;
}
.content_li {
padding: 16px 0;
display: flex;
align-items: center;
position: relative;
.content_item {
.include-keywords {
display: flex;
align-items: center;
position: relative;
.lefttltel {
display: inline-block;
background: #f5f5f5;
color: #333;
border: 1px solid #efefef;
border-right: none;
opacity: 1;
width: 44px;
height: 40px;
text-align: center;
line-height: 40px;
}
.el-input {
line-height: 40px;
border-radius: 0;
::v-deep .el-input__inner {
width: 100%;
height: 40px;
line-height: 40px;
border-radius: 0;
}
}
.commonly-input {
::v-deep .el-input__inner {
padding-right: 100px;
}
}
.commonly {
position: absolute;
top: 10px;
right: 16px;
font-size: 14px;
font-weight: 400;
color: #0081ff;
cursor: pointer;
}
}
}
}
.data_list_head {
height: 50px;
line-height: 50px;
color: #666666;
.data_list_count {
color: #ff2a00;
font-weight: bold;
}
}
}
.dropdown_item:hover{
background-color: #F4F6F9;
color: #0081FF;
}
#search-bxprozbgg {
.businessOpportunities_box{
position: relative;
.businessOpportunities_dow{
position: absolute;
top: 12px;
right: 15px;
.dow-dropdown-link{
display: block;
width: 138px;
height: 32px;
line-height: 32px;
background: #FFFFFF;
border-radius: 2px 2px 2px 2px;
border: 1px solid #0081FF;
text-align: center;
font-size: 14px;
color: #0081FF;
}
::v-deep .el-select{
width: 90px;
height: 32px;
line-height: 32px;
background: #FFFFFF;
border-radius: 2px 2px 2px 2px;
text-align: center;
margin: 0;
font-size: 14px;
color: #0081FF;
position: absolute;
left: -96px;
top: -1px;
.el-input{
width: 100%;
height: 32px;
line-height: 32px;
}
.el-input__inner{
width: 100%;
height: 32px;
line-height: 32px;
border: 1px solid #0081FF;
color: #0081FF;
}
.el-input__inner::-webkit-input-placeholder {
color: #0081FF !important;
}
.el-input__inner::-moz-placeholder {
color: #0081FF !important;
}
.el-select__caret{
color: #0081FF;
}
}
}
}
.land_content_wrap_label_tipspan{
display: inline-block;
line-height: 34px;
position: relative;
.tip_svg{
width: 16px;
height: 16px;
margin-left: 4px;
}
}
}
.tip_svg-popper-img{
position: absolute;
top: -7px;
right: 4px;
}
.activeTab {
font-weight: bold;
color: #333333;
border-bottom: 2px solid #0081FF;
}
.lowerRate_img{
position: absolute;
top: 7px;
right: -30px;
width: 36px;
height: 14px;
}
.bxpro_list{
::v-deep .el-table{
th{
line-height: 23px;
color: #999;
background: #f2f9fc;
.cell{
overflow: unset;
color: #999999;
font-weight: 400;
}
}
.cell{
font-size: 14px;
color: #333333;
}
}
.bxpro_list_title{
font-weight: 400;
color: #0081FF;
line-height: 18px;
//margin-bottom: 10px;
}
.bxpro_list_titles{
display: block;
max-height: 55px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.bxpro_list_fl{
overflow: hidden;
span{
float: left;
padding: 4px 8px;
font-size: 12px;
line-height: 12px;
color: #41A1FD;
background: #E4F3FD;
margin-right: 12px;
margin-top: 4px;
&:last-child{
margin-right: 0;
}
}
}
.bxpro_list_money{
li{
margin-bottom: 8px;
line-height: 18px;
display: flex;
&:last-child{
margin-bottom: 0;
}
}
}
.bxpro_list_yjhq{
display: block;
text-align: center;
width: 100%;
//height: 28px;
//line-height: 28px;
//border-radius: 2px 2px 2px 2px;
font-size: 14px;
margin: 0 auto;
cursor:pointer;
}
.bxpro_list_yjhq1{
&:hover{
color: #0081FF;
}
}
.bxpro_list_yjhq_ns{
color: #333333;
//border: 1px solid #0081FF;
}
.bxpro_list_yjhq_hs{
color: #999999;
//background: #C8C8C8;
}
.tip_svg{
margin-right: 6px;
position: relative;
top: -1px;
}
}
.bxprozbgg_yjlq{
.bxprozbgg_yjlq_h1{
font-weight: 400;
color: #3D3D3D;
line-height: 22px;
font-size:16px;
}
.bxprozbgg_yjlq_p{
p{
font-weight: 400;
color: #666666;
line-height: 22px;
}
}
}
.bxpro_list_ellipsis{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.pup_list .pup_list_svip_img {
position: absolute;
top: 0;
right: -10px;
width: 24px;
}
.el-popover .pup_list li div{
display: inline-block;
}
.content .content_wrap .content_item{
padding: 0 !important;
}
.bxprozbsh{
max-height: 70px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; // 控制多行的行数
-webkit-box-orient: vertical;
}
::v-deep .el-table__fixed-right{
height: 100% !important;
}
::v-deep .el-table__fixed{
height: 100% !important;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar{
height:10px;
width: 10px;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-track{
background-color:#FFFFFF;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb{
background-color:#E1E1E1;
}
</style>
dsk-operate-ui/src/views/radar/index.vue
View file @ adb0d27a
......@@ -19,6 +19,8 @@
<Land v-if="personnelHerf=='Land'" />
<!-- 拟建项目 -->
<Establishment v-if="personnelHerf=='Establishment'" />
<!-- 标讯pro -->
<bxprozbgg v-if="personnelHerf=='bxprozbgg'" />
</div>
......@@ -27,10 +29,11 @@
import debtProject from "./components/debtProject/index.vue";
import Land from "./components/Land/index.vue";
import Establishment from "./components/Establishment/index.vue";
import bxprozbgg from "./components/bxprozbgg/index.vue";
import "@/assets/styles/public.css";
export default {
name: 'radar',
components: { debtProject,Land,Establishment },
components: { debtProject,Land,Establishment,bxprozbgg },
data() {
return {
// tablist
......@@ -59,7 +62,7 @@
},
{
key: 'KeyPersonnel',
key: 'bxprozbgg',
status: false,
value: '标讯pro',
......
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