Commit 97809841 authored by danfuman's avatar danfuman

修改

parent b6a7c074
...@@ -121,7 +121,7 @@ aside { ...@@ -121,7 +121,7 @@ aside {
//main-container全局样式 //main-container全局样式
.app-container { .app-container {
padding: 16px; //padding: 16px;
//margin-top: 56px; //margin-top: 56px;
} }
...@@ -223,6 +223,7 @@ ul, li { ...@@ -223,6 +223,7 @@ ul, li {
.app-container { .app-container {
margin: 12px 24px; margin: 12px 24px;
background-color: #f5f5f5; background-color: #f5f5f5;
padding-bottom: 16px !important;
.el-input__inner{ .el-input__inner{
border-color: #D9D9D9; border-color: #D9D9D9;
color: #232323; color: #232323;
......
...@@ -88,7 +88,7 @@ export default { ...@@ -88,7 +88,7 @@ export default {
overflow: inherit; overflow: inherit;
/*position: relative;*/ /*position: relative;*/
background: #fff; background: #fff;
box-shadow: 0 1px 4px rgba(0,21,41,.08); /*box-shadow: 0 1px 4px rgba(0,21,41,.08);*/
position: fixed; position: fixed;
top:0; top:0;
z-index: 999; z-index: 999;
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
</div> </div>
<div class="app-container"> <div class="app-container">
<el-card class="box-card noborder"> <el-card class="box-card noborder">
<div class="tables"> <div class="tables ">
<div class="empty" v-if="tableData.total==0 && !isSkeleton"> <div class="empty" v-if="tableData.total==0 && !isSkeleton">
<img src="@/assets/images/project/empty.png"> <img src="@/assets/images/project/empty.png">
<div class="p1">抱歉,没找到相关数据</div> <div class="p1">抱歉,没找到相关数据</div>
...@@ -60,171 +60,173 @@ ...@@ -60,171 +60,173 @@
</div> </div>
</div> </div>
<skeleton v-if="isSkeleton"></skeleton> <skeleton v-if="isSkeleton"></skeleton>
<el-table v-show="!isSkeleton&&tableData.total > 0" class="fixed-table" max-height="640" ref="thistables" <div class="table-item">
:data="tableData.rows" <el-table v-show="!isSkeleton&&tableData.total > 0" class="fixed-table" v-horizontal-scroll="'always'" ref="thistables"
stripe border :data="tableData.rows"
style="width: 100%"> stripe border
<el-table-column style="width: 100%">
prop="index" <el-table-column
label="序号" prop="index"
fixed="left" label="序号"
width="47"> fixed="left"
<template slot-scope='scope'> width="60">
<span>{{ (searchParam.pageNum - 1) * searchParam.pageSize + scope.$index + 1 }}</span> <template slot-scope='scope'>
</template> <span>{{ (searchParam.pageNum - 1) * searchParam.pageSize + scope.$index + 1 }}</span>
</el-table-column> </template>
<el-table-column </el-table-column>
prop="date" <el-table-column
label="企业名称" prop="date"
fixed="left" label="企业名称"
width="316"> fixed="left"
<template slot-scope="scope"> width="316">
<div class="ps1"> <template slot-scope="scope">
<div class="wordprimary ps2" @click="toDetail(scope.row,'business')" v-html="scope.row.companyName"></div> <div class="ps1">
<div class="ps3"> <div class="wordprimary ps2" @click="toDetail(scope.row,'business')" v-html="scope.row.companyName"></div>
<el-tooltip class="item" effect="dark" content="写跟进" placement="top" transition="" :open-delay="450"> <div class="ps3">
<div @click="toDetail(scope.row,'gjjl')"><img class="i" src="@/assets/images/project/edit_1.png"><img class="o" src="@/assets/images/project/edit_11.png"></div> <el-tooltip class="item" effect="dark" content="写跟进" placement="top" transition="" :open-delay="450">
</el-tooltip> <div @click="toDetail(scope.row,'gjjl')"><img class="i" src="@/assets/images/project/edit_1.png"><img class="o" src="@/assets/images/project/edit_11.png"></div>
<el-tooltip class="item" effect="dark" content="编辑信息" placement="top" transition="" :open-delay="450"> </el-tooltip>
<div @click="toDetail(scope.row,'business')"><img class="i" src="@/assets/images/project/edit_2.png"><img class="o" src="@/assets/images/project/edit_22.png"></div> <el-tooltip class="item" effect="dark" content="编辑信息" placement="top" transition="" :open-delay="450">
</el-tooltip> <div @click="toDetail(scope.row,'business')"><img class="i" src="@/assets/images/project/edit_2.png"><img class="o" src="@/assets/images/project/edit_22.png"></div>
</div> </el-tooltip>
</div> </div>
</template> </div>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="cooperationProject" prop="cooperationProject"
label="合作项目" label="合作项目"
width="76"> width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.cooperationProject || '--'}} {{scope.row.cooperationProject || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="followProject" prop="followProject"
label="跟进项目" label="跟进项目"
width="76"> width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.followProject || '--'}} {{scope.row.followProject || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="reserveProject" prop="reserveProject"
label="储备项目" label="储备项目"
width="76"> width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.reserveProject || '--'}} {{scope.row.reserveProject || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="legalPerson" prop="legalPerson"
label="法定代表人" label="法定代表人"
width="110"> width="110">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.legalPerson || '--'}} {{scope.row.legalPerson || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="registerAddress" prop="registerAddress"
label="注册地区" label="注册地区"
width="160"> width="160">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.registerAddress || '--'}} {{scope.row.registerAddress || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="registerCapitalStr" prop="registerCapitalStr"
label="注册资本金(万元)" label="注册资本金(万元)"
width="140"> width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.registerCapital && scope.row.registerCapital>0">{{scope.row.registerCapital}}</span><span v-else>--</span> <span v-if="scope.row.registerCapital && scope.row.registerCapital>0">{{scope.row.registerCapital}}</span><span v-else>--</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="creditLevel" prop="creditLevel"
label="企业主体评级" width="100"> label="企业主体评级" width="120">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.creditLevel || '--'}} {{scope.row.creditLevel || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="isOn" prop="isOn"
label="上市公司" width="76"> label="上市公司" width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.isOn == 1?"是":"否"}} {{scope.row.isOn == 1?"是":"否"}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="isMajor" prop="isMajor"
label="局级大客户" width="88"> label="局级大客户" width="90">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.isMajor != null"> <span v-if="scope.row.isMajor != null">
{{scope.row.isMajor == 1?"是":"否"}} {{scope.row.isMajor == 1?"是":"否"}}
</span> </span>
<span v-else>--</span> <span v-else>--</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="customerLevel" prop="customerLevel"
label="客户等级" width="76"> label="客户等级" width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.customerLevel || '--'}} {{scope.row.customerLevel || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="companyNature" prop="companyNature"
label="客户性质" width="76"> label="客户性质" width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.companyNature || '--'}} {{scope.row.companyNature || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="companyLevel" prop="companyLevel"
label="客户级别" width="76"> label="客户级别" width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.companyLevel || '--'}} {{scope.row.companyLevel || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="address" prop="address"
label="企业母公司" width="268"> label="企业母公司" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="">{{scope.row.superCompany || '--'}}</div> <div class="">{{scope.row.superCompany || '--'}}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :key="keys" <el-table-column :key="keys"
prop="mainBusiness" prop="mainBusiness"
label="主营业务" width="400"> label="主营业务" width="300">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.mainBusiness == null || scope.row.mainBusiness == ''">--</div> <div v-if="scope.row.mainBusiness == null || scope.row.mainBusiness == ''">--</div>
<div v-if="scope.row.mainBusiness1"> <div v-if="scope.row.mainBusiness1">
<div class="box" v-if="scope.row.sq1==true">{{scope.row.mainBusiness1}}...<span @click="sq1(scope.row,false)">更多</span></div> <div class="box" v-if="scope.row.sq1==true">{{scope.row.mainBusiness1}}...<span @click="sq1(scope.row,false)">更多</span></div>
<div class="box" v-else>{{scope.row.mainBusiness}}<span @click="sq1(scope.row,true)">收起</span></div> <div class="box" v-else>{{scope.row.mainBusiness}}<span @click="sq1(scope.row,true)">收起</span></div>
</div> </div>
<div v-else>{{scope.row.mainBusiness}}</div> <div v-else>{{scope.row.mainBusiness}}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="companyAttribute" :key="keys+2" prop="companyAttribute" :key="keys+2"
label="发包属性" width="400"> label="发包属性" width="300">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.companyAttribute == null || scope.row.companyAttribute == ''">--</div> <div v-if="scope.row.companyAttribute == null || scope.row.companyAttribute == ''">--</div>
<div v-if="scope.row.companyAttribute1"> <div v-if="scope.row.companyAttribute1">
<div class="box" v-if="scope.row.sq2==true">{{scope.row.companyAttribute1}}...<span @click="sq2(scope.row,false)">更多</span></div> <div class="box" v-if="scope.row.sq2==true">{{scope.row.companyAttribute1}}...<span @click="sq2(scope.row,false)">更多</span></div>
<div class="box" v-else>{{scope.row.companyAttribute}}<span @click="sq2(scope.row,true)">收起</span></div> <div class="box" v-else>{{scope.row.companyAttribute}}<span @click="sq2(scope.row,true)">收起</span></div>
</div> </div>
<div v-else>{{scope.row.companyAttribute}}</div> <div v-else>{{scope.row.companyAttribute}}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="followUser" prop="followUser"
label="跟进人" width="110"> label="跟进人" width="110">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.followUser || '--'}} {{scope.row.followUser || '--'}}
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
<div class="bottems" v-if="tableData.total>searchParam.pageSize"> <div class="bottems" v-if="tableData.total>searchParam.pageSize">
<el-pagination <el-pagination
background background
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</div> </div>
</div> </div>
<skeleton v-if="isSkeleton"></skeleton> <skeleton v-if="isSkeleton"></skeleton>
<el-table v-if="!isSkeleton&&tableData.total > 0" class="fixed-table" max-height="640" <el-table v-if="!isSkeleton&&tableData.total > 0" class="fixed-table" v-horizontal-scroll="'always'" max-height="640"
:data="tableData.rows" :data="tableData.rows"
stripe border stripe border
style="width: 100%"> style="width: 100%">
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
prop="index" prop="index"
label="序号" label="序号"
fixed="left" fixed="left"
width="47"> width="60">
<template slot-scope='scope'> <template slot-scope='scope'>
<span>{{ (searchParam.pageNum - 1) * searchParam.pageSize + scope.$index + 1 }}</span> <span>{{ (searchParam.pageNum - 1) * searchParam.pageSize + scope.$index + 1 }}</span>
</template> </template>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
<el-table-column <el-table-column
prop="cooperationProject" prop="cooperationProject"
label="合作项目" label="合作项目"
width="76"> width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.cooperationProject || '--'}} {{scope.row.cooperationProject || '--'}}
</template> </template>
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
<el-table-column <el-table-column
prop="followProject" prop="followProject"
label="跟进项目" label="跟进项目"
width="76"> width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.followProject || '--'}} {{scope.row.followProject || '--'}}
</template> </template>
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
<el-table-column <el-table-column
prop="reserveProject" prop="reserveProject"
label="储备项目" label="储备项目"
width="76"> width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.reserveProject || '--'}} {{scope.row.reserveProject || '--'}}
</template> </template>
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
<el-table-column <el-table-column
prop="registerCapitalStr" prop="registerCapitalStr"
label="注册资本金(万元)" label="注册资本金(万元)"
width="140"> width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.registerCapital && scope.row.registerCapital>0">{{scope.row.registerCapital}}</span><span v-else>--</span> <span v-if="scope.row.registerCapital && scope.row.registerCapital>0">{{scope.row.registerCapital}}</span><span v-else>--</span>
</template> </template>
......
...@@ -108,7 +108,7 @@ ...@@ -108,7 +108,7 @@
<div class="content_wap3"> <div class="content_wap3">
<div class="flex-box query-box"> <div class="flex-box query-box">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="title">跟进动态</span> <span class="item_title">跟进动态</span>
</div> </div>
<div class="flex-box time-label"> <div class="flex-box time-label">
<div class="labels"> <div class="labels">
...@@ -689,14 +689,6 @@ ...@@ -689,14 +689,6 @@
border: 1px solid #0081FF; border: 1px solid #0081FF;
color: #ffffff; color: #ffffff;
background: #0081FF; background: #0081FF;
/*.el-button{*/
/*border: 1px solid #0081FF;*/
/*span{*/
/*color: #ffffff;*/
/*background: #0081FF;*/
/*border: 1px solid #0081FF;*/
/*}*/
/*}*/
} }
...@@ -856,7 +848,7 @@ ...@@ -856,7 +848,7 @@
.query-box{ .query-box{
padding:16px; padding:16px;
} }
.title{ .item_title{
font-weight: 700; font-weight: 700;
color: #232323; color: #232323;
font-size: 16px; font-size: 16px;
......
...@@ -53,12 +53,14 @@ export default { ...@@ -53,12 +53,14 @@ export default {
{title: '集团成员', pathName: 'members'}, {title: '集团成员', pathName: 'members'},
{title: '集团资质', pathName: 'qualifications'}, {title: '集团资质', pathName: 'qualifications'},
{title: '集团业绩', pathName: 'performance'}, {title: '集团业绩', pathName: 'performance'},
{title: '集团招标', pathName: 'zhaobiao'},
], ],
defaultRoute: [], defaultRoute: [],
customer:[ customer:[
'members', 'members',
'qualifications', 'qualifications',
'performance', 'performance',
'zhaobiao',
], ],
uniqueOpened:false, uniqueOpened:false,
searchIndex: '' searchIndex: ''
......
...@@ -171,7 +171,7 @@ ...@@ -171,7 +171,7 @@
qyType:[], qyType:[],
cgblList:['100%','50%以上','20%以上','5%以上','1%-5%'], cgblList:['100%','50%以上','20%以上','5%以上','1%-5%'],
cgblName:'', cgblName:'',
paramsData:[], //储存组件筛选的条件 paramsData:{}, //储存组件筛选的条件
} }
}, },
watch:{ watch:{
...@@ -244,7 +244,7 @@ ...@@ -244,7 +244,7 @@
} }
}, },
handleQuery(params){ handleQuery(params){
this.paramsData=params; this.paramsData=params || {};
this.tableLoading=true this.tableLoading=true
let data = this.getAreaList(params || this.queryParams) let data = this.getAreaList(params || this.queryParams)
memberList(data).then(res=>{ memberList(data).then(res=>{
...@@ -400,7 +400,11 @@ ...@@ -400,7 +400,11 @@
}, },
sortChange({ column, prop, order }){ sortChange({ column, prop, order }){
this.queryParams.orderName = prop this.queryParams.orderName = prop
this.paramsData.orderName = prop this.paramsData.orderName = prop;
this.paramsData.combineId = this.customerId;
this.paramsData.pageNum = 1;
this.paramsData.pageSize = 20;
if(column.order === "ascending"){ if(column.order === "ascending"){
this.queryParams.orderType = 'asc' this.queryParams.orderType = 'asc'
this.paramsData.orderType = 'asc' this.paramsData.orderType = 'asc'
......
<template>
<div class="performance">
<!--<head-form-->
<!--title="集团招标"-->
<!--:form-data="formData"-->
<!--:query-params="queryParams"-->
<!--:total="tableDataTotal"-->
<!--:isExcel="false"-->
<!--@handle-search="handleSearch"-->
<!--&gt;</head-form>-->
<div class="headForm">
<span class="common-title">集团招标</span>
<div class="flex-box query-box">
<div class="flex-box query-params">
<div class="headForm-from">
<div class="from-item" :key="i" v-for="(form, i) in formData">
<!-- 单选 -->
<template v-if="form.type==1">
<el-select
v-model="form.value"
clearable
class="form-content-width"
:style="form.width?'width:'+form.width+'px':'max-width: 110px'"
:placeholder="form.placeholder"
@change="changeSelect">
<el-option v-for="(item, index) in form.options" :key="index" :label="item.name" :value="item.value" :disabled="item.disabled"/>
</el-select>
</template>
<!-- 年月日 -->
<template v-if="form.type==2">
<el-date-picker
@change="changeSelect"
class="fromTime"
style="width: 210px"
v-model="form.value"
type="daterange"
prefix-icon="fromTime-icon"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
<!-- 输入框 -->
<template v-if="form.type==3">
<div class="cooperate-name" :id="'focus'+i">
<el-input clearable @clear="changeSelect" @focus="clickFocus('focus'+i)" @blur="clickFocus('focus'+i)" v-model="form.value" :placeholder="form.placeholder" :style="form.width?'width:'+form.width+'px':'width:180px'"></el-input>
<span @click="changeSelect">搜索</span>
</div>
</template>
<!-- 多选 -->
<template v-if="form.type==4">
<el-select
class="form-content-width"
:class="form.value.length > 1 ? 'selectTag' : ''"
v-model="form.value"
multiple
collapse-tags
clearable
:style="form.width?'width:'+form.width+'px':'max-width: 170px'"
:placeholder="form.placeholder"
@change="changeSelect">
<el-option v-for="(item, index) in form.options" :key="index" :label="item.name" :value="item.value"/>
</el-select>
</template>
<!-- 时间、自定义 -->
<template v-else-if="form.type==5">
<custom-time-select
:timeList="form.timeList"
v-model="form.value"
:placeholder="form.placeholder"
:dateFrom="form.dateFrom ? form.dateFrom : ''"
:dateTo="form.dateTo ? form.dateTo : ''"
@handle-search="changeSelect" />
</template>
<!-- 金额 -->
<template v-else-if="form.type==6">
<custom-money-select
:moneyList="form.moneyList"
v-model="form.value"
:placeholder="form.placeholder"
@handle-search="changeSelect" />
</template>
<!-- 地区选择 -->
<template v-else-if="form.type==7">
<el-cascader
ref="cascader"
:options="form.options"
:props="form.props"
v-model="form.value"
@change="changeSelect"
:placeholder="form.placeholder"
collapse-tags
clearable></el-cascader>
</template>
</div>
</div>
</div>
<div class="flex-box">
<span class="flex-box ability-total">共{{ tableDataTotal }}条</span>
<span class="flex-box ability-excel" @click="clickEXCEL"><img src="@/assets/images/ability_excel.png">导出EXCEL</span>
</div>
</div>
</div>
<skeleton style="margin-left:16px;" v-if="isSkeleton"></skeleton>
<tables
v-if="!isSkeleton"
:defaultSort="defaultSort"
:tableLoading="tableLoading"
:tableData="tableData"
:forData="forData"
:MaxPage=500
:tableDataTotal="tableDataTotal"
:queryParams="queryParams"
@handle-current-change="handleCurrentChange"
@sort-change="sortChange"
>
<template slot="bidTime" slot-scope="scope">
<div>{{formatDate(scope.row.bidTime)}}</div>
</template>
<template slot="companyName" slot-scope="scope">
<router-link :to="scope.row.uipId?`/enterprise/${encodeStr(scope.row.companyId)}`:`/company/${encodeStr(scope.row.companyId)}`" tag="a" class="a-link" v-if="scope.row.companyId&&scope.row.companyName" v-html="scope.row.companyName"></router-link>
<div v-else v-html="scope.row.companyName || '--'"></div>
</template>
<template slot="projectName" slot-scope="scope">
<router-link :to="`/biddetail/${scope.row.projectId}`" tag="a" class="a-link" v-if="scope.row.projectId" v-html="scope.row.projectName"></router-link>
<div v-else v-html="scope.row.projectName || '--'"></div>
</template>
<template slot="projectUnit" slot-scope="scope">
<router-link :to="scope.row.projectUnitUipId?`/enterprise/${encodeStr(scope.row.projectUnitId)}`:`/company/${encodeStr(scope.row.projectUnitId)}`" tag="a" class="a-link" v-if="scope.row.projectUnitId&&scope.row.projectUnit" v-html="scope.row.projectUnit"></router-link>
<div v-else v-html="scope.row.projectUnit || '--'"></div>
</template>
<template slot="stockPercent" slot-scope="scope">
<div>{{scope.row.stockPercent || '--'}}{{scope.row.stockPercent ? '%':''}}</div>
</template>
<template slot="bidAmount" slot-scope="scope">
<div>{{scope.row.bidAmount || '--'}}{{scope.row.bidAmount ? '万元':''}}</div>
</template>
</tables>
</div>
</template>
<script>
import mixin from '../../party-a/mixins/mixin'
import CustomTimeSelect from '../../party-a/component/CustomTimeSelect'
import CustomMoneySelect from '../../party-a/component/CustomMoneySelect'
import {businessList} from '@/api/detail/groupAccount/groupAccount'
import dataRegion from '@/assets/json/dataRegion1'
import { getDictType } from '@/api/main'
export default {
name: 'qualifications',
props: ['customerId'],
mixins: [mixin],
components:{CustomTimeSelect,CustomMoneySelect},
data(){
return{
isSkeleton:true,
tableLoading:false,
isDetails: false,
defaultSort: {prop: 'time', order: 'descending'},
queryParams: {
combineId: this.customerId,
pageNum: 1,
pageSize: 20
},
forData: [
{label: '招标发布时间', prop: 'bidTime',slot: true,minWidth: '90'},
{label: '招标成员', prop: 'companyName', slot: true,minWidth: '200'},
{label: '持股比例', prop: 'stockPercent',slot: true,minWidth: '80'},
{label: '项目名称', prop: 'projectName', slot: true,minWidth: '220'},
{label: '预算金额', prop: 'bidAmount',slot: true,minWidth: '100'},
{label: '项目地区', prop: 'address',minWidth: '110'},
],
formData: [
{ type: 7, fieldName: 'province', value: '',props: {multiple: true,value: 'id',expandTrigger: 'hover'}, placeholder: '项目地区', options:[]},
{ type: 5, fieldName: 'time', value: '', placeholder: '招标发布时间', startTime: 'startBidTime', endTime: 'endBidTime',timeList:[] },
{ type: 6, fieldName: 'money', value: '', placeholder: '预算金额', startMoney: 'minAmount', endMoney: 'maxAmount',moneyList:[] },
{ type: 1, fieldName: 'boundTypes', value: '', placeholder: '招标采购分类', options: [],width:150},
{ type: 4, fieldName: 'projectTypes', value: '', placeholder: '项目类型', options: [],width:150},
{ type: 1, fieldName: 'cgbl', value: '', placeholder: '持股比例', options: [],width:100},
{ type: 3, fieldName: 'searchValue', value: '', placeholder: '搜索招标成员名称/项目名称/代理单位'},
],
tableData:[],
tableDataTotal:0,
addressList: [],
cgblList: [
{name:'100%',value:'100%'},
{name:'50%以上',value:'50%以上'},
{name:'20%以上',value:'20%以上'},
{name:'5%以上',value:'5%以上'},
{name:'1%-5%',value:'1%-5%'},
],
cgType: [
{name:'工程',value:'工程'},
{name:'货物',value:'货物'},
{name:'服务',value:'服务'},
{name:'其他',value:'其他'},
],
timeList: ['近三天', '近七天', '近半月', '自定义'],
moneyList: ['5000万以下', '5000万-1亿', '1亿-5亿', '5亿-10亿','10亿以上', '自定义'],
}
},
created() {
this.dataRegion()
this.handleQuery()
this.formData[1].timeList=this.timeList;
this.formData[2].moneyList=this.moneyList;
this.formData[3].options=this.cgType;
this.formData[5].options=this.cgblList;
//项目类型
getDictType('project_type_new').then(result=>{
let data = result.code == 200 ? result.data:[];
if(data.length > 0){
for (var i=0;i<data.length;i++){
this.formData[4].options.push({
name: data[i].dictLabel,
value: data[i].dictValue,
})
}
}
})
},
methods: {
handleQuery(params){
this.isSkeleton = true
let data = this.getAreaList(params || this.queryParams)
if(data.cgbl){
if(data.cgbl === '100%'){
data.minStockPercent=1
}
if(data.cgbl === '50%以上'){
data.minStockPercent=0.5
}
if(data.cgbl === '20%以上'){
data.minStockPercent=0.2
}
if(data.cgbl === '5%以上'){
data.minStockPercent=0.05
}
if(data.cgbl === '1%-5%'){
data.minStockPercent=0.01
data.maxStockPercent=0.05
}
delete data.cgbl
}
businessList(data).then(res=>{
this.tableData = res.code == 200 ? res.rows:[]
this.tableDataTotal = res.total
this.isSkeleton = false
this.tableLoading = false
})
},
formatDate(timestamp) {
var time = new Date(timestamp)
let year = time.getFullYear();
let month = time.getMonth() + 1 >= 10 ? parseInt(time.getMonth() + 1) : "0" + parseInt(time.getMonth() + 1);
let day = time.getDate() >= 10 ? time.getDate() : "0" + time.getDate();
return year + '-' + month + '-' + day
},
//地区
async dataRegion() {
var str = [];
for (let x = 0; x < 3; x++) {
for (let i = 0; i < dataRegion.length; i++) {
if (dataRegion[i].regionLevel == x + 1 && x + 1 == 1) {
str.push({
'id': dataRegion[i].id,
"label": dataRegion[i].regionName,
"short": dataRegion[i].short,
"value": dataRegion[i].parentId,
"children": []
});
} else if (dataRegion[i].regionLevel == x + 1 && x + 1 == 2) {
for (let j = 0; j < str.length; j++) {
if (str[j].id == dataRegion[i].parentId) {
str[j].children.push({
'id': dataRegion[i].id,
"label": dataRegion[i].regionName,
"short": dataRegion[i].short,
"value": dataRegion[i].parentId,
"children": []
});
}
}
} else if (dataRegion[i].regionLevel == x + 1 && x + 1 == 3) {
for (let j = 0; j < str.length; j++) {
for (let k = 0; k < str[j].children.length; k++) {
if (str[j].children[k].id == dataRegion[i].parentId) {
str[j].children[k].children.push({
'id': dataRegion[i].id,
"label": dataRegion[i].regionName,
"short": dataRegion[i].short,
"value": dataRegion[i].parentId
// "children":[]
});
}
}
}
}
}
}
for (var i=0; i<str.length; i++) {
if (str[i].children.length) {
} else {
delete str[i].children
}
}
this.addressList = str;
this.formData[0].options=str;
},
getAreaList(params){
if(params.province&&params.province.length>0){
let arr = this.$children[0].$refs.cascader[0].getCheckedNodes()
let provinceIds = [], cityIds = [], districtIds = []
for (var i in arr) {
if (arr[i].parent) {
if (!arr[i].parent.checked) {
if(arr[i].hasChildren || arr[i].level==2){
cityIds.push(arr[i].data.id)
}else{
districtIds.push(arr[i].data.id)
}
}
} else {
provinceIds.push(arr[i].data.id)
}
}
delete params.province
provinceIds.length>0?params.provinceIds = provinceIds:''
cityIds.length>0?params.cityIds = cityIds:''
districtIds.length>0?params.districtIds = districtIds:''
}
return params
},
//分页
handleCurrentChange(e){
let params = this.formParams()
params.pageNum = e
this.queryParams.pageNum = e
this.handleQuery(params)
console.log(this.$children[1].$refs.tableRef.bodyWrapper.scrollTop)
setTimeout(() => {
// this.$children[1].$refs.tableRef.bodyWrapper.scrollTop = 0
}, 500);
},
changeSelect(){
this.handleSearch()
},
clickEXCEL() {
this.$message({
message: '功能正在开发中',
type: 'warning'
});
},
clickFocus(e){
document.getElementById(e).classList.toggle('span-ba')
}
}
}
</script>
<style lang="scss" scoped>
.performance{
background: #ffffff;
border-radius: 4px;
padding: 16px;
.headForm{
margin-bottom: 14px;
.common-title{
margin-right: 24px;
}
::v-deep .el-input__inner{
border: 1px solid #D9D9D9;
height: 34px;
line-height: 34px;
padding-right: 27px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 4px;
}
::v-deep .el-form-item{
margin-right: 8px !important;
}
::v-deep .el-input--medium .el-input__icon{
line-height: 34px;
}
::v-deep .el-cascader{
height: 34px;
line-height: 34px;
width: 190px;
.el-input{
input{
height: 34px !important;
}
}
.el-cascader__tags{
flex-wrap: inherit;
margin-top: 1px;
.el-tag{
max-width: 100px;
}
}
.el-input__suffix{
top: 1px;
}
}
.headForm-from {
display: flex;
.from-item{
margin-right: 8px;
&:last-child{
margin-right: 0;
}
.cooperate-name {
display: flex;
border-radius: 2px 0px 0px 2px;
border: 1px solid #D9D9D9;
line-height: 34px;
height: 34px;
span {
width: 60px;
height: 32px;
line-height: 32px;
font-size: 14px;
background: #F5F5F5;
text-align: center;
color: #0081FF;
border: 1px solid #EFEFEF;
border-left: 0;
cursor: pointer;
}
&.span-ba{
border: 1px solid #0081FF;
span{
color: #ffffff;
background: #0081FF;
border: 1px solid #0081FF;
}
}
::v-deep .el-input{
flex: 1;
}
::v-deep .el-input__inner {
border: 0;
line-height: 32px;
height: 32px;
position: absolute;
top: 0;
padding-right: 22px;
font-size: 12px;
padding-left: 8px;
}
}
.fromTime{
::v-deep .el-range-input{
width: 100%;
}
::v-deep .el-range-separator, ::v-deep .el-range__close-icon{
line-height: 24px;
width: 20px;
}
}
.fromTime-icon {
display: none;
}
.el-select{
.el-input__suffix{
right: 10px;
}
}
}
::v-deep .form-content-width{
width: 170px;
}
::v-deep .selectTag{
.el-select__tags{
.el-tag{
&:first-child{
width: 70px;
}
}
}
}
::v-deep .el-select__tags{
.el-tag{
&:first-child{
//width: 100%;
}
}
}
}
.ability-total{
font-size: 12px;
color: #3D3D3D;
position: relative;
&:before{
content: '';
display: inline-block;
width: 2px;
height: 2px;
background: rgba(35,35,35,0.4);
margin-right: 4px;
}
}
.ability-excel{
font-size: 14px;
color: rgba(35,35,35,0.8);
margin-left: 16px;
cursor: pointer;
&:hover{
color: #0081FF;
}
img{
width: 18px;
height: 18px;
margin-right: 4px;
}
}
}
::v-deep .el-table{
.has-gutter{
tr{
th:nth-last-child(2){
border-right:0;
}
td:nth-last-child(2){
border-right:0;
}
}
}
.el-table__cell.gutter{
background: #F0F3FA;
}
}
}
</style>
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
<Members v-if="currentPath.pathName=='members'" :customer-id="customerId" :isSkeleton="isSkeleton" /> <Members v-if="currentPath.pathName=='members'" :customer-id="customerId" :isSkeleton="isSkeleton" />
<Qualifications v-if="currentPath.pathName=='qualifications'" :customer-id="customerId" :isSkeleton="isSkeleton" :name="name"/> <Qualifications v-if="currentPath.pathName=='qualifications'" :customer-id="customerId" :isSkeleton="isSkeleton" :name="name"/>
<Performance v-if="currentPath.pathName=='performance'" :customer-id="customerId" :isSkeleton="isSkeleton"/> <Performance v-if="currentPath.pathName=='performance'" :customer-id="customerId" :isSkeleton="isSkeleton"/>
<Zhaobiao v-if="currentPath.pathName=='zhaobiao'" :customer-id="customerId" :isSkeleton="isSkeleton"/>
</div> </div>
</div> </div>
</div> </div>
...@@ -27,12 +28,13 @@ ...@@ -27,12 +28,13 @@
import Members from "./component/members" import Members from "./component/members"
import Qualifications from "./component/qualifications" import Qualifications from "./component/qualifications"
import Performance from "./component/performance" import Performance from "./component/performance"
import Zhaobiao from "./component/zhaobiao"
import { infoHeader } from '@/api/detail/party-a/index' import { infoHeader } from '@/api/detail/party-a/index'
import elementResizeDetectorMaker from "element-resize-detector" import elementResizeDetectorMaker from "element-resize-detector"
export default { export default {
name: 'GroupAccount', name: 'GroupAccount',
components:{ components:{
SideBar,Members,Qualifications,Performance SideBar,Members,Qualifications,Performance,Zhaobiao
}, },
data(){ data(){
return{ return{
...@@ -83,6 +85,7 @@ ...@@ -83,6 +85,7 @@
width: 100%; width: 100%;
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
margin-bottom: 16px;
} }
.part-header{ .part-header{
font-size: 16px; font-size: 16px;
......
<template> <template>
<div class="headForm"> <div class="headForm">
<div class="flex-box query-box"> <div class="flex-box query-box" v-if="title === '集团招标'">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="common-title" v-if="title">{{ title }}</span> <span class="common-title" v-if="title">{{ title }}</span>
<div class="headForm-from"> <div class="headForm-from">
<div class="from-item" :key="i" v-for="(form, i) in formData"> <div class="from-item" :key="i" v-for="(form, i) in formData">
<!-- 单选 --> <!-- 单选 -->
<template v-if="form.type==1"> <template v-if="form.type==1">
<el-select <el-select
v-model="form.value" v-model="form.value"
clearable clearable
class="form-content-width" class="form-content-width"
:style="form.width?'width:'+form.width+'px':'max-width: 110px'" :style="form.width?'width:'+form.width+'px':'max-width: 110px'"
:placeholder="form.placeholder" :placeholder="form.placeholder"
@change="changeSelect"> @change="changeSelect">
<el-option v-for="(item, index) in form.options" :key="index" :label="item.name" :value="item.value" :disabled="item.disabled"/> <el-option v-for="(item, index) in form.options" :key="index" :label="item.name" :value="item.value" :disabled="item.disabled"/>
</el-select> </el-select>
</template> </template>
<!-- 年月日 --> <!-- 年月日 -->
<template v-if="form.type==2"> <template v-if="form.type==2">
...@@ -102,6 +102,7 @@ ...@@ -102,6 +102,7 @@
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
......
...@@ -11,10 +11,10 @@ ...@@ -11,10 +11,10 @@
<el-input class="ename_input" placeholder="请输入企业名称关键字" clearable v-model="keys" > <el-input class="ename_input" placeholder="请输入企业名称关键字" clearable v-model="keys" >
<div slot="append" class="btn-search" @click="search()">搜索</div> <div slot="append" class="btn-search" @click="search()">搜索</div>
</el-input> </el-input>
</div> </div>
</div> </div>
<div class="content_item"> <div class="content_item">
<div class="label">企业地区</div> <div class="label">企业地区</div>
<div class="content_right item_ckquery_list"> <div class="content_right item_ckquery_list">
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
</el-checkbox-group> </el-checkbox-group>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="content_item"> <div class="content_item">
...@@ -131,8 +131,8 @@ ...@@ -131,8 +131,8 @@
</span> </span>
</el-popover> </el-popover>
</div> </div>
<div class="title-right"> <div class="title-right">
<p>共有{{total}}</p> <p>共有{{total}}</p>
<p> <p>
...@@ -140,7 +140,7 @@ ...@@ -140,7 +140,7 @@
<span class="excel" @click="$message({message: '功能正在开发中',type: 'warning'})">导出EXCEL</span> <span class="excel" @click="$message({message: '功能正在开发中',type: 'warning'})">导出EXCEL</span>
</p> </p>
</div> </div>
</div> </div>
<div class="table-item-jf table-item-jf1" v-if="tableData.length==0&& !isSkeleton"> <div class="table-item-jf table-item-jf1" v-if="tableData.length==0&& !isSkeleton">
<img class="item-jf-img" src="@/assets/images/kong.png" alt=""> <img class="item-jf-img" src="@/assets/images/kong.png" alt="">
...@@ -149,8 +149,8 @@ ...@@ -149,8 +149,8 @@
</div> </div>
<skeleton style="margin-left:16px;" v-if="isSkeleton"></skeleton> <skeleton style="margin-left:16px;" v-if="isSkeleton"></skeleton>
<div class=" table-item-jf" v-if="!isSkeleton&&tableData.length>0"> <div class="table-item table-item-jf" v-if="!isSkeleton&&tableData.length>0">
<el-table :data="tableData" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}" max-height="640" class="table-item1 fixed-table" border highlight-current-row> <el-table :data="tableData" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}" v-horizontal-scroll="'always'" class="table-item1 fixed-table" border highlight-current-row>
<el-table-column type="index" label="序号" fixed width="60"> <el-table-column type="index" label="序号" fixed width="60">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{(pageNum - 1) *20 + scope.$index + 1}}</span> <span>{{(pageNum - 1) *20 + scope.$index + 1}}</span>
...@@ -162,22 +162,22 @@ ...@@ -162,22 +162,22 @@
<router-link :to="`/enterprise/${encodeStr(scope.row.companyId)}`" tag="a" class="list-titel-a" v-html="scope.row.companyName" ></router-link> <router-link :to="`/enterprise/${encodeStr(scope.row.companyId)}`" tag="a" class="list-titel-a" v-html="scope.row.companyName" ></router-link>
<div class="renling-btn" @click="claimbtn(scope.row)" > <div class="renling-btn" @click="claimbtn(scope.row)" >
<p v-if="scope.row.claimStatus==0" class="renling-img-true"> <p v-if="scope.row.claimStatus==0" class="renling-img-true">
</p> </p>
<p v-else class="renling-img-false"> <p v-else class="renling-img-false">
</p> </p>
<span v-if="scope.row.claimStatus==0" @click="cancelClaim(scope.row.companyName,scope.$index)" class="renling-hui"> <span v-if="scope.row.claimStatus==0" @click="cancelClaim(scope.row.companyName,scope.$index)" class="renling-hui">
已认领 已认领
</span> </span>
<span v-else class="renling-hei"> <span v-else class="renling-hei">
认领 认领
</span> </span>
</div> </div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="区域" width="160"> <el-table-column label="区域" width="160">
<template slot-scope="scope"> <template slot-scope="scope">
...@@ -191,20 +191,20 @@ ...@@ -191,20 +191,20 @@
</template> </template>
{{scope.row.area}} {{scope.row.area}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="招标数量" width="72" > <el-table-column label="招标数量" width="72" >
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.biddingCount||"--"}} {{scope.row.biddingCount||"--"}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="城投拿地" width="72" > <el-table-column label="城投拿地" width="72" >
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.landInfoCount||"--"}} {{scope.row.landInfoCount||"--"}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="供应商" width="72" > <el-table-column label="供应商" width="72" >
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.supplierCount||"--"}} {{scope.row.supplierCount||"--"}}
...@@ -440,7 +440,7 @@ ...@@ -440,7 +440,7 @@
{{scope.row.developmentZone||"--"}} {{scope.row.developmentZone||"--"}}
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="pagination clearfix" v-show="total>0"> <div class="pagination clearfix" v-show="total>0">
...@@ -453,7 +453,7 @@ ...@@ -453,7 +453,7 @@
:total="total"> :total="total">
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
<el-dialog <el-dialog
title="" title=""
...@@ -544,10 +544,10 @@ export default { ...@@ -544,10 +544,10 @@ export default {
equityRelationship:[], equityRelationship:[],
equityRelationshipText:[], equityRelationshipText:[],
checkequityRelationship:true, checkequityRelationship:true,
pageFlag: true, pageFlag: true,
conditionsArr: [], conditionsArr: [],
fieldshow: false, fieldshow: false,
fieldText: '默认排序', fieldText: '默认排序',
sort: '3', //查询结果排序方式 sort: '3', //查询结果排序方式
...@@ -556,20 +556,20 @@ export default { ...@@ -556,20 +556,20 @@ export default {
value: "默认排序", value: "默认排序",
status: true, status: true,
}, },
{ {
key: "5", key: "5",
value: "招标数量从多到少", value: "招标数量从多到少",
status: false, status: false,
}, },
{ {
key: "7", key: "7",
value: "土地数量从多到少", value: "土地数量从多到少",
status: false, status: false,
}, },
], ],
companyId:'', companyId:'',
companyName:'', companyName:'',
...@@ -588,12 +588,12 @@ export default { ...@@ -588,12 +588,12 @@ export default {
let arr = []; let arr = [];
let flag = false; let flag = false;
let data = {}; let data = {};
if (this.domicile.length > 0) { if (this.domicile.length > 0) {
data = { data = {
title: "行政区划:", title: "行政区划:",
...@@ -604,9 +604,9 @@ export default { ...@@ -604,9 +604,9 @@ export default {
flag = true; flag = true;
arr.push(data) arr.push(data)
} }
this.conditionsArr = arr this.conditionsArr = arr
return flag; return flag;
}, },
...@@ -624,10 +624,10 @@ export default { ...@@ -624,10 +624,10 @@ export default {
this.shareholderBg=res.data.shareholderBg, this.shareholderBg=res.data.shareholderBg,
// 股权关系 // 股权关系
this.equityRelationship=res.data.equityRelationship; this.equityRelationship=res.data.equityRelationship;
} }
}).catch(error=>{ }).catch(error=>{
}); });
}, },
mounted() { mounted() {
...@@ -660,9 +660,9 @@ export default { ...@@ -660,9 +660,9 @@ export default {
this.jskBidQueryDto = obj; this.jskBidQueryDto = obj;
this.search(); this.search();
}, },
addressListfn() { addressListfn() {
var str = []; var str = [];
for (let x = 0; x < 3; x++) { for (let x = 0; x < 3; x++) {
...@@ -707,24 +707,24 @@ export default { ...@@ -707,24 +707,24 @@ export default {
} }
this.addressList = str; this.addressList = str;
}, },
reset() { reset() {
Object.assign(this.$data, this.$options.data.call(this)); //重置data Object.assign(this.$data, this.$options.data.call(this)); //重置data
this.init(); this.init();
}, },
init(){ init(){
this.search(); this.search();
this.addressListfn(); this.addressListfn();
}, },
checkuipExecutivebtn(val){ checkuipExecutivebtn(val){
this.uipExecutiveText =[]; this.uipExecutiveText =[];
this.checkuipExecutive=true; this.checkuipExecutive=true;
this.search(); this.search();
}, },
uipExecutiveLevelbtn(val){ uipExecutiveLevelbtn(val){
if(val.length>0){ if(val.length>0){
...@@ -733,7 +733,7 @@ export default { ...@@ -733,7 +733,7 @@ export default {
this.checkuipExecutive=true; this.checkuipExecutive=true;
} }
this.search(); this.search();
}, },
checkuipBusinessbtn(val){ checkuipBusinessbtn(val){
this.uipBusinessText =[]; this.uipBusinessText =[];
...@@ -848,12 +848,12 @@ export default { ...@@ -848,12 +848,12 @@ export default {
this.customerId=res1.data.customerId; this.customerId=res1.data.customerId;
} }
}).catch(error=>{ }).catch(error=>{
}); });
}).catch(error=>{ }).catch(error=>{
}); });
}, },
cancelClaim(companyName,index){ cancelClaim(companyName,index){
this.dialogVisible1 = true; this.dialogVisible1 = true;
...@@ -871,9 +871,9 @@ export default { ...@@ -871,9 +871,9 @@ export default {
}) })
}, },
claimopen(companyId,customerId){ claimopen(companyId,customerId){
this.$router.push({ this.$router.push({
path: '/enterprise/'+encodeStr(companyId), path: '/enterprise/'+encodeStr(companyId),
query: { query: {
'customerId': customerId, 'customerId': customerId,
'path':'business' 'path':'business'
} , } ,
...@@ -904,7 +904,7 @@ export default { ...@@ -904,7 +904,7 @@ export default {
}else{ }else{
delete params.keys delete params.keys
} }
if(data.provinceIds.length>0){ if(data.provinceIds.length>0){
params['provinceIds'] = data.provinceIds; params['provinceIds'] = data.provinceIds;
}else{ }else{
...@@ -952,19 +952,19 @@ export default { ...@@ -952,19 +952,19 @@ export default {
if (res.code==200) { if (res.code==200) {
this.tableData=res.rows; this.tableData=res.rows;
this.total=res.total; this.total=res.total;
} }
}).catch(error=>{ }).catch(error=>{
}); });
}, },
renlin(){ renlin(){
this.dialogVisible=false; this.dialogVisible=false;
// this.$router.push({path:'/home',query: {id:'1'}}) // this.$router.push({path:'/home',query: {id:'1'}})
// 跳转地址 // 跳转地址
}, },
}, },
}; };
</script> </script>
...@@ -1027,7 +1027,7 @@ export default { ...@@ -1027,7 +1027,7 @@ export default {
color: rgba(35,35,35,0.8); color: rgba(35,35,35,0.8);
} }
.content_right{ .content_right{
.ename_input{ .ename_input{
width: 640px; width: 640px;
margin-right: 20px; margin-right: 20px;
...@@ -1075,10 +1075,10 @@ export default { ...@@ -1075,10 +1075,10 @@ export default {
.ckquery_list_right{ .ckquery_list_right{
width: 670px; width: 670px;
} }
} }
.item_ckquery_list .el-input__icon { .item_ckquery_list .el-input__icon {
position: relative; position: relative;
top: 1px; top: 1px;
...@@ -1088,7 +1088,7 @@ export default { ...@@ -1088,7 +1088,7 @@ export default {
} }
.register_count_ipt{ .register_count_ipt{
margin-left: 0px; margin-left: 0px;
} }
.register_count_ipt .el-input__inner{ .register_count_ipt .el-input__inner{
width: 174px; width: 174px;
...@@ -1121,19 +1121,19 @@ export default { ...@@ -1121,19 +1121,19 @@ export default {
padding: 1px 5px !important; padding: 1px 5px !important;
} }
} }
} }
.content_item_padding0{ .content_item_padding0{
padding: 0; padding: 0;
} }
} }
.bottomlist{ .bottomlist{
width: 100%; width: 100%;
background-color: #FFFFFF; background-color: #FFFFFF;
border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
.bottomlist-title{ .bottomlist-title{
display: flex; display: flex;
...@@ -1141,7 +1141,7 @@ export default { ...@@ -1141,7 +1141,7 @@ export default {
align-items: center; align-items: center;
margin-top: 12px; margin-top: 12px;
padding: 16px ; padding: 16px ;
.title-right{ .title-right{
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -1166,7 +1166,7 @@ export default { ...@@ -1166,7 +1166,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
} }
} }
.bottomlist-title-left{ .bottomlist-title-left{
display: inline-flex;; display: inline-flex;;
...@@ -1183,24 +1183,24 @@ export default { ...@@ -1183,24 +1183,24 @@ export default {
} }
} }
.bottomlist-content{ .bottomlist-content{
padding-bottom: 0px; padding-bottom: 0px;
} }
.table-item-jf{ .table-item-jf{
padding:0px 16px; padding:0px 16px;
.list-titel-a{ .list-titel-a{
color:#0081FF; color:#0081FF;
} }
::v-deep .el-table--border .el-table__cell:first-child .cell{ ::v-deep .el-table--border .el-table__cell:first-child .cell{
padding:0px 8px; padding:0px 8px ;
padding-left:12px; padding-left:12px;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
} }
::v-deep .el-table th.el-table__cell > .cell{ ::v-deep .el-table th.el-table__cell > .cell{
padding:0px 8px; padding:0px 8px !important;
padding-left:12px; padding-left:12px;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
...@@ -1241,7 +1241,7 @@ export default { ...@@ -1241,7 +1241,7 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.renling-hui{ .renling-hui{
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 400;
...@@ -1252,20 +1252,20 @@ export default { ...@@ -1252,20 +1252,20 @@ export default {
font-weight: 400; font-weight: 400;
color: #3D3D3D; color: #3D3D3D;
} }
} }
.renling-btn:hover{ .renling-btn:hover{
.renling-hei{ .renling-hei{
color: #0081FF; color: #0081FF;
} }
} }
} }
} }
.table-item1{ .table-item1{
::v-deep .el-table__body-wrapper{ ::v-deep .el-table__body-wrapper{
...@@ -1289,7 +1289,7 @@ export default { ...@@ -1289,7 +1289,7 @@ export default {
overflow-x: clip; overflow-x: clip;
overflow-y: clip; overflow-y: clip;
} }
} }
.table-item-jf1{ .table-item-jf1{
border-top:1px solid #EFEFEF; border-top:1px solid #EFEFEF;
...@@ -1301,6 +1301,6 @@ export default { ...@@ -1301,6 +1301,6 @@ export default {
} }
} }
} }
</style> </style>
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
v-loading="tableLoading" v-loading="tableLoading"
:data="tableData" :data="tableData"
border border
v-horizontal-scroll="'always'"
highlight-current-row highlight-current-row
@sort-change="sortChange" @sort-change="sortChange"
:default-sort = "{prop: 'gdp', order: 'descending'}" :default-sort = "{prop: 'gdp', order: 'descending'}"
......
...@@ -20,6 +20,7 @@ ...@@ -20,6 +20,7 @@
collapse-tags collapse-tags
clearable></el-cascader> clearable></el-cascader>
<el-input placeholder="输入关键词查询" v-model="queryParams.ename" clearable @clear="handleSearch()"> <el-input placeholder="输入关键词查询" v-model="queryParams.ename" clearable @clear="handleSearch()">
<i slot="prefix" class="el-icon-search"></i>
<el-button slot="append" @click="handleSearch()">搜索</el-button> <el-button slot="append" @click="handleSearch()">搜索</el-button>
</el-input> </el-input>
<span class="total">{{tableDataTotal}}</span> <span class="total">{{tableDataTotal}}</span>
...@@ -31,7 +32,7 @@ ...@@ -31,7 +32,7 @@
v-loading="tableLoading" v-loading="tableLoading"
border border
fit fit
max-height="640" v-horizontal-scroll="'always'"
@sort-change="sortChange" @sort-change="sortChange"
highlight-current-row highlight-current-row
v-if="tableDataTotal > 0 && !isSkeleton" v-if="tableDataTotal > 0 && !isSkeleton"
...@@ -353,11 +354,13 @@ export default { ...@@ -353,11 +354,13 @@ export default {
width: 180px; width: 180px;
margin-right: 12px; margin-right: 12px;
height: 32px; height: 32px;
line-height: 32px !important;
.el-input{ .el-input{
width: 100%; width: 100%;
height: 32px; height: 32px;
.el-input__inner{ .el-input__inner{
height: 32px !important; height: 32px !important;
line-height: 32px !important;
} }
} }
.el-cascader__tags{ .el-cascader__tags{
...@@ -378,8 +381,20 @@ export default { ...@@ -378,8 +381,20 @@ export default {
.el-input__suffix{ .el-input__suffix{
margin-top: -1px; margin-top: -1px;
} }
.el-icon-search{
font-size: 14px;
line-height: 32px;
color:#0081FF;
margin-left: 6px;
margin-right: 4px;
}
.el-input__inner:focus{ .el-input__inner:focus{
border-color: #e0e0e0; border-color: #0081FF;
}
.el-input__inner:focus ~.el-input-group__append{
border: 1px solid #0081FF;
color: #ffffff;
background: #0081FF;
} }
.el-input-group__append{ .el-input-group__append{
width: 60px; width: 60px;
...@@ -388,8 +403,7 @@ export default { ...@@ -388,8 +403,7 @@ export default {
background: #F5F5F5; background: #F5F5F5;
color:#0081FF; color:#0081FF;
border-left: 0; border-left: 0;
border-radius: 0; border-radius: 2px;
border-right: 0;
} }
} }
.total{ .total{
......
...@@ -437,7 +437,6 @@ export default { ...@@ -437,7 +437,6 @@ export default {
.content{ .content{
background: #ffffff; background: #ffffff;
padding: 16px; padding: 16px;
margin-bottom: 16px;
border-radius: 4px; border-radius: 4px;
} }
.common-title{ .common-title{
......
...@@ -29,14 +29,13 @@ ...@@ -29,14 +29,13 @@
</div> </div>
</div> </div>
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton> <skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<!--v-horizontal-scroll="'always'"-->
<div class="table-item"> <div class="table-item">
<el-table <el-table
class="fixed-table" class="fixed-table"
:data="tableData" :data="tableData"
element-loading-text="Loading" element-loading-text="Loading"
@sort-change="sortChange" @sort-change="sortChange"
max-height="640" v-horizontal-scroll="'always'"
border border
highlight-current-row highlight-current-row
v-if="tableDataTotal > 0 && !isSkeleton" v-if="tableDataTotal > 0 && !isSkeleton"
......
...@@ -92,8 +92,8 @@ ...@@ -92,8 +92,8 @@
</div> </div>
</div> </div>
<el-input class="search-input" placeholder="输入企业名称查询" v-model="queryParams.keyword" clearable @clear="handleKeyword()"> <el-input class="search-input" placeholder="输入企业名称查询" v-model="queryParams.keyword" clearable @clear="handleKeyword()">
<template slot="prepend"><i class="el-icon-search"></i></template> <i slot="prefix" class="el-icon-search"></i>
<el-button slot="append" @click="handleKeyword">搜索</el-button> <el-button slot="append" @click="handleKeyword()">搜索</el-button>
</el-input> </el-input>
</div> </div>
<div class="list-box"> <div class="list-box">
...@@ -152,7 +152,7 @@ ...@@ -152,7 +152,7 @@
element-loading-text="Loading" element-loading-text="Loading"
@sort-change="sortChange" @sort-change="sortChange"
border border
max-height="640" v-horizontal-scroll="'always'"
fit fit
highlight-current-row highlight-current-row
> >
...@@ -830,7 +830,6 @@ export default { ...@@ -830,7 +830,6 @@ export default {
.content{ .content{
background: #ffffff; background: #ffffff;
padding: 16px; padding: 16px;
margin-bottom: 16px;
border-radius: 4px; border-radius: 4px;
.search{ .search{
margin-top: 22px; margin-top: 22px;
...@@ -907,29 +906,30 @@ export default { ...@@ -907,29 +906,30 @@ export default {
/*::v-deep .el-input{*/ /*::v-deep .el-input{*/
width: 235px; width: 235px;
height: 32px; height: 32px;
.el-input__inner:focus{
border-color: #e0e0e0;
}
.el-input-group__prepend:first-child{
padding: 0;
background-color:#ffffff;
border-right: 0;
padding-left: 8px;
i{
color:#0081FF;
}
}
.el-input__inner{ .el-input__inner{
border-left: 0;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
font-size: 12px; font-size: 12px;
padding-left: 8px;
border-right: 0; border-right: 0;
} }
.el-input__suffix{ .el-input__suffix{
margin-top: -1px; margin-top: -1px;
} }
.el-icon-search{
font-size: 14px;
line-height: 32px;
color:#0081FF;
margin-left: 6px;
margin-right: 4px;
}
.el-input__inner:focus{
border-color: #0081FF;
}
.el-input__inner:focus ~.el-input-group__append{
border: 1px solid #0081FF;
color: #ffffff;
background: #0081FF;
}
.el-input-group__append:last-child{ .el-input-group__append:last-child{
width: 60px; width: 60px;
padding: 0; padding: 0;
...@@ -937,8 +937,7 @@ export default { ...@@ -937,8 +937,7 @@ export default {
background: #F5F5F5; background: #F5F5F5;
color:#0081FF; color:#0081FF;
border-left: 0; border-left: 0;
border-radius: 0; border-radius: 2px;
border-right: 0;
} }
/*}*/ /*}*/
} }
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<p>{{itme.value}}</p> <p>{{itme.value}}</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<p class="solid"></p> <p class="solid"></p>
...@@ -28,8 +28,8 @@ ...@@ -28,8 +28,8 @@
<Tender v-if="personnelHerf=='Tender'" /> <Tender v-if="personnelHerf=='Tender'" />
<!-- 开标记录 --> <!-- 开标记录 -->
<BidRecord v-if="personnelHerf=='BidRecord'" /> <BidRecord v-if="personnelHerf=='BidRecord'" />
</div> </div>
</template> </template>
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
import Tender from "./components/Tender/index.vue"; import Tender from "./components/Tender/index.vue";
import BidRecord from "./components/BidRecord/index.vue"; import BidRecord from "./components/BidRecord/index.vue";
import Bidding from "./components/Bidding/index.vue"; import Bidding from "./components/Bidding/index.vue";
import "@/assets/styles/public.css"; import "@/assets/styles/public.css";
export default { export default {
name: 'Radar', name: 'Radar',
...@@ -71,25 +71,25 @@ ...@@ -71,25 +71,25 @@
key: 'Bidding', key: 'Bidding',
status: false, status: false,
value: '招标计划', value: '招标计划',
}, },
{ {
key: 'bxprozbgg', key: 'bxprozbgg',
status: false, status: false,
value: '标讯pro', value: '标讯pro',
}, },
{ {
key: 'Tender', key: 'Tender',
status: false, status: false,
value: '公招标讯', value: '公招标讯',
}, },
{ {
key: 'BidRecord', key: 'BidRecord',
status: false, status: false,
value: '开标记录', value: '开标记录',
}, },
], ],
...@@ -112,7 +112,7 @@ ...@@ -112,7 +112,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.app-container { .app-container {
margin: 12px 24px; margin: 12px 24px;
padding: 0; padding: 0;
...@@ -120,7 +120,7 @@ ...@@ -120,7 +120,7 @@
.content{ .content{
padding: 0px 16px; padding: 0px 16px;
background: #FFFFFF; background: #FFFFFF;
} }
.app-container .combined-title { .app-container .combined-title {
...@@ -252,4 +252,4 @@ ...@@ -252,4 +252,4 @@
border-bottom: 2px solid #0081FF; border-bottom: 2px solid #0081FF;
font-weight: bold; font-weight: bold;
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment