Skip to content

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

hy

parent 9f02200d
Hide whitespace changes
Inline Side-by-side
Showing with 842 additions and 266 deletions
dsk-operate-ui/src/assets/styles/public.css
View file @ bf3f7473
...@@ -131,10 +131,12 @@ select { ...@@ -131,10 +131,12 @@ select {
.el-input__icon { .el-input__icon {
line-height: 34px; line-height: 34px;
} }
.el-dropdown-link{
.el-dropdown-link {
cursor: pointer; cursor: pointer;
color: #333333; color: #333333;
} }
.el-dropdown-link .el-input { .el-dropdown-link .el-input {
width: 100%; width: 100%;
} }
...@@ -158,9 +160,11 @@ select { ...@@ -158,9 +160,11 @@ select {
.el-popper[x-placement^=top] { .el-popper[x-placement^=top] {
margin-bottom: 12px; margin-bottom: 12px;
} }
.el-popper[x-placement^=bottom]{
.el-popper[x-placement^=bottom] {
margin-top: 12px; margin-top: 12px;
} }
.el-select-dropdown .popper__arrow { .el-select-dropdown .popper__arrow {
display: none; display: none;
} }
...@@ -295,18 +299,21 @@ select { ...@@ -295,18 +299,21 @@ select {
.select-multiple .el-tag__close.el-icon-close { .select-multiple .el-tag__close.el-icon-close {
display: none; display: none;
} }
.el-dropdown-land{
.el-dropdown-land {
margin-right: 24px; margin-right: 24px;
} }
.el-dropdown-land .el-icon-caret-bottom{
.el-dropdown-land .el-icon-caret-bottom {
color: #333333; color: #333333;
margin-left: 4px; margin-left: 4px;
} }
.land_date_picker{
position: absolute!important; .land_date_picker {
visibility: hidden; position: absolute !important;
left: 100px; visibility: hidden;
top: 206px; left: 100px;
top: 206px;
} }
.jabph_popper_box { .jabph_popper_box {
...@@ -406,4 +413,98 @@ select { ...@@ -406,4 +413,98 @@ select {
background: #f5faff; background: #f5faff;
color: #0081FF; color: #0081FF;
border-color: #0081FF; border-color: #0081FF;
}
.toolbar-right-download {
padding: 8px 21px;
margin: 0px;
cursor: pointer;
font-weight: 400;
color: #232323;
background: #FFFFFF;
border-radius: 5px 5px 5px 5px;
border: 1px solid #D9D9D9;
text-align: center;
}
.toolbar-right-download .el-icon-arrow-down{
margin-left: 8px;
}
.viewlist-el-popover {
min-width: 130px;
padding: 0px;
}
.viewlist-el-popover .pup_list {
line-height: 36px;
text-align: left;
margin: 5px 0;
cursor: pointer;
}
.viewlist-el-popover .pup_list li {
padding: 0 16px;
}
.viewlist-el-popover .pup_list li span {
position: relative;
display: inline-block;
}
.viewlist-el-popover .pup_list li .VIP {
width: 24px;
height: 12px;
top: 0px;
right: -8px;
position: absolute;
}
.viewlist-el-popover .pup_list li .SVIP {
width: 24px;
height: 12px;
top: 0px;
right: -10px;
position: absolute;
}
.viewlist-el-popover .pup_list li:hover {
color: #0081FF;
background: #F4F6F9;
}
.viewlist-el-popover .pup_list .activefield {
color: #0081FF;
background: #F4F6F9;
}
.viewlist-el-popover .pup_list_export li {
display: flex;
align-items: center;
padding-right: 0px;
}
.viewlist-el-popover .pup_list_export li img {
width: auto;
height: 12px;
margin-left: 4px;
}
.viewlist-el-popover .pup_zhclist .active {
color: #0081FF;
background: #F4F6F9;
}
.viewlist-el-popover .pup_zhclist li span:hover {
color: #0081FF;
font-weight: 400;
}
.viewlist-el-popover .pup_zhclist .active span {
color: #0081FF;
font-weight: 400;
}
.viewlist-el-popover .pup_list_export li .lowerRate_imgzhc {
width: 39px;
height: 14px;
} }
\ No newline at end of file
dsk-operate-ui/src/router/index.js
View file @ bf3f7473
...@@ -136,6 +136,20 @@ export const constantRoutes = [ ...@@ -136,6 +136,20 @@ export const constantRoutes = [
meta: { title: '企业专项债详情', icon: 'radar' } meta: { title: '企业专项债详情', icon: 'radar' }
} }
] ]
},
{
path: '/Land',
component: Layout,
hidden: true,
redirect: 'noredirect',
children: [
{
path: '/radar/Land/details/:id(\\d+)',
component: () => import('@/views/radar/Land/details'),
name: 'LandDetails',
meta: { title: '土地交易详情', icon: 'radar' }
}
]
} }
] ]
......
dsk-operate-ui/src/views/radar/Land/details.vue 0 → 100644
View file @ bf3f7473
<template>
<div class="app-container qyzx-details">
<div class="bottomlist">
<ul class="bottomlist-content">
<li class="bottomlist-list">
<p class="list-titel">
绿色节能型压缩机基础件、汽车零配件新建项目 (芜湖旭日机械制造有限公司)
</p>
<div class="list-content">
<p class="list-content-text">
<span>受让人：</span>
<span class="blue">芜湖旭日机械制造有限公司</span>
</p>
<p class="list-content-text">
<span>成交金额：</span>
<span>12345.62万元</span>
</p>
<p class="list-content-text">
<span>总面积：</span>
<span>12345.62万</span>
</p>
<p class="list-content-text">
<span>合同签订：</span>
<span>2014-05-12</span>
</p>
</div>
<div class="list-content">
<p class="list-content-text">
<span>土地用途：</span>
<span>城镇村道路用地</span>
</p>
<p class="list-content-text">
<span>供应方式：</span>
<span>挂牌出让</span>
</p>
</div>
</li>
</ul>
</div>
<div class="content main3">
<div class="common-title">项目保障</div>
<div class="main3-box">
<p>
<label class="label">行政区</label>
<span>1.36倍</span>
<label class="label">电子监督号</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">项目名称</label>
<span class="span-one">1.36倍</span>
</p>
<p>
<label class="label">项目位置</label>
<span class="span-one">1.36倍</span>
</p>
<p>
<label class="label">面积</label>
<span>1.36倍</span>
<label class="label">土地来源</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">土地用途</label>
<span>1.36倍</span>
<label class="label">供地方式</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">土地使用年限</label>
<span>1.36倍</span>
<label class="label">行业分类</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">土地级别</label>
<span>1.36倍</span>
<label class="label">成交价格（万元）</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">土地使用权人</label>
<span class="span-one">1.36倍</span>
</p>
<p>
<label class="label">约定容积率</label>
<span>1.36倍</span>
<label class="label">批准单位</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">约定交地日起</label>
<span>1.36倍</span>
<label class="label">合同签订日期</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">约定开工时间</label>
<span>1.36倍</span>
<label class="label">约定竣工时间</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">实际开工时间</label>
<span>1.36倍</span>
<label class="label">实际峻工时间</label>
<span>1.36倍</span>
</p>
</div>
</div>
<div class="content main3">
<div class="common-title">地块基本信息</div>
<div class="main3-box">
<p>
<label class="label">地块名称</label>
<span>1.36倍</span>
<label class="label">建筑面积</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">容积率</label>
<span>1.36倍</span>
<label class="label">绿化率</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">建筑密度</label>
<span>1.36倍</span>
<label class="label">建筑限高</label>
<span>1.36倍</span>
</p>
</div>
</div>
<div class="content main3">
<div class="common-title">土地交易信息</div>
<div class="main3-box">
<p>
<label class="label">招拍挂起始时间</label>
<span>1.36倍</span>
<label class="label">招拍挂截止时间</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">报名起始时间</label>
<span>1.36倍</span>
<label class="label">报名截止日期</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">起始价</label>
<span>1.36倍</span>
<label class="label">竞买保证金</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">加价幅度</label>
<span>1.36倍</span>
<label class="label">投资强度</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">成交价</label>
<span>1.36倍</span>
<label class="label">受让人</label>
<span>1.36倍</span>
</p>
<p>
<label class="label">成交公示日期</label>
<span>1.36倍</span>
<label class="label">合同编号</label>
<span>1.36倍</span>
</p>
</div>
</div>
</div>
</template>
<script>
import "@/assets/styles/public.css";
export default {
name: 'LandDetails',
data() {
return {
id: '',
tableData: [{
id: 0,
name: '20重庆债14(2005938)',
time: '2020-09-18',
gm: '285.24',
zj: '否',
}]
}
},
created() {
console.log(this.$route.params)
this.id = this.$route.params.id
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.bottomlist {
width: 100%;
background-color: #FFFFFF;
border-radius: 4px 4px 4px 4px;
.bottomlist-title {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 12px;
padding: 16px;
border-bottom: 1px solid #EFEFEF;
.title-right {
display: flex;
align-items: center;
p:first-child {
font-size: 12px;
font-weight: 400;
color: #3D3D3D;
margin-right: 10px;
}
p:last-child {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
color: rgba(35, 35, 35, 0.8);
}
img {
width: 18px;
height: 18px;
}
}
}
.bottomlist-content {
padding-bottom: 0px;
}
.bottomlist-list {
padding: 16px;
font-size: 14px;
border-bottom: 1px solid #EFEFEF;
padding-bottom: 14px;
.list-titel {
font-size: 16px;
font-weight: 700;
color: #3D3D3D;
line-height: 19px;
.list-titel-a {
text-decoration: none;
color: #3D3D3D;
}
a:hover,
a:visited,
a:link,
a:active {
color: #3D3D3D;
}
}
.content-label {
margin-top: 7px;
.list-label {
background: #F3F3FF;
color: #8491E8;
border-radius: 1px 1px 1px 1px;
padding: 3px 7px;
font-size: 12px;
}
}
.list-content {
margin-top: 3px;
display: flex;
justify-content: start;
align-items: center;
.list-content-text {
margin-top: 7px;
display: flex;
justify-content: start;
align-items: center;
margin-right: 27px;
font-size: 14px;
span:first-child {
font-weight: 400;
color: rgba(35, 35, 35, 0.4);
line-height: 15px
}
span:last-child {
font-weight: 400;
color: rgba(35, 35, 35, 0.8);
line-height: 15px
}
.blue {
color: #0081FF !important;
cursor: pointer;
}
}
}
.list-addree {
width: auto;
background: #F3F4F5;
display: inline-flex;
margin-top: 7px;
.list-content-text {
margin-top: 0px;
span {
line-height: 30px !important;
}
}
img {
width: 14px;
margin: 0 8px;
}
}
}
.bottomlist-list:hover {
background: #F6F9FC;
cursor: pointer;
}
.pagination {
padding: 14px;
.el-pagination {
float: right;
}
}
}
.app-container {
padding: 0;
}
.qyzx-details {
.tab {
font-size: 12px;
color: #A1A1A1;
span {
color: #232323;
}
}
.content {
margin-top: 16px;
background: #FFFFFF;
padding: 16px;
border-radius: 4px;
}
.common-title {
margin-bottom: 8px;
}
.main1 {
.title {
color: #232323;
font-size: 16px;
line-height: 28px;
font-weight: bold;
margin-bottom: 8px;
text-align: left;
img {
width: 28px;
height: 28px;
margin-bottom: -9px;
margin-right: 17px;
}
}
p {
color: #3D3D3D;
font-size: 14px;
margin: 0;
}
}
.main2 {
.list {
display: flex;
margin: 16px 0;
}
.item {
width: 24.5%;
margin-right: 16px;
height: 100px;
display: flex;
justify-content: space-between;
border-radius: 8px;
.item-left {
margin-left: 16px;
margin-top: 24px;
h4 {
color: #232323;
font-size: 22px;
line-height: 22px;
font-weight: bold;
margin: 0;
span {
font-weight: 400;
margin-left: 4px;
font-size: 18px;
}
}
p {
margin: 0;
color: #3D3D3D;
font-size: 14px;
padding-top: 8px;
}
}
.img {
width: 56px;
height: 56px;
margin-top: 22px;
margin-right: 12px;
}
}
.color1 {
background: rgba(246, 190, 59, 0.08);
border: 1px solid rgba(246, 190, 59, 0.2);
}
.color2 {
background: rgba(148, 216, 196, 0.102);
border: 1px solid rgba(73, 187, 154, 0.1);
}
.color3 {
background: rgba(57, 100, 199, 0.06);
border: 1px solid rgba(57, 100, 199, 0.1);
}
.color4 {
background: rgba(0, 129, 255, 0.04);
border: 1px solid rgba(0, 129, 255, 0.1);
}
}
.main3 {
.main3-box {
margin-top: 22px;
border-top: 1px solid #E6E9F0;
p {
display: flex;
align-items: center;
margin: 0;
border-left: 1px solid #E6E9F0;
border-bottom: 1px solid #E6E9F0;
.label {
width: 10%;
font-weight: 400;
line-height: 40px;
font-size: 12px;
height: 40px;
background: #F0F3FA;
padding-left: 12px;
}
span {
width: 40%;
color: #000;
height: 40px;
line-height: 40px;
padding-left: 12px;
font-size: 12px;
}
.span-one{
width: 90%;
}
}
}
}
.main4 {
.main4-box {
margin-top: 22px;
.label {
width: 14%;
background: #F0F3FA;
border: 1px solid #E6E9F0;
display: inline-block;
height: 40px;
line-height: 40px;
font-size: 12px;
color: rgba(35, 35, 35, 0.8);
padding-left: 12px;
}
span {
width: 19%;
display: inline-block;
height: 40px;
line-height: 40px;
border-top: 1px solid #E6E9F0;
border-bottom: 1px solid #E6E9F0;
padding-left: 12px;
font-size: 12px;
}
span:last-child {
width: 20%;
border-right: 1px solid #E6E9F0;
}
}
}
.main5 {
.table-item {
margin-top: 22px;
}
}
}
</style>
\ No newline at end of file
dsk-operate-ui/src/views/radar/components/Land/index.vue
View file @ bf3f7473
...@@ -198,104 +198,92 @@ ...@@ -198,104 +198,92 @@
<span @click="reset">重置</span> <span @click="reset">重置</span>
</div> </div>
</div> </div>
</div> </div>
<div id="landInfo_wrap">
<div class="bottomlist">
<div class="bottomlist-title">
<div class="data_list" v-if="showList"> <el-popover v-model="fieldshow" placement="bottom-start" trigger="click"
<div style="height: 16px;width: 1200px;background: #F7F9FC;margin-left: -16px;"></div> popper-class="viewlist-el-popover">
<div class="data_list_head"> <ul class="pup_list">
共为您找到<span class="data_list_count"> {{ total }} </span>条相关结果 <li v-for="(itme,i) in fieldOptions" :class="itme.status?'active':''"
<div class="bottom-toolbar-right float_right"> @click="handsequencingList(i)" :key="i">
<el-popover v-model="fieldshow" placement="bottom-end" trigger="click" {{itme.value}}
popper-class="viewlist-el-popover"> </li>
<ul class="pup_list"> </ul>
<li v-for="(itme,i) in fieldOptions" :class="itme.status?'active':''" <span slot="reference" class="toolbar-right-download" >
@click="handsequencingList(i)" :key="i"> {{fieldText}}<i class="el-icon-arrow-down"
{{itme.value}} :style="{transform:fieldshow?'rotate(180deg)':''}"></i>
</li>
</ul>
<span slot="reference" class="toolbar-right-download"
style="width: auto;padding: 0px 8px;margin-right:4px;">
{{fieldText}}<i class="el-icon-caret-bottom"
:style="{transform:fieldshow?'rotate(180deg)':''}"></i>
</span>
</el-popover>
<span size="small" class="toolbar-right-download toolbar-right-download1"
@click="search('','','isExport')">
导出数据
</span> </span>
</el-popover>
<div class="title-right">
<p>共有{{total}}条</p>
<p>
<img src="@/assets/images/EXCEL.png" alt="">
<span>导出EXCEL</span>
</p>
</div> </div>
</div> </div>
<ul class="bottomlist-content">
<div v-if="total>0"> <li class="bottomlist-list">
<div v-for="(item, index) in tableData" class="data_list_item" :key="index"> <p class="list-titel">
<router-link class="data_list_h1 data_list_h1_1" :to="`/biz/tdjy/${encodeStr(item.id)}.html`" <router-link :to="'/radar/Land/details/'+ 1" tag="a" class="list-titel-a">绿色节能型压缩机基础件、汽车零配件新建项目 (芜湖旭日机械制造有限公司)</router-link>
target="_blank" </p>
:title="item.projectName.replace(/<font color='#FF204E'>/g,'').replace(/<\/font>/g,'')"
v-if="item.id && item.projectName" v-html="item.projectName"></router-link> <div class="list-content">
<div class="data_list_h1" v-else-if="item.projectName" v-html="item.projectName"></div> <p class="list-content-text">
<div class="label_wrap"> <span>受让人：</span>
<template v-if="item.companyName"> <span class="blue">芜湖旭日机械制造有限公司</span>
<span class="label_item">受让人：</span> </p>
<router-link class="company" :to="`/enterprise/${encodeStr(item.companyId)}/`" <p class="list-content-text">
target="_blank" <span>成交金额：</span>
:title="item.companyName.replace(/<font color='#FF204E'>/g,'').replace(/<\/font>/g,'')" <span>12345.62万元</span>
v-if="item.companyId" v-html="item.companyName"></router-link> </p>
<div class="label_con" v-else v-html="item.companyName"></div> <p class="list-content-text">
</template> <span>总面积：</span>
<template v-if="item.transactionPrice"> <span>12345.62万</span>
<span class="label_item">成交金额：</span><span </p>
class="label_con">{{ item.transactionPrice + "万元" }}</span> <p class="list-content-text">
</template> <span>合同签订：</span>
<template v-if="item.acreage"> <span>2014-05-12</span>
<span class="label_item">出让面积：</span><span </p>
class="label_con">{{ item.acreage + "m²" }}</span>
</template>
<template v-if="item.contractSignTime">
<span class="label_item">合同签订：</span><span
class="label_con">{{ item.contractSignTime }}</span>
</template>
</div> </div>
<div class="label_wrap"> <div class="list-content">
<template v-if="item.landUse"> <p class="list-content-text">
<span class="label_item">土地用途：</span><span class="label_con">{{ item.landUse }}</span> <span>土地用途：</span>
</template> <span >城镇村道路用地</span>
<template v-if="item.industry"> </p>
<span class="label_item" v-if="item.industry">行业分类：</span><span <p class="list-content-text">
class="label_con">{{ item.industry }}</span> <span>供应方式：</span>
</template> <span >挂牌出让</span>
<template v-if="item.supplyLandWay"> </p>
<span class="label_item" v-if="item.supplyLandWay">供应方式：</span><span
class="label_con">{{ item.supplyLandWay }}</span>
</template>
</div> </div>
<div class="label_wrap"> <div class="list-content list-addree">
<!-- <img class="landArea_img" v-if="item.domicile" src="~/assets/img/landArea.png" alt="" /> --> <img src="@/assets/images/addree.png" alt="">
<template v-if="item.domicile"> <p class="list-content-text">
<span class="label_item" v-if="item.domicile">行政区划：</span><span <span>土地用途：</span>
class="label_con">{{ item.domicile }}</span> <span >城镇村道路用地</span>
</template> </p>
<template v-if="item.landAddr"> <p class="list-content-text">
<span class="label_item" v-if="item.landAddr">土地坐落：</span><span class="label_con" <span>土地坐落：</span>
v-html="item.landAddr"></span> <span >锡山区云林街道春雷路东南、许巷路西</span>
</template> </p>
</div> </div>
</div> </li>
</ul>
<div class="pagination clearfix" v-show="total>0">
<el-pagination
background
:page-size="pageSize"
:current-page="page"
@current-change="handleCurrentChange"
layout="prev, pager, next"
:total="total">
</el-pagination>
</div> </div>
</div> </div>
</div>
<!-- <div class="performance_pagination_wrap" v-if="showList&&total>0">
<Pagination
v-if="pageFlag"
ref="page"
:page='permissions.page'
@handle-current-change="handleCurrentChange"
@handle-size-change="handleSizeChange"
:total="total"
/>
</div> -->
</div> </div>
</template> </template>
...@@ -452,8 +440,31 @@ ...@@ -452,8 +440,31 @@
pageFlag: true, pageFlag: true,
showList:true, showList:true,
total:0, fieldshow: false,
fieldText: '默认排序',
field: '', //查询结果排序方式
fieldOptions: [
{
key: "contractSignTime",
value: "默认排序",
status: true,
},
{
key: "transactionPrice",
value: "成交金额从大到小",
status: false,
},
{
key: "acreage",
value: "出让面积从大到小",
status: false,
},
],
tableData:[], tableData:[],
total:6000,
page:1,
pageSize:20
}; };
}, },
...@@ -935,11 +946,7 @@ ...@@ -935,11 +946,7 @@
}, },
}; };
</script> </script>
<style lang="scss">
#landInfo_wrap {
}
</style>
<style lang="scss" scoped> <style lang="scss" scoped>
.content{ .content{
padding: 0px 16px; padding: 0px 16px;
...@@ -1029,33 +1036,41 @@ ...@@ -1029,33 +1036,41 @@
border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
.bottomlist-title{ .bottomlist-title{
display: flex; display: flex;
justify-content: end; justify-content: space-between;
align-items: center; align-items: center;
margin-top: 12px; margin-top: 12px;
padding: 24px ; padding: 16px ;
border-bottom: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF;
p:first-child{
font-size: 12px; .title-right{
font-weight: 400; display: flex;
color: #3D3D3D; align-items: center;
margin-right: 10px; p:first-child{
} font-size: 12px;
p:last-child{ font-weight: 400;
font-size: 14px; color: #3D3D3D;
font-weight: 400; margin-right: 10px;
color: rgba(35,35,35,0.8); }
} p:last-child{
img{ display: flex;
width: 18px; align-items: center;
height: 18px; font-size: 14px;
font-weight: 400;
color: rgba(35,35,35,0.8);
}
img{
width: 18px;
height: 18px;
}
} }
} }
.bottomlist-content{ .bottomlist-content{
padding-bottom: 0px; padding-bottom: 0px;
} }
.bottomlist-list{ .bottomlist-list{
padding: 14px; padding: 16px;
font-size: 14px; font-size: 14px;
border-bottom: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF;
padding-bottom: 14px; padding-bottom: 14px;
...@@ -1120,6 +1135,23 @@ ...@@ -1120,6 +1135,23 @@
} }
.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;
}
}
} }
...@@ -1135,148 +1167,5 @@ ...@@ -1135,148 +1167,5 @@
} }
} }
#landInfo_wrap {
padding: 0 16px;
font-size: 14px;
.land_content_wrap {
display: flex;
.land_content_wrap_label {
color: #666666;
margin-right: 4px;
}
}
.data_list {
width: 1184px;
margin: 0 auto;
.data_list_head {
height: 50px;
line-height: 50px;
color: #666666;
.data_list_count {
color: #ff2a00;
font-weight: bold;
}
}
.data_list_item {
border-top: 1px solid #efefef;
padding: 24px 16px;
padding-left: 16px;
margin-left: -16px;
&:hover {
background: #f5faff;
}
.data_list_h1 {
width: 1168px;
font-size: 18px;
font-weight: bold;
color: #333333;
line-height: 24px;
margin-bottom: 6px;
word-break: break-all;
display: inline-block;
}
.data_list_h1_1 {
cursor: pointer;
}
.label_wrap {
font-size: 14px;
margin-top: 10px;
line-height: 18px;
display: flex;
.landArea_img {
width: 18px;
height: 17px;
margin-right: 4px;
position: relative;
top: -3px;
}
.label_item {
color: #999999;
}
.company {
color: #0081ff;
cursor: pointer;
margin-right: 20px;
}
.label_con {
color: #333333;
margin-right: 20px;
}
}
}
}
.content_li {
padding: 16px 0;
display: flex;
align-items: center;
position: relative;
.content_item {
.include-keywords {
display: flex;
align-items: center;
position: relative;
.lefttltel {
display: inline-block;
background: #f5f5f5;
color: #333;
border: 1px solid #efefef;
border-right: none;
opacity: 1;
width: 71px;
height: 40px;
text-align: center;
line-height: 40px;
}
.el-input {
line-height: 40px;
border-radius: 0;
::v-deep .el-input__inner {
width: 100%;
height: 40px;
line-height: 40px;
border-radius: 0;
}
}
.commonly-input {
::v-deep .el-input__inner {
padding-right: 100px;
}
}
.commonly {
position: absolute;
top: 10px;
right: 16px;
font-size: 14px;
font-weight: 400;
color: #0081ff;
cursor: pointer;
}
}
}
}
}
</style> </style>
\ No newline at end of file
dsk-operate-ui/src/views/radar/components/debtProject/index.vue
View file @ bf3f7473
...@@ -78,6 +78,7 @@ ...@@ -78,6 +78,7 @@
</div> </div>
</div> </div>
<div class="bottomlist"> <div class="bottomlist">
<div class="bottomlist-title"> <div class="bottomlist-title">
<p>共有{{total}}条</p> <p>共有{{total}}条</p>
......
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