|
@@ -489,6 +489,203 @@
|
|
|
<ul class="history-list-box"></ul>
|
|
|
</div>
|
|
|
<div class="tabs-content-page">
|
|
|
+ <!---->
|
|
|
+ <style>
|
|
|
+ #v-ent-ent-search-group {
|
|
|
+ display: block !important;
|
|
|
+ background-color: rgba(0, 0, 0, 0.05);
|
|
|
+ }
|
|
|
+ #v-ent-ent-search-group .ent-search-item {
|
|
|
+ margin-top: 8px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ padding: 0.32rem;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+ #v-ent-ent-search-group .ent-search-list {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+ .ent-info-head {
|
|
|
+ flex-shrink: 0;
|
|
|
+ position: relative;
|
|
|
+ width: 1.68rem;
|
|
|
+ height: 1.68rem;
|
|
|
+ background: rgba(0, 0, 0, 0.05);
|
|
|
+ border: 0.5px solid rgba(0, 0, 0, 0.05);
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 0.08rem;
|
|
|
+ }
|
|
|
+ .ent-info-head .ent-info-status.status-1 {
|
|
|
+ background: #FB483D;
|
|
|
+ }
|
|
|
+ .ent-info-head .ent-info-status.status-2 {
|
|
|
+ background: #FF9F40;
|
|
|
+ }
|
|
|
+ .ent-info-head .ent-info-status.status-3 {
|
|
|
+ background: #9B9CA3;
|
|
|
+ }
|
|
|
+ .ent-info-head .ent-info-status {
|
|
|
+ position: absolute;
|
|
|
+ top: 0.08rem;
|
|
|
+ left: 0.08rem;
|
|
|
+ background: #2ABED1;
|
|
|
+ border-radius: 0.08rem;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 0.24rem;
|
|
|
+ line-height: 0.36rem;
|
|
|
+ color: #FFFFFF;
|
|
|
+ padding: 0 0.08rem;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .ent-info-top {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .ent-row {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .ent-search-list .j-icon {
|
|
|
+ flex-shrink: 0;
|
|
|
+ width: 0.4rem;
|
|
|
+ height: 0.4rem;
|
|
|
+ }
|
|
|
+ .ent-info-keep .ent-name {
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 0.32rem;
|
|
|
+ line-height: 0.48rem;
|
|
|
+ color: #171826;
|
|
|
+ max-width: 4.3rem;
|
|
|
+ }
|
|
|
+ .ent-info-keep .fill-icon-box {
|
|
|
+ padding: 0.12rem;
|
|
|
+ padding-right: 0;
|
|
|
+ }
|
|
|
+ .ent-info-keep {
|
|
|
+ margin-left: 0.24rem;
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ .ent-more span {
|
|
|
+ color: #2ABED1;
|
|
|
+ margin-top: 0.08rem;
|
|
|
+ }
|
|
|
+ .ent-more {
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 0.26rem;
|
|
|
+ line-height: 0.36rem;
|
|
|
+ color: #5F5E64;
|
|
|
+ margin-top: 0.2rem;
|
|
|
+ }
|
|
|
+ .ent-info-bottom {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-end;
|
|
|
+ margin-top: 0.24rem;
|
|
|
+ }
|
|
|
+ .ent-line-box {
|
|
|
+ margin-top: 0.24rem;
|
|
|
+ width: 4.22rem;
|
|
|
+ height: 0.02rem;
|
|
|
+ background: rgba(0, 0, 0, 0.05);
|
|
|
+ border-radius: 0.08rem;
|
|
|
+ }
|
|
|
+ .ent-address > div{
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 0.22rem;
|
|
|
+ line-height: 0.32rem;
|
|
|
+ color: #5F5E64;
|
|
|
+ max-width: 4.22rem;
|
|
|
+ margin-right: 0.32rem;
|
|
|
+ }
|
|
|
+ .up-button {
|
|
|
+ margin: 0 auto;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ width: 4.98rem;
|
|
|
+ height: 0.64rem;
|
|
|
+ border: 1px solid #2ABED1;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 0.08rem;
|
|
|
+
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 0.26rem;
|
|
|
+ line-height: 0.48rem;
|
|
|
+ color: #2ABED1;
|
|
|
+
|
|
|
+ }
|
|
|
+ .ent-more-tip .j-icon {
|
|
|
+ margin-right: 0.08rem;
|
|
|
+ }
|
|
|
+ .ent-more-tip {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ line-height: 0.4rem;
|
|
|
+ color: #9B9CA3;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ </style>
|
|
|
+ <div id="v-ent-ent-search-group" v-cloak>
|
|
|
+ <div class="ent-search-list">
|
|
|
+ <div class="ent-search-item" v-for="(item, i) in list" :key="i" @click="selectEnt(item)">
|
|
|
+ <div class="ent-info-top">
|
|
|
+ <div class="ent-info-head">
|
|
|
+ <span class="ent-info-status" :class="'status-' + item.status">@@statusEnum[item.status]@@</span>
|
|
|
+ </div>
|
|
|
+ <div class="ent-info-keep">
|
|
|
+ <div class="ent-row">
|
|
|
+ <div class="ent-name van-ellipsis">@@item.name@@</div>
|
|
|
+ <div class="fill-icon-box">
|
|
|
+ <i class="j-icon base-icon icon-no-favorite"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ent-more">
|
|
|
+ <div>法定代表人: <span>@@item.legal@@</span></div>
|
|
|
+ <div>注册资本: <span>@@item.money@@</span></div>
|
|
|
+ </div>
|
|
|
+ <div class="ent-line-box"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ent-info-bottom">
|
|
|
+ <div class="ent-row ent-address">
|
|
|
+ <div class="van-multi-ellipsis--l2">@@item.address@@</div>
|
|
|
+ <i class="j-icon base-icon icon-address"></i>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="up-button">升级会员,查看更多搜索结果</div>
|
|
|
+ <div class="ent-more-tip">
|
|
|
+ <i class="j-icon base-icon icon-up-allow"></i>
|
|
|
+ <span>上拉查看更多搜索结果</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!---->
|
|
|
<ul class="ent-search-list-box" id="search-ent-list"></ul>
|
|
|
<div class="del_ent_history">
|
|
|
<div class="history-title-box">
|