Skip to content

D
dsk-cr20g
Commit c2f96d5c authored by 远方不远's avatar 远方不远
Browse files
Options

hy

parent ad6aaa35
Show whitespace changes
Inline Side-by-side
Showing with 1142 additions and 9 deletions
dsk-operate-ui/src/api/enterpriseData/enterpriseData.js
View file @ c2f96d5c
...@@ -27,5 +27,21 @@ let regionWebList= function regionWebList(param) { ...@@ -27,5 +27,21 @@ let regionWebList= function regionWebList(param) {
method: 'get', method: 'get',
}) })
} }
// 查甲方选项
let uipGroupData= function uipGroupData(param) {
return request({
url: '/enterprise/uipGroupData',
method: 'post',
})
}
// 查甲方列表
let uipSerach= function uipSerach(param) {
return request({
url: '/enterprise/uipSerach',
method: 'post',
data: param
})
}
export default {aptitudeCode,personCert,searchDic,regionWebList} export default {aptitudeCode,personCert,searchDic,regionWebList,uipGroupData,uipSerach}
\ No newline at end of file \ No newline at end of file
dsk-operate-ui/src/assets/styles/public.css
View file @ c2f96d5c
...@@ -416,7 +416,7 @@ select { ...@@ -416,7 +416,7 @@ select {
} }
.toolbar-right-download { .toolbar-right-download {
padding: 8px 21px; padding: 6px 18px;
margin: 0px; margin: 0px;
cursor: pointer; cursor: pointer;
font-weight: 400; font-weight: 400;
...@@ -425,6 +425,8 @@ select { ...@@ -425,6 +425,8 @@ select {
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
border: 1px solid #D9D9D9; border: 1px solid #D9D9D9;
text-align: center; text-align: center;
font-size:14px;
font-weight: 400;
} }
.toolbar-right-download .el-icon-arrow-down{ .toolbar-right-download .el-icon-arrow-down{
margin-left: 8px; margin-left: 8px;
...@@ -692,3 +694,24 @@ select { ...@@ -692,3 +694,24 @@ select {
.select-list .el-radio__input { .select-list .el-radio__input {
display: none; display: none;
} }
.checkbox{
display: flex;
align-items: center;
}
.checkbox .checkbox-titel{
font-size: 14px;
font-weight: 400;
color: rgba(35, 35, 35, 0.8);
margin-right:24px;
}
.checkbox .checkbox-content{
display: flex;
align-items: center;
}
.checkbox .el-checkbox__label{
padding-left: 8px;
color: #232323;
}
.checkbox .checkbox-content .checkbox-content-qx{
margin-right: 30px;
}
\ No newline at end of file
dsk-operate-ui/src/views/enterpriseData/components/Owner/index.vue 0 → 100644
View file @ c2f96d5c
<template>
<div>
<div class="content">
<div class="content_item">
<div class="label">项目名称</div>
<div class="content_right item_ckquery_list">
<el-input class="ename_input" placeholder="请输入项目名称关键字" v-model="keys" @input="projectNamebtn('keys',keys,'关键字:')">
<div slot="append" class="btn-search" @click="">搜索</div>
</el-input>
</div>
</div>
<div class="content_item">
<div class="label">基本信息</div>
<div class="content_right item_ckquery_list">
<div class="select-popper" >
<span :class="{color_text:jskBidQueryDto.provinceIds.length ||jskBidQueryDto.cityIds.length ||jskBidQueryDto.areaIds.length,}">
注册地区{{jskBidQueryDto.provinceIds.length ||jskBidQueryDto.cityIds.length ||jskBidQueryDto.areaIds.length? jskBidQueryDto.provinceIds.length + jskBidQueryDto.cityIds.length +jskBidQueryDto.areaIds.length +"项": ""}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-cascader
ref="address"
class="cascader-region"
v-model="addressType"
:options="addressList"
:props="props"
@change="domicileChange"
collapse-tags
clearable
></el-cascader>
</div>
<div class="checkbox">
<div class="checkbox-titel">行政等级</div>
<div class="checkbox-content">
<div class="checkbox-content-qx">
<el-checkbox v-model="checkuipExecutive" @change="checkuipExecutivebtn">全部</el-checkbox>
</div>
<el-checkbox-group v-model="uipExecutiveText" @change="uipExecutiveLevelbtn">
<el-checkbox v-for="item in uipExecutiveLevel" :label="item" :key="item">{{item}}</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
<div class="content_item">
<div class="label" style="margin-right: 12px;">城投业务类型</div>
<div class="content_right ">
<div class="checkbox">
<div class="checkbox-content">
<div class="checkbox-content-qx">
<el-checkbox v-model="checkuipBusiness" @change="checkuipBusinessbtn">全部</el-checkbox>
</div>
<el-checkbox-group v-model="uipBusinessText" @change="uipBusinessTypebtn">
<el-checkbox v-for="item in uipBusinessType" :label="item" :key="item">{{item}}</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
<div class="content_item">
<div class="label" >主体评级</div>
<div class="content_right ">
<div class="checkbox">
<div class="checkbox-content">
<div class="checkbox-content-qx">
<el-checkbox v-model="checkbratingSubject" @change="checkbratingSubjectbtn">全部</el-checkbox>
</div>
<el-checkbox-group v-model="bratingSubjectText" @change="bratingSubjectLevelbtn">
<el-checkbox v-for="item in bratingSubjectLevel" :label="item" :key="item">{{item}}</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
<div class="content_item">
<div class="label" >股东背景</div>
<div class="content_right ">
<div class="checkbox">
<div class="checkbox-content">
<div class="checkbox-content-qx">
<el-checkbox v-model="checkshareholder" @change="checkshareholderbtn">全部</el-checkbox>
</div>
<el-checkbox-group v-model="shareholderText" @change="shareholderBgbtn">
<el-checkbox v-for="item in shareholderBg" :label="item" :key="item">{{item}}</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
<div class="content_item">
<div class="label" >股权关系</div>
<div class="content_right ">
<div class="checkbox">
<div class="checkbox-content">
<div class="checkbox-content-qx">
<el-checkbox v-model="checkequityRelationship" @change="checkequityRelationshipbtn">全部</el-checkbox>
</div>
<el-checkbox-group v-model="equityRelationshipText" @change="equityRelationshipbtn">
<el-checkbox v-for="item in equityRelationship" :label="item" :key="item">{{item}}</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
<div class="content_item">
</div>
</div>
<div class="bottomlist">
<div class="bottomlist-title">
<div class="bottomlist-title-left" >
<p class="title-left">
项目明细
</p>
<el-popover v-model="fieldshow" placement="bottom-start" 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">
{{itme.value}}
</li>
</ul>
<span slot="reference" class="toolbar-right-download" >
{{fieldText}}<i class="el-icon-arrow-down"
:style="{transform:fieldshow?'rotate(180deg)':''}"></i>
</span>
</el-popover>
</div>
<div class="title-right">
<p>共有{{total}}条</p>
<p>
<img src="@/assets/images/EXCEL.png" alt="">
<span>导出EXCEL</span>
</p>
</div>
</div>
<div class=" table-item-jf">
<el-table :data="tableData" :header-cell-style="{ background:'#F0F3FA'}" element-loading-text="Loading" border highlight-current-row>
<el-table-column label="序号" width="60">
<template slot-scope="scope">
1
</template>
</el-table-column>
<el-table-column label="公司名称" width="430" >
<template slot-scope="scope">
<router-link :to="'/radar/bxprozbgg/details/'+ 1" tag="a" class="list-titel-a" >绿色节能型压缩机基础件、汽车零配件新建项目 (芜湖旭日机械制造有限公司)</router-link>
</template>
</el-table-column>
<el-table-column label="区域" width="60" >
</el-table-column>
<el-table-column label="招标数量" width="72" >
<template slot-scope="scope">
--
</template>
</el-table-column>
<el-table-column label="城投拿地" width="72" >
<template slot-scope="scope">
28
</template>
</el-table-column>
<el-table-column label="供应商" width="72" >
<template slot-scope="scope">
28
</template>
</el-table-column>
<el-table-column label="主体评级" width="72" >
<template slot-scope="scope">
28
</template>
</el-table-column>
<el-table-column label="债券余额（亿元）" width="124" >
<template slot-scope="scope">
28
</template>
</el-table-column>
<el-table-column label="行政级别" width="72" >
<template slot-scope="scope">
28
</template>
</el-table-column>
<el-table-column label="股东背景" width="84" >
<template slot-scope="scope">
28
</template>
</el-table-column>
<el-table-column label="股权关系" width="84" >
<template slot-scope="scope">
28
</template>
</el-table-column>
<el-table-column label="平台重要性" width="84" >
<template slot-scope="scope">
28
</template>
</el-table-column>
<el-table-column label="城投业务类型" width="94" >
<template slot-scope="scope">
28
</template>
</el-table-column>
<el-table-column label="实控人" width="290" >
<template slot-scope="scope">
28
</template>
</el-table-column>
<el-table-column label="最新报告期" width="92" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="总资产（亿元）" width="112" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="归母净资产（亿元）" width="132" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="货币资金（亿元）" width="120" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="土地资产（亿元）" width="120" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="受限资产（亿元）" width="120" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="应收账款（亿元）" width="120" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="公益性&准公益性主营占比" width="168" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="政府补助（亿元）" width="120" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="专项应付款（亿元）" width="132" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="营业收入（亿元）" width="120" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="归母净利润（亿元）" width="132" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="净资产收益率" width="96" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="经营现金流量净额（亿元）" width="168" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="筹资现金流量净额（亿元）" width="168" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="投资现金流量净额（亿元）" width="168" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="总负债 （亿元）" width="112" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="有息债务 （亿元）" width="124" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="有息债务/总负债" width="114" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="综合融资成本" width="96" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="现金比率" width="72" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="现金流量比率" width="96" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="授信余额（亿元）" width="124" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="授信余额/全部债务" width="126" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="EBITDA保障倍数" width="116" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="私募债余额占比" width="108" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="一年内到期债权占比" width="132" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="债券余额/有息债务" width="132" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="借款余额（亿元）" width="124" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="借款/有息债务" width="102" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="非标余额（亿元）" width="124" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="非标余额/有息债务" width="132" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="对外担保金额（亿元）" width="144" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="对外担保比例" width="96" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="所属开发区" width="84" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
<el-table-column label="开发区类别" width="84" >
<template slot-scope="scope">
2021-12-13
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>0">
<el-pagination
background
:page-size="pageSize"
:current-page="pageNum"
@current-change="handleCurrentChange"
layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import jsk_data from '../../../../../public/jsk.json';
import api from '@/api/enterpriseData/enterpriseData.js';
export default {
name: 'Owner',
data() {
return {
keys:'',
addressList: [],
addressType: [],
props: {
multiple: true,
expandTrigger: "hover",
value: "id",
},
pageSize: 20,
jskBidQueryDto: {
provinceIds: [],
cityIds: [],
areaIds: []
},
domicile: [],
// 行政等级
uipExecutiveLevel:[],
uipExecutiveText:[],
checkuipExecutive:true,
// 城投业务类型
uipBusinessType:[],
uipBusinessText:[],
checkuipBusiness:true,
// 主体信用等级
bratingSubjectLevel:[],
bratingSubjectText:[],
checkbratingSubject:true,
// 股东背景
shareholderBg:[],
shareholderText:[],
checkshareholder:true,
// 股权关系
equityRelationship:[],
equityRelationshipText:[],
checkequityRelationship:true,
pageFlag: true,
conditionsArr: [],
fieldshow: false,
fieldText: '默认排序',
sort: '3', //查询结果排序方式
fieldOptions: [{
key: "3",
value: "默认排序",
status: true,
},
{
key: "3",
value: "拟建项目从多少",
status: false,
},
{
key: "7",
value: "土地数量从多到少",
status: false,
},
],
tableData:[],
total:6000,
pageNum:1,
pageSize:20
};
},
computed: {
checkJskBidQueryDto() {
let arr = [];
let flag = false;
let data = {};
if (this.domicile.length > 0) {
data = {
title: "行政区划:",
keyid: "domicile",
value: this.domicile.join(","),
key: "domicile"
}
flag = true;
arr.push(data)
}
this.conditionsArr = arr
return flag;
},
},
created() {
api.uipGroupData().then(res=>{
if (res.code==200) {
// 行政等级
this.uipExecutiveLevel=res.data.uipExecutiveLevel,
// 城投业务类型
this.uipBusinessType=res.data.uipBusinessType,
// 主体信用等级
this.bratingSubjectLevel=res.data.bratingSubjectLevel,
// 股东背景
this.shareholderBg=res.data.shareholderBg,
// 股权关系
this.equityRelationship=res.data.equityRelationship;
}
}).catch(error=>{
});
},
mounted() {
this.addressListfn();
},
methods: {
domicileChange() {
let arr = this.$refs.address.getCheckedNodes();
let provinceIds = [],
cityIds = [],
areaIds = [];
this.domicile = [];
for (var i in arr) {
if (arr[i].parent) {
if (!arr[i].parent.checked) {
arr[i].hasChildren && cityIds.push(arr[i].value);
arr[i].hasChildren && this.domicile.push(arr[i].label);
!arr[i].hasChildren && areaIds.push(arr[i].value);
!arr[i].hasChildren && this.domicile.push(arr[i].label);
}
} else {
provinceIds.push(arr[i].value);
this.domicile.push(arr[i].label);
}
}
var obj = JSON.parse(JSON.stringify(this.landMarketDto));
obj.provinceIds = provinceIds;
obj.cityIds = cityIds;
obj.areaIds = areaIds;
this.landMarketDto = obj;
},
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;
},
reset() {
Object.assign(this.$data, this.$options.data.call(this)); //重置data
this.init();
},
init(){
// this.search();
this.addressListfn();
},
checkuipExecutivebtn(val){
if(val){
this.uipExecutiveText =[];
}
},
uipExecutiveLevelbtn(val){
if(val.length>0){
this.checkuipExecutive=false;
}else if(val.length==0){
this.checkuipExecutive=true;
}
this.search();
},
checkuipBusinessbtn(val){
if(val){
this.uipBusinessText =[];
}
this.search();
},
uipBusinessTypebtn(val){
if(val.length>0){
this.checkuipBusiness=false;
}else if(val.length==0){
this.checkuipBusiness=true;
}
this.search();
},
checkbratingSubjectbtn(val){
if(val){
this.bratingSubjectText =[];
}
this.search();
},
bratingSubjectLevelbtn(val){
if(val.length>0){
this.checkbratingSubject=false;
}else if(val.length==0){
this.checkbratingSubject=true;
}
this.search();
},
checkshareholderbtn(val){
if(val){
this.shareholderText =[];
}
this.search();
},
shareholderBgbtn(val){
if(val.length>0){
this.checkshareholder=false;
}else if(val.length==0){
this.checkshareholder=true;
}
this.search();
},
checkequityRelationshipbtn(val){
if(val){
this.equityRelationshipText =[];
}
this.search();
},
equityRelationshipbtn(val){
if(val.length>0){
this.checkequityRelationship=false;
}else if(val.length==0){
this.checkequityRelationship=true;
}
this.search();
},
handsequencingList(index) {
this.fieldshow = false;
this.sort = this.fieldOptions[index].key;
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.search();
},
handleCurrentChange(pageNum) {
this.pageNum = pageNum;
this.search(pageNum, this.pageSize);
},
handleSizeChange(pageSize) {
this.pageSize = pageSize;
this.search(this.pageNum, pageSize);
},
reloadPage() {
this.pageFlag = false;
this.$nextTick(() => {
this.pageFlag = true;
});
},
search(pageNum, pageSize,exportFlag) {
if (!pageNum) {
this.pageNum = 1;
}
if (!pageSize) {
this.pageSize = 20;
}
if (!pageNum && !pageSize) {
this.reloadPage();
}
let params = {
pageNum: this.pageNum,
pageSize: this.pageSize,
sort: this.sort,
};
var data = JSON.parse(JSON.stringify(this.jskBidQueryDto));
if(this.keys){
params['keys'] = this.keys;
}else{
delete params.keys
}
if(data.provinceIds.length>0){
params['provinceIds'] = data.provinceIds;
}else{
delete params.provinceIds
}
if(data.cityIds.length>0){
params['cityIds'] = data.provinceIds;
}else{
delete params.cityIds
}
if(data.areaIds.length>0){
params['areaIds'] = data.areaIds;
}else{
delete params.areaIds
}
if(this.uipExecutiveText.length>0){
params['uipExecutiveLevel'] = this.uipExecutiveText;
}else{
delete params.uipExecutiveLevel
}
if(this.uipBusinessText.length>0){
params['uipBusinessType'] = this.uipBusinessText;
}else{
delete params.uipBusinessType
}
if(this.bratingSubjectText.length>0){
params['bratingSubjectLevel'] = this.bratingSubjectText;
}else{
delete params.bratingSubjectLevel
}
if(this.shareholderText.length>0){
params['shareholderBg'] = this.shareholderText;
}else{
delete params.shareholderBg
}
if(this.equityRelationshipText.length>0){
params['equityRelationship'] = this.equityRelationshipText;
}else{
delete params.equityRelationship
}
api.uipSerach(params).then(res=>{
console.log(res)
if (res.code==200) {
// 行政等级
}
}).catch(error=>{
});
},
},
};
</script>
<style lang="scss" scoped>
.content{
padding: 0px 16px;
border-radius: 4px 4px 4px 4px;
background: #FFFFFF;
.content_item{
padding-top:24px;
display: flex;
align-items: center;
.label{
width: 84px;
font-size: 14px;
font-weight: 400;
color: rgba(35,35,35,0.8);
}
.content_right{
.ename_input{
width: 640px;
margin-right: 20px;
::v-deep .el-input-group__append{
cursor: pointer;
.btn-search{
color: #0081ff;
}
}
}
.land_ipt_470 {
width: 640px;
}
}
.item_ckquery_list {
display: flex;
align-items: center;
.qualifications-tab{
margin-right: 4px;
border: 1px solid #e0e0e0;
padding: 2px 3px;
border-radius: 2px;
height: 34px;
margin-top: 1px;
span{
background: #fff;
display: inline-block;
cursor: pointer;
float: left;
border-radius: 2px;
padding: 3px 8px;
margin-top: 0.5px;
}
.action{
color: #ffffff;
background: #0081ff;
}
}
.ckquery_list_right{
width: 670px;
}
}
.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 ;
.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-title-left{
display: inline-flex;;
align-items: center;
.title-left{
border-left:2px solid #445781;
padding-left:8px;
padding-right:32px;
font-size: 16px;
height:16px;
line-height: 16px;
font-weight: bold;
color: #232323;
}
}
.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: 12px;
.list-label{
background: #F3F3FF;
color: #8491E8;
border-radius: 1px 1px 1px 1px;
padding: 3px 7px;
font-size: 12px;
}
}
.list-content{
margin-top: 8px;
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;
}
.table-item-jf{
padding:0px 16px;
.list-titel-a{
color:#0081FF;
}
::v-deep .el-table--border .el-table__cell:first-child .cell{
padding:0px 8px;
padding-left:12px;
font-size: 12px;
font-weight: 400;
}
::v-deep .el-table th.el-table__cell > .cell{
padding:0px 8px;
padding-left:12px;
font-size: 12px;
font-weight: 400;
}
::v-deep .el-table th.el-table__cell.is-leaf, ::v-deep .el-table td.el-table__cell{
border-bottom: 1px solid #E6EAF1;
}
::v-deep .el-table--border .el-table__cell{
border-right:1px solid #E6EAF1;
}
}
.pagination{
padding: 14px ;
.el-pagination{
float: right;
}
}
}
</style>
dsk-operate-ui/src/views/enterpriseData/index.vue
View file @ c2f96d5c
...@@ -13,8 +13,8 @@ ...@@ -13,8 +13,8 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 企业专项债 --> <!-- 查业主单位 -->
<!-- <debtProject v-if="personnelHerf=='debtProject'" /> --> <Owner v-if="personnelHerf=='Owner'" />
<!-- 查企业 --> <!-- 查企业 -->
<SearchEnterprise v-if="personnelHerf=='SearchEnterprise'" /> <SearchEnterprise v-if="personnelHerf=='SearchEnterprise'" />
...@@ -25,28 +25,29 @@ ...@@ -25,28 +25,29 @@
</template> </template>
<script> <script>
import SearchEnterprise from "./components/SearchEnterprise/index.vue"; import SearchEnterprise from "./components/SearchEnterprise/index.vue";
import Owner from "./components/Owner/index.vue";
import "@/assets/styles/public.css"; import "@/assets/styles/public.css";
export default { export default {
name: 'enterpriseData', name: 'enterpriseData',
components: { SearchEnterprise }, components: { SearchEnterprise,Owner },
data() { data() {
return { return {
// tablist // tablist
personnelList: [{ personnelList: [{
key: '1', key: 'Owner',
status: false, status: true,
value: '查业主单位', value: '查业主单位',
}, },
{ {
key: 'SearchEnterprise', key: 'SearchEnterprise',
status: true, status: false,
value: '查建筑企业', value: '查建筑企业',
}, },
], ],
personnelHerf:'SearchEnterprise' personnelHerf:'Owner'
} }
}, },
created() {}, created() {},
......
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