Skip to content

D
dsk-cr20g
Commit 46e5bbca authored by yht15023815643's avatar yht15023815643
Browse files
Options

集团户

parent 840c7a32
Hide whitespace changes
Inline Side-by-side
Showing with 791 additions and 94 deletions
dsk-operate-ui/src/api/enterpriseData/enterpriseData.js
View file @ 46e5bbca
......@@ -27,6 +27,13 @@ let regionWebList= function regionWebList(param) {
method: 'get',
})
}
// 地区
let region= function region(param) {
return request({
url: '/system/region/list/'+param,
method: 'get',
})
}
// 查甲方选项
let uipGroupData= function uipGroupData(param) {
return request({
......@@ -92,8 +99,48 @@ let infoHeader= function infoHeader(param) {
data: param
})
}
// 搜索集团户
let searchCentralEnterprse= function searchCentralEnterprse(param) {
return request({
url: '/combine/info/index',
method: 'post',
data: param
})
}
// 央企
let centralEnterprse= function centralEnterprse(param) {
return request({
url: '/combine/info/centralEnterprse',
method: 'post',
data: param
})
}
// 央企子集团
let centralEnterprseChild= function centralEnterprseChild(param) {
return request({
url: '/combine/info/centralEnterprse/child',
method: 'post',
data: param
})
}
// 地方国企
let centralEnterprselocal= function centralEnterprselocal(param) {
return request({
url: '/combine/info/centralEnterprse/local',
method: 'post',
data: param
})
}
// 民营集团
let centralEnterprsesocial= function centralEnterprsesocial(param) {
return request({
url: '/combine/info/centralEnterprse/social',
method: 'post',
data: param
})
}
export default {aptitudeCode,personCert,searchDic,regionWebList,uipGroupData,uipSerach,claim,cancelClaim,enterprisePage,infoHeader,historyClaim,customerStatus}
export default {centralEnterprsesocial,centralEnterprselocal,centralEnterprseChild,searchCentralEnterprse,centralEnterprse,region,aptitudeCode,personCert,searchDic,regionWebList,uipGroupData,uipSerach,claim,cancelClaim,enterprisePage,infoHeader,historyClaim,customerStatus}
dsk-operate-ui/src/layout/components/AppMain.vue
View file @ 46e5bbca
......@@ -42,7 +42,7 @@ export default {
.hasTagsView {
.app-main {
/* 84 = navbar + tags-view = 50 + 34 */
min-height: calc(100vh - 56px);
min-height: calc(100vh - 68px);
min-width:1440px;
background: #F5F5F5;
overflow: initial;
......
dsk-operate-ui/src/views/detail/party-a/component/HeadDetailForm.vue
View file @ 46e5bbca
......@@ -3,15 +3,15 @@
<div class="flex-box query-box">
<div class="flex-box query-params">
<div class="flex-box headForm-text">
<img v-if="title" src="@/assets/images/detail/ico_title.png" />
<span class="drawer-title" v-if="title">{{ title }}</span>
<!-- <img v-if="title" src="@/assets/images/detail/ico_title.png" /> -->
<!-- <span class="drawer-title" v-if="title">{{ title }}</span> -->
<template v-if="slots">
<slot name="slot"></slot>
</template>
<div v-else>
<!-- <div v-else>
<span class="ability-total" v-if="isTotal">{{ total }}条数据</span>
<span class="ability-total" v-if="amountTotal">，共计合作总金额：<i>{{ amountTotal }}</i>万元</span>
</div>
</div> -->
</div>
<div class="headForm-from">
<div class="from-item" :key="i" v-for="(form, i) in formData">
......@@ -45,7 +45,7 @@
<!-- 输入框 -->
<template v-if="form.type==3">
<div class="cooperate-name" :id="'detailFocus'+i">
<el-input @focus="clickFocus('detailFocus'+i)" @blur="clickFocus('detailFocus'+i)" v-model="form.value" :placeholder="form.placeholder" :style="form.width?'width:'+form.width+'px':'width:180px'"></el-input>
<el-input clearable @focus="clickFocus('detailFocus'+i)" @blur="clickFocus('detailFocus'+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>
......@@ -63,6 +63,14 @@
<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==6">
<custom-money-select
:moneyList="form.moneyList"
v-model="form.value"
:placeholder="form.placeholder"
@handle-search="changeSelect" />
</template>
<!-- 自定义 -->
<template v-if="form.type==0">
<slot name="slot"></slot>
......@@ -77,8 +85,12 @@
</template>
<script>
import CustomMoneySelect from './CustomMoneySelect'
export default {
name: "HeadDetailForm",
components: {
CustomMoneySelect
},
props: {
title: {
type: String,
......@@ -129,15 +141,19 @@ export default {
.headForm{
.query-params{
width: 100%;
padding: 8px 17px 8px 13px;
justify-content: space-between;
border-bottom: 1px solid #E1E1E1;
padding: 8px 17px 8px 0;
}
::v-deep .el-input__inner{
border: 0;
height: 32px;
line-height: 32px;
}
::v-deep .custom-money-select{
.el-input__inner{
border: 1px solid #D9D9D9;
}
}
::v-deep .el-form-item{
margin-right: 8px !important;
}
......@@ -150,12 +166,6 @@ export default {
height: 17px;
margin-right: 8px;
}
.drawer-title{
font-size: 16px;
color: #232323;
font-weight: bold;
margin-right: 4px;
}
.ability-total{
font-size: 12px;
color: rgba(35,35,35,0.8);
......
dsk-operate-ui/src/views/detail/party-a/component/Sidebar.vue
View file @ 46e5bbca
......@@ -147,7 +147,6 @@ export default {
},
created() {
this.defaultRoute = JSON.parse(JSON.stringify(this.sideRoute))
},
watch:{
statisticObj:{
......@@ -289,6 +288,10 @@ export default {
},
handleItem(item){
if(item.title=='企业速览'){
item.pathName = 'overview'
}
console.log(item)
this.$emit("currentPath", item)
},
handleSearch(flag){
......
dsk-operate-ui/src/views/detail/party-a/dealings/component/customDetail.vue
View file @ 46e5bbca
<template>
<div class="client-details">
<el-drawer
<el-dialog
:visible.sync="drawer"
size="60%"
custom-class="client-drawer"
size="80%"
:title="title"
custom-class="client-dialog"
:with-header="false"
@closed="cancel">
<head-detail-form
:title="title"
:form-data="formData"
:query-params="queryParams"
:total="tableDataTotal"
......@@ -22,23 +22,15 @@
:tableDataTotal="tableDataTotal"
:queryParams="queryParams"
@handle-current-change="handleCurrentChange"
style="margin: 12px;"
>
<template slot="projectAllName" slot-scope="scope">
<template slot="sourceType" slot-scope="scope">
<div class="flex-box">
<img class="tip-img" src="@/assets/images/detail/ico_pdf.png" v-if="scope.row.snapshootPic" @click="handlePic(scope.row.snapshootPic, true)"/>
<div class="a-link" @click="linkTo(scope)" v-if="scope.row.id&&scope.row.projectAllName" v-html="scope.row.projectAllName" style="cursor: pointer"></div>
<span v-else v-html="scope.row.projectAllName || '--'"></span>
<div class="a-link" @click="linkTo(scope)" v-if="scope.row.sourceId&&scope.row.sourceType=='中标业绩'" v-html="scope.row.sourceType" style="cursor: pointer"></div>
<span v-else v-html="scope.row.sourceType || '--'"></span>
</div>
</template>
<template slot="province" slot-scope="scope">
{{scope.row.province}}{{`${scope.row.city?'-'+scope.row.city:''}`}}
</template>
<template slot="lowerRate" slot-scope="scope">
<span>{{scope.row.lowerRate ? scope.row.lowerRate+'%' : '--'}}</span>
</template>
</tables>
</el-drawer>
</el-dialog>
</div>
</template>
......@@ -62,21 +54,20 @@ export default {
drawer: false,
queryParams: {
cid: this.companyId,
unitId: this.data.projectUnitId,
companyId: this.data.companyId,
pageNum: 1,
pageSize: 20
},
formData: [
{ type: 6, fieldName: 'money', value: '', placeholder: '合同金额', startMoney: 'amountMin', endMoney: 'amountMax' },
{ type: 3, fieldName: 'keys', value: '', placeholder: '输入项目/工程名称查询', options: []},
],
forData: [
{label: '合作项目/工程名称', prop: 'projectAllName', width: '720', fixed: true, slot: true},
{label: '项目/工程金额（万元）', prop: 'winBidAmount', width: '160'},
{label: '合作时间', prop: 'winBidTime', width: '100'},
{label: '项目地区', prop: 'province', width: '160', slot: true},
{label: '项目类型', prop: 'boundType', width: '130'},
{label: '工期（天）', prop: 'period', width: '90'},
{label: '下浮率', prop: 'lowerRate', width: '90', slot: true}
{label: '项目名称', prop: 'projectName', fixed: true},
{label: '公布时间', prop: 'time', width: '100'},
{label: '本次合同金额（万元）', prop: 'amount', width: '160'},
{label: '项目类型', prop: 'projectTtype', width: '130'},
{label: '数据来源', prop: 'sourceType', width: '90', slot: true}
],
//列表
tableLoading:false,
......@@ -109,7 +100,7 @@ export default {
},
linkTo(scope){
this.drawer = false
this.$router.push(`/biddetail/${scope.row.id}`)
this.$router.push(`/biddetail/${scope.row.sourceId}`)
},
cancel() {
this.$emit('cancel')
......@@ -120,8 +111,27 @@ export default {
<style lang="scss" scoped>
.client-details {
::v-deep .client-drawer{
::v-deep .client-dialog{
width: 80%;
min-width: 900px;
background: #FFFFFF;
.el-dialog__body{
padding-top: 0;
}
.fixed-table{
.el-table__header-wrapper,.el-table__fixed-header-wrapper{
top: 0;
}
}
.el-dialog__header{
border-bottom: 1px solid #E1E1E1;
}
.el-dialog__title{
font-size: 16px;
color: #232323;
font-weight: bold;
margin-right: 4px;
}
}
.tip-img{
width: 14px;
......
dsk-operate-ui/src/views/detail/party-a/dealings/component/supplierDetail.vue
View file @ 46e5bbca
<template>
<div class="client-details">
<el-drawer
<el-dialog
:visible.sync="drawer"
size="60%"
custom-class="client-drawer"
size="80%"
:title="title"
custom-class="client-dialog"
:with-header="false"
@closed="cancel">
<head-detail-form
:title="title"
:form-data="formData"
:query-params="queryParams"
:total="tableDataTotal"
......@@ -22,22 +22,14 @@
:tableDataTotal="tableDataTotal"
:queryParams="queryParams"
@handle-current-change="handleCurrentChange"
style="margin: 12px;"
>
<template slot="projectAllName" slot-scope="scope">
<div class="flex-box">
<img class="tip-img" src="@/assets/images/detail/ico_pdf.png" v-if="scope.row.snapshootPic" @click="handlePic(scope.row.snapshootPic, true)"/>
<div class="a-link" @click="linkTo(scope)" v-if="scope.row.id&&scope.row.projectAllName" v-html="scope.row.projectAllName" style="cursor: pointer"></div> <span v-else v-html="scope.row.projectAllName || '--'"></span>
<span v-html="scope.row.projectAllName || '--'"></span>
</div>
</template>
<template slot="province" slot-scope="scope">
{{scope.row.province}}{{`${scope.row.city?'-'+scope.row.city:''}`}}
</template>
<template slot="lowerRate" slot-scope="scope">
<span>{{scope.row.lowerRate ? scope.row.lowerRate+'%' : '--'}}</span>
</template>
</tables>
</el-drawer>
</el-dialog>
</div>
</template>
......@@ -66,16 +58,15 @@ export default {
pageSize: 20
},
formData: [
{ type: 6, fieldName: 'money', value: '', placeholder: '合同金额', startMoney: 'amountMin', endMoney: 'amountMax' },
{ type: 3, fieldName: 'keys', value: '', placeholder: '输入合作项目/工程名称查询', options: [], width: 260},
],
forData: [
{label: '合作项目/工程名称', prop: 'projectAllName', width: '720', fixed: true, slot: true},
{label: '项目/工程金额（万元）', prop: 'winBidAmount', width: '160'},
{label: '合作时间', prop: 'winBidTime', width: '100'},
{label: '项目地区', prop: 'province', width: '160', slot: true},
{label: '项目名称', prop: 'projectAllName', fixed: true, slot: true},
{label: '公布时间', prop: 'winBidTime', width: '100'},
{label: '本次合同金额（万元）', prop: 'winBidAmount', width: '160'},
{label: '项目类型', prop: 'boundType', width: '130'},
{label: '工期（天）', prop: 'period', width: '90'},
{label: '下浮率', prop: 'lowerRate', width: '90', slot: true}
{label: '数据来源', prop: 'sourceName', width: '90', slot: true}
],
//列表
tableLoading:false,
......@@ -119,8 +110,27 @@ export default {
<style lang="scss" scoped>
.client-details {
::v-deep .client-drawer{
::v-deep .client-dialog{
width: 80%;
min-width: 900px;
background: #FFFFFF;
.el-dialog__body{
padding-top: 0;
}
.fixed-table{
.el-table__header-wrapper,.el-table__fixed-header-wrapper{
top: 0;
}
}
.el-dialog__header{
border-bottom: 1px solid #E1E1E1;
}
.el-dialog__title{
font-size: 16px;
color: #232323;
font-weight: bold;
margin-right: 4px;
}
}
.tip-img{
width: 14px;
......
dsk-operate-ui/src/views/detail/party-a/dealings/custom.vue
View file @ 46e5bbca
......@@ -25,16 +25,19 @@
<router-link :to="scope.row.uipId?`/enterprise/${encodeStr(scope.row.projectUnitId)}`:`/company/${encodeStr(scope.row.projectUnitId)}`" tag="a" class="a-link" v-if="scope.row.projectUnitId&&scope.row.companyName" v-html="scope.row.companyName"></router-link>
<div v-else v-html="scope.row.companyName || '--'"></div>
</template>
<template slot="projectAllName" slot-scope="scope">
<!-- <template slot="projectAllName" slot-scope="scope">
<router-link :to="`/biddetail/${scope.row.projectInfo.projectId}`" tag="a" class="a-link" v-if="scope.row.projectInfo.projectId&&scope.row.projectInfo.projectAllName" >{{ scope.row.projectInfo.projectAllName }}</router-link>
<div v-else v-html="scope.row.projectInfo&&scope.row.projectInfo.projectAllName || '--'"></div>
<div v-if="scope.row.count>1" @click="handleClick($event, scope.row)" style="color: #FF7E38;cursor: pointer;">有{{scope.row.count}}个合作项目/工程 ></div>
</template> -->
<template slot="count" slot-scope="scope">
<div v-if="scope.row.count>0" class="a-link" style="cursor: pointer;" @click="handleClick($event, scope.row)" >{{scope.row.count}}</div>
</template>
</tables>
<client-detail
v-if="isDetails"
:data="rowData"
:title="'合作项目/工程明细'"
:title="title"
:company-id="companyId"
@cancel="isDetails=false" />
</div>
......@@ -53,21 +56,23 @@ export default {
},
data() {
return {
title:'',
queryParams: {
cid: this.companyId,
sort: 3,
pageNum: 1,
pageSize: 20
},
defaultSort: {prop: 'time', order: 'descending'},
defaultSort: {},
forData: [
{label: '客户名称', prop: 'companyName', minWidth: '350', slot: true},
{label: '合作项目/工程名称', prop: 'projectAllName', minWidth: '400', slot: true, sortable: 'custom', descending: '5', ascending: '6'},
// {label: '合作项目/工程名称', prop: 'projectAllName', minWidth: '400', slot: true, sortable: 'custom', descending: '5', ascending: '6'},
{label: '最近合作时间', prop: 'time', minWidth: '140', sortable: 'custom', descending: '3', ascending: '4'},
{label: '合作总金额（万元）', prop: 'amount', minWidth: '150', sortable: 'custom', descending: '1', ascending: '2'},
{label: '最近一次合作时间', prop: 'time', minWidth: '140', sortable: 'custom', descending: '3', ascending: '4'}
{label: '合作次数', prop: 'count', minWidth: '150', sortable: 'custom',slot: true, descending: '5', ascending: '6'},
],
formData: [
{ type: 3, fieldName: 'keys', value: '', placeholder: '输入企业名称查询', options: []},
{ type: 3, fieldName: 'keys', value: '', placeholder: '搜索客户名称', options: []},
],
//列表
tableLoading:false,
......@@ -103,7 +108,8 @@ export default {
},
handleClick(e, data) {
this.rowData = data
this.isDetails = true
this.isDetails = true;
this.title = '与客户'+data.companyName+'合作记录'
},
handleDetail(row){
if(row.sourceUrl){
......
dsk-operate-ui/src/views/detail/party-a/dealings/hiscontract.vue
View file @ 46e5bbca
......@@ -51,7 +51,7 @@ export default {
pageNum: 1,
pageSize: 20
},
defaultSort: {prop: 'winBidTime', order: 'descending'},
defaultSort: {},
forData: [
{label: '项目名称', prop: 'projectAllName', minWidth: '560', slot: true},
{label: '中标时间', prop: 'winBidTime', minWidth: '100', sortable: 'custom', descending: '3', ascending: '4'},
......
dsk-operate-ui/src/views/detail/party-a/dealings/supplier.vue
View file @ 46e5bbca
......@@ -25,16 +25,14 @@
<router-link :to="`/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="projectAllName" slot-scope="scope">
<router-link :to="`/biddetail/${scope.row.projectInfo.projectId}`" tag="a" class="a-link" v-if="scope.row.projectInfo.projectId&&scope.row.projectInfo.projectAllName" >{{ scope.row.projectInfo.projectAllName }}</router-link>
<div v-else v-html="scope.row.projectInfo&&scope.row.projectInfo.projectAllName || '--'"></div>
<div v-if="scope.row.count>1" @click="handleClick($event, scope.row)" style="color: #FF7E38;cursor: pointer;">有{{scope.row.count}}个合作项目/工程 ></div>
<template slot="count" slot-scope="scope">
<div v-if="scope.row.count>0" class="a-link" style="cursor: pointer;" @click="handleClick($event, scope.row)" >{{scope.row.count}}</div>
</template>
</tables>
<client-detail
v-if="isDetails"
:data="rowData"
:title="'合作项目/工程明细'"
:title="title"
:company-id="companyId"
@cancel="isDetails=false" />
</div>
......@@ -53,21 +51,22 @@ export default {
},
data() {
return {
title:'',
queryParams: {
cid: this.companyId,
sort: 3,
sort: 5,
pageNum: 1,
pageSize: 20
},
defaultSort: {prop: 'time', order: 'descending'},
defaultSort: {},
forData: [
{label: '供应商', prop: 'companyName', minWidth: '350', slot: true},
{label: '合作项目/工程名称', prop: 'projectAllName', minWidth: '400', slot: true, sortable: 'custom', descending: '5', ascending: '6'},
{label: '最近合作时间', prop: 'time', minWidth: '140', sortable: 'custom', descending: '3', ascending: '4'},
{label: '合作总金额（万元）', prop: 'amount', minWidth: '150', sortable: 'custom', descending: '1', ascending: '2'},
{label: '最近一次合作时间', prop: 'time', minWidth: '140', sortable: 'custom', descending: '3', ascending: '4'}
{label: '合作次数', prop: 'count', minWidth: '150', sortable: 'custom',slot: true, descending: '5', ascending: '6'},
],
formData: [
{ type: 3, fieldName: 'keys', value: '', placeholder: '输入企业名称查询', options: []},
{ type: 3, fieldName: 'keys', value: '', placeholder: '搜索供应商名称', options: []},
],
//列表
tableLoading:false,
......@@ -104,6 +103,7 @@ export default {
handleClick(e, data) {
this.rowData = data
this.isDetails = true
this.title = '与供应商'+data.companyName+'合作记录'
},
handleDetail(row){
if(row.sourceUrl){
......
dsk-operate-ui/src/views/enterpriseData/components/Group/index.vue 0 → 100644
View file @ 46e5bbca
<template>
<!-- <div style="width:calc(100% - 100px);" @click="showlist = false"> -->
<div @click="showlist = false">
<div class="content">
<div class="content_item">
<div class="content_right">
<el-input type="text" class="ename_input" placeholder="请输入集团名称查询" clearable v-model="companyName" @input="search(1)"><div slot="append" class="btn-search" @click="selCompany()">搜索</div></el-input>
<div class="infinite-list" v-if="showlist" id="box" v-infinite-scroll="load" style="overflow:auto">
<div class="empty" v-if="searchList.length<1">
<img src="@/assets/images/kong.png" alt="">
<p>抱歉，没找到相关数据</p>
<p class="p1">建议调整关键词或筛选条件，重新搜索</p>
</div>
<div v-else class="infinite-list-item" v-for="(item,index) in searchList" @click="selCompany(item)" :key="index">
<!-- <img :src="item.logo" alt="" > -->
<div class="logo" :style="{background:colors[index%5]}">{{ item.combineMemberName.slice(0,2) }}</div>
<div>
<span style="font-size: 14px;" v-html="item.combineName" ></span>
<div style="height:22px;line-height: 22px;"><span class="infinite-label">集团成员：</span>{{ item.combineMemberNum }}</div>
<div ><span class="infinite-label">集团本身：</span>{{ item.combineMemberName }}</div>
</div>
</div>
</div>
<div style="margin-top: 16px;"><span class="label">集团性质</span><span class="group_item" :class="index==activeIndex?'active':''" @click="groupClick(index)" v-for="(item,index) in groups" :key="index">{{ item }}</span></div>
</div>
</div>
</div>
<div style="position: relative;">
<div class="wrap">
<template v-if="activeIndex==0">
<div class="count">共{{ total }}条</div>
<div >
<div class="infinite-list-item" v-for="(item,index) in companData" @click="selCompany(item)" :key="index">
<!-- <img :src="item.logo" alt="" > -->
<div class="logo" :style="{background:colors[index%5]}">{{ item.combineMemberName.slice(0,2) }}</div>
<div style="float: left;">
<span class="name" v-html="item.combineName" ></span>
<div style="height:20px;line-height: 20px;"><span class="infinite-label">集团成员：</span>{{ item.combineMemberNum }}</div>
<div class="name1"><span class="infinite-label">集团本身：</span>{{ item.combineMemberName }}</div>
</div>
</div>
</div>
</template>
<template v-if="activeIndex==1">
<div class="count">共{{ childList.length }}条</div>
<div class="child-wrap" :id="item.type" v-for="(item,index) in childList" :key="index">
<div class="anchor"></div>
<div class="count1" >{{item.type}}<span> {{ item.total }}</span></div>
<div :key="index">
<div class="infinite-list-item" v-for="(item1,index1) in item.list" @click="selCompany(item1)" :key="index1+'i'">
<!-- <img :src="item1.logo" alt="" > -->
<div class="logo" :style="{background:colors[index1%5]}">{{ item1.combineMemberName.slice(0,2) }}</div>
<div style="float: left;">
<span class="name" v-html="item1.combineName" ></span>
<div style="height:20px;line-height: 20px;"><span class="infinite-label">集团成员：</span>{{ item1.combineMemberNum }}</div>
<div class="name1"><span class="infinite-label">集团本身：</span>{{ item1.combineMemberName }}</div>
</div>
</div>
</div>
<el-divider v-if="item.total>12" >更多<span></span></el-divider>
</div>
</template>
<template v-if="activeIndex==2">
<div v-if="activeIndex==2" class="province_wrap">
<span class="province_item" @click="provinceClick(index)" :class="provinceIndex==index?'active':''" v-for="(item,index) in provinces" :key="index">{{ item.nameSimple }}</span>
</div>
<div class="anchor"></div>
<div class="count1" >{{provinceId=='110000'||provinceId=='120000'||provinceId=='500000'||provinceId=='310000'?'市':'省'}}管国企<span> {{ localList.total }}</span></div>
<div class="child-wrap" >
<div >
<div class="infinite-list-item" v-for="(item,index) in localList.local" :key="index" @click="selCompany(item)" >
<!-- <img :src="item.logo" alt="" > -->
<div class="logo" :style="{background:colors[index%5]}">{{ item.combineMemberName.slice(0,2) }}</div>
<div style="float: left;">
<span class="name" v-html="item.combineName" ></span>
<div style="height:20px;line-height: 20px;"><span class="infinite-label">集团成员：</span>{{ item.combineMemberNum }}</div>
<div class="name1"><span class="infinite-label">集团本身：</span>{{ item.combineMemberName }}</div>
</div>
</div>
</div>
<el-divider v-if="localList.total>12" >更多<span></span></el-divider>
</div>
<div class="child-wrap" :id="item.type" v-for="(item,index) in localList1" :key="index">
<div class="anchor"></div>
<div class="count1" >{{item.address}}<span> {{ item.total }}</span></div>
<div :key="index">
<div class="infinite-list-item" v-for="(item1,index1) in item.result" @click="selCompany(item1)" :key="index1+'i'">
<!-- <img :src="item1.logo" alt="" > -->
<div class="logo" :style="{background:colors[index1%5]}">{{ item1.combineMemberName.slice(0,2) }}</div>
<div style="float: left;">
<span class="name" v-html="item1.combineName" ></span>
<div style="height:20px;line-height: 20px;"><span class="infinite-label">集团成员：</span>{{ item1.combineMemberNum }}</div>
<div class="name1"><span class="infinite-label">集团本身：</span>{{ item1.combineMemberName }}</div>
</div>
</div>
</div>
<el-divider v-if="item.total>12" >更多<span></span></el-divider>
</div>
</template>
<template v-if="activeIndex==3">
<div class="count">共{{ childList.length }}条</div>
<div class="child-wrap" :id="item.type" v-for="(item,index) in childList" :key="index">
<div class="anchor"></div>
<div class="count1" >{{item.type}}<span> {{ item.total }}</span></div>
<div :key="index">
<div class="infinite-list-item" v-for="(item1,index1) in item.list" @click="selCompany(item1)" :key="index1+'i'">
<!-- <img :src="item1.logo" alt="" > -->
<div class="logo" :style="{background:colors[index1%5]}">{{ item1.combineMemberName.slice(0,2) }}</div>
<div style="float: left;">
<span class="name" v-html="item1.combineName" ></span>
<div style="height:20px;line-height: 20px;"><span class="infinite-label">集团成员：</span>{{ item1.combineMemberNum }}</div>
<div class="name1"><span class="infinite-label">集团本身：</span>{{ item1.combineMemberName }}</div>
</div>
</div>
</div>
<el-divider v-if="item.total>12" >更多<span></span></el-divider>
</div>
</template>
</div>
<div v-if="activeIndex==1||activeIndex==3" class="anchor_box" >
<div class="anchor_wrap">
<div class="anchor_item" v-for="(item,i) in childList"
:class="anchorIndex==i?'active_anchor_item':''" :key="i" @click="anchorClick(i)">
{{item.type}}
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import api from '@/api/enterpriseData/enterpriseData.js';
export default {
name: 'Group',
data(){
return{
childList:[],
localList:[],
localList1:[],
anchorIndex: 0,
companyName:'',
showlist:false,
activeIndex:0,
provinceIndex:0,
provinces:[],
total:12,
isscroll:false,
groups:['央企','央企子集团','地方国企','民营集团'],
companData:[],
searchList:[],
page:1,
colors: ['#42DB9A', '#31C0D9', '#9A42DB', '#428EDB', '#DBAC42'],
provinceId:110000
}
},
beforeDestroy() {
if (process.browser) {
document.removeEventListener("scroll", this.handleScroll);
}
},
created(){
api.region(100000).then(res=>{
if(res.code==200){
this.provinces = res.data
}
})
this.getCompany()
},
methods:{
provinceClick(index){
this.provinceIndex = index;
this.provinceId = this.provinces[index].id;
this.groupClick(2)
},
groupClick(index){
this.activeIndex=index;
if(index==1){
this.listenerFunction();
api.centralEnterprseChild().then(res=>{
if(res.code==200){
this.childList = res.data
}
})
}else if(index==2){
if (process.browser) {
document.removeEventListener("scroll", this.handleScroll);
}
let data = {
provinceId:this.provinceId
}
api.centralEnterprselocal(data).then(res=>{
if(res.code==200){
this.localList = res.data.localList;
this.localList1 = res.data.list;
}
})
}else if(index==3){
this.listenerFunction();
api.centralEnterprsesocial().then(res=>{
if(res.code==200){
this.childList = res.data
}
})
}
},
listenerFunction(e) {
if (process.browser) {
document.addEventListener('scroll', this.handleScroll, true);
}
},
offsetHeightFn(){
let arr = []
for(var i in this.childList){
arr.push(document.getElementById(this.childList[i].type).offsetHeight)
}
return arr
},
handleScroll() {
for(var i in this.childList){
if (window.scrollY > document.getElementById(this.childList[i].type).offsetTop+144) {
this.anchorIndex = i
}
}
},
anchorTopFn(i) {
var top = 0
for (var j = 0; j < i; j++) {
if (document.getElementById(this.childList[j].type)) {
top = document.getElementById(this.childList[j].type).offsetHeight
}
}
return top
},
anchorClick(i) {
this.anchorIndex = i
var a = document.getElementById(this.childList[i].type)
if (a) {
a.scrollIntoView()
document.body.scrollTop += -56
document.documentElement.scrollTop += -56
}
},
getCompany(){
api.centralEnterprse().then(res=>{
if(res.code==200){
this.companData = res.data.list;
this.total = res.data.total
}
})
},
search(page=1){
this.page = page;
if(!this.companyName.trim()){
return this.$message.warning("请输入集团名称")
}
let data = {
keyword:this.companyName,
limit:5,
page:page
}
api.searchCentralEnterprse(data).then(res=>{
this.showlist = true;
if(res.code==200){
this.searchList = (page==1?res.data.list:this.searchList.concat(res.data.list));
if(res.data.list.length>0){
this.isscroll = true
}else{
this.isscroll = false
}
}
})
},
load(){
if(this.isscroll){
this.page++
this.search(this.page)
}
},
selCompany(item = this.searchList[0]){
this.$router.push({path:`/groupAccount/${item.combineId}?name=${item.combineName.replace(new RegExp("<font color='#FF204E'>", 'g'),'').replace(new RegExp("</font>", 'g'),'')}`})
},
}
}
</script>
<style lang="scss" scoped>
.content{
padding: 24px 16px;
border-radius: 4px 4px 4px 4px;
background: #FFFFFF;
font-size: 14px;
.content_item{
.content_right{
.ename_input{
width: 599px;
margin-right: 20px;
}
.el-input-group{
display: flex;
align-items: center;
}
::v-deep .el-input-group__append{
padding:0px;
line-height: 34px;
font-weight: 400;
color: #0081FF;
height: 34px;
width: 80px;
background: #F5F5F5;
border-radius: 0px 0px 0px 0px;
text-align: center;
cursor: pointer;
}
.label{
color: rgba(35,35,35,0.8);
margin-right: 14px;
}
.group_item{
height: 22px;
display: inline-block;
line-height: 22px;
padding: 0 10px;
border-radius:4px;
cursor: pointer;
color: #232323;
}
.active{
background: #F3F4F5;
color: #0081FF;
}
.infinite-list{
position: absolute;
width: 529px;
max-height: 292px;
background: #FFFFFF;
border-radius: 0px 0px 4px 4px;
border: 1px solid #F3F3F3;
border-bottom: 0;
z-index: 1;
.infinite-list-item{
font-size: 12px;
padding: 8px;
cursor: pointer;
color: #333333;
display: flex;
border-bottom: 1px solid #F5FAFF;
img,.logo{
color: #FFFFFF;
width: 56px;
height: 56px;
line-height: 56px;
margin-right: 8px;
font-size: 16px;
text-align: center;
float: left;
}
.infinite-label{
color: #999999;
margin-right: 0;
margin-top: 4px;
}
&:hover{
background: #F5FAFF;
}
}
.empty{
height: 162px;
background: #FFFFFF;
border-radius: 0px 0px 4px 4px;
border: 1px solid #F3F3F3;
text-align: center;
img{
margin-top: 32px;
width: 50px;
height: 50px;
}
p{
color: #333333;
font-size: 12px;
margin-top: 16px;
}
.p1{
color: #999999;
margin-top: 5px;
}
}
}
}
::v-deep .el-input-group__prepend{
padding: 0 8px;
}
}
}
.wrap{
margin-top: 12px;
// max-height: 708px;
// height: calc(100% - 200px);
overflow: auto;
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
padding: 16px;
.anchor{
height: 24px;
}
.count1{
font-size: 16px;
color: #232323;
span{
color: rgba(35, 35, 35, 0.40);
}
}
.infinite-list-item{
margin-right: 16px;
margin-top: 16px;
width: 383px;
height: 90px;
background: #FFFFFF;
border-radius: 0px 0px 0px 0px;
border: 1px solid #EFEFEF;
font-size: 12px;
padding: 8px;
cursor: pointer;
color: #333333;
display: inline-block;
img,.logo{
color: #FFFFFF;
width: 56px;
height: 56px;
line-height: 56px;
margin-right: 8px;
font-size: 16px;
text-align: center;
float: left;
}
.name{
width: 283px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #232323;
font-size: 16px;
height: 16px;
line-height: 16px;
display: inline-block;
}
.name1{
width: 283px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.infinite-label{
color: #999999;
margin-right: 0;
margin-top: 4px;
}
&:hover{
background: #F5FAFF;
}
}
.province_wrap{
.province_item{
width: 52px;
height: 28px;
line-height: 28px;
display: inline-block;
background: #F6F7FC;
border-radius: 2px;
font-size: 14px;
cursor: pointer;
margin-right: 16px;
text-align: center;
margin-bottom: 16px;
}
.active{
background: #0081FF;
color: #FFFFFF;
}
}
}
.anchor_box {
position: fixed;
top: 298px;
right: 38px;
.anchor_wrap {
color: #999999;
font-size: 14px;
border-left: 2px solid #EFEFEF;
.anchor_item {
height: 20px;
font-size: 12px;
padding-left: 8px;
line-height: 20px;
cursor: pointer;
position: relative;
box-sizing: border-box;
&:hover {
color: #3181FA;
}
}
.active_anchor_item {
color: #3181FA;
margin-left: -2px;
border-left: 2px solid #1673FA;
}
}
}
::v-deep .el-divider__text{
cursor: pointer;
span{
display: inline-block;
width: 16px;
height: 16px;
position: relative;
top: 2px;
background: url('../../../../assets/images/down.png');
background-size: 16px 16px;
}
&:hover{
color: #0081FF;
span{
background: url('../../../../assets/images/down1.png');
background-size: 16px 16px;
}
}
}
</style>
\ No newline at end of file
dsk-operate-ui/src/views/enterpriseData/components/Owner/index.vue
View file @ 46e5bbca
<template>
<div>
<div >
<div class="content">
<div class="content_item">
<div class="content_right item_ckquery_list">
......@@ -162,7 +162,7 @@
<p v-else class="renling-img-false">
</p>
<span v-if="scope.row.claimStatus==0" @click="cancelClaim(scope.row.companyName)" class="renling-hui">
<span v-if="scope.row.claimStatus==0" @click="cancelClaim(scope.row.companyName,scope.$index)" class="renling-hui">
已认领
</span>
<span v-else class="renling-hei">
......@@ -567,6 +567,7 @@ export default {
],
companyId:'',
companyName:'',
cancelIndex:'',
customerId:'',
dialogVisible: false,
dialogVisible1: false,
......@@ -848,15 +849,16 @@ export default {
});
},
cancelClaim(companyName){
cancelClaim(companyName,index){
this.dialogVisible1 = true;
this.companyName = companyName;
this.cancelIndex = index;
},
confirm(){
api.cancelClaim(this.companyName).then(res=>{
if(res.code==200){
this.dialogVisible1 = false;
this.search();
this.tableData[this.cancelIndex].claimStatus = 1
}else{
this.$message.error(res.msg)
}
......
dsk-operate-ui/src/views/enterpriseData/components/SearchEnterprise/index.vue
View file @ 46e5bbca
<template>
<div>
<div >
<div class="content">
<div class="content_item content_item_padding0">
<div class="content_right item_ckquery_list">
......
dsk-operate-ui/src/views/enterpriseData/index.vue
View file @ 46e5bbca
<template>
<div class="app-container">
<div class="app-container nationalEconomies">
<div class="content">
<div class="combined-title">
<div class="title-right">
......@@ -7,7 +7,7 @@
<div style="position:relative" v-for="(itme,i) in personnelList"
:class="itme.status==true?'active':'' " :key='i' @click="personnelListbtn(i)">
<p>{{itme.value}}</p>
<img v-if="i==1" style="position: absolute;top:-10px;width:80px;height:16px;" src="@/assets/images/owner/tip.png" alt="">
<img v-if="i==1" style="position: relative;top:-10px;width:80px;height:16px;" src="@/assets/images/owner/tip.png" alt="">
</div>
</div>
......@@ -15,11 +15,28 @@
</div>
<p class="solid"></p>
</div>
<!-- <div class="header">
<el-tabs tab-position="left" v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="查城投平台" name="first"></el-tab-pane>
<el-tab-pane name="second">
<span slot="label"><img style="position: absolute;top:-10px;width:80px;height:16px;right:0;" src="@/assets/images/owner/tip.png" alt="">查企业</span>
</el-tab-pane>
<el-tab-pane label="查集团户" name="third"></el-tab-pane>
</el-tabs>
</div> -->
<!-- 查业主单位 -->
<!-- <Owner v-if="activeName === 'first'" /> -->
<!-- 查企业 -->
<!-- <SearchEnterprise v-if="activeName === 'second'" /> -->
<!-- 查集团户 -->
<!-- <Group v-if="activeName === 'third'" /> -->
<!-- 查业主单位 -->
<Owner v-if="personnelHerf=='Owner'" />
<!-- 查企业 -->
<SearchEnterprise v-if="personnelHerf=='SearchEnterprise'" />
<!-- 查企业 -->
<Group v-if="personnelHerf=='Group'" />
......@@ -28,14 +45,16 @@
<script>
import SearchEnterprise from "./components/SearchEnterprise/index.vue";
import Owner from "./components/Owner/index.vue";
import Group from "./components/Group/index.vue";
import "@/assets/styles/public.css";
export default {
name: 'EnterpriseData',
components: { SearchEnterprise,Owner },
components: { SearchEnterprise,Owner,Group },
data() {
return {
activeName:'first',
// tablist
personnelList: [{
key: 'Owner',
......@@ -47,6 +66,11 @@
status: false,
value: '查企业',
},
{
key: 'Group',
status: false,
value: '查集团户',
},
],
......@@ -55,6 +79,7 @@
},
created() {},
methods: {
handleClick(){},
personnelListbtn(index) {
for (var i = 0; i < this.personnelList.length; i++) {
this.personnelList[i].status = false;
......@@ -71,7 +96,49 @@
.app-container {
margin: 12px 24px;
padding: 0;
// display: flex;
}
// .header{
// justify-content: space-between;
// background: #FFFFFF;
// border-radius: 4px;
// color: #232323;
// margin-right: 12px;
// ::v-deep .el-tabs{
// .el-tabs__nav-wrap::after {
// position: static !important;
// }
// .el-tabs__header{
// margin: 0;
// .el-tabs__item{
// padding: 0 16px;
// font-size: 16px;
// text-align: left;
// }
// .is-active{
// font-weight: bold;
// }
// }
// .el-tabs__content{
// width: 100%;
// }
// #tab-second{
// // margin-top: 10px;
// }
// }
// ::v-deep .el-tabs--left{
// overflow: inherit;
// }
// .location{
// font-size: 14px;
// color: #0081FF;
// i{
// margin-right: 6px;
// font-size: 16px;
// }
// }
// }
.content{
padding: 0px 16px;
background: #FFFFFF;
......@@ -135,7 +202,6 @@
left: 0;
z-index: 1;
}
.tab {
display: flex;
z-index: 2;
......
dsk-operate-ui/src/views/radar/debtProject/details.vue
View file @ 46e5bbca
......@@ -102,7 +102,10 @@
<div class="common-title">项目当事人</div>
<div class="main4-box">
<label class="label">项目主体</label>
<span>{{details.projectEntity || '-'}}</span>
<span>
<router-link v-if="details.projectEntity" :to="details.projectEntityUipId?'/enterprise/' + encodeStr(details.projectEntityId) :'/company/' + encodeStr(details.projectEntityId) " tag="a" class="list-titel-a blue" v-html="details.projectEntity"></router-link>
<template v-else>--</template>
</span>
<label class="label">主管部门</label>
<span>{{details.chargeDepartment || '-'}}</span>
<label class="label">实施单位</label>
......@@ -140,11 +143,13 @@
<script>
import { details,bondPage } from '@/api/macro/macro'
import {encodeStr} from "@/assets/js/common.js"
export default {
name: 'debtProjectDetails',
data() {
return {
id:'',
encodeStr,
tableData:[],
details:{},
tableLoading: false,
......@@ -195,6 +200,9 @@
<style lang="scss" scoped>
.app-container{
padding: 0;
.list-titel-a{
color:#0081FF;
}
}
.qyzx-details{
.tab{
......
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