feat: 首页最新标讯 & 企业搜索

src/jfw/modules/app/src/web/staticres/jyapp/js/searchindex.js

@@ -1577,14 +1577,16 @@ var SuperSearch = {
 		}
 	},
   changeKeepStatus (id, type) {
-    var aDom = $("a[sid='"+id+"']")
+    var aDom = $("p[sid='"+id+"'], a[sid='"+id+"']")
     if (aDom.length) {
-      var gDom = aDom.parents('.two-group').find('.flow-start-box')
-      if (type) {
-        gDom.addClass('fill')
-      } else {
-        gDom.removeClass('fill')
-      }
+      aDom.each(function () {
+        var gDom = $(this).parents('.two-group').find('.flow-start-box')
+        if (type) {
+          gDom.addClass('fill')
+        } else {
+          gDom.removeClass('fill')
+        }
+      })
     }
   },
   checkStartKeepStatus: function (list) {
@@ -1610,6 +1612,13 @@ var SuperSearch = {
       event.preventDefault();
       event.stopPropagation();
       console.log('收藏')
+
+      // 登陆判断
+      if(userId == ""||userId == null){
+        window.location.href = "/jyapp/free/login?to=back";
+        return;
+      }
+
       var isStartStatus = $(event.target).hasClass('.flow-start-box.fill') || $(event.target).parents('.flow-start-box.fill').length
 
       if (vKeepComponent) {
@@ -2515,6 +2524,11 @@ var SuperSearch = {
 		SuperSearch.listLength =  r["listLength"]
 		SuperSearch.myHistory = r["history"]
 		var list = r["list"]
+    if (list && list.length) {
+      SuperSearch.checkStartKeepStatus(list.map(function(v) {
+        return v._id
+      }))
+    }
 		var homeListHtml = '';
 		if(list!=null&&list.length>0){
 			for(var i=0;i<list.length;i++){
@@ -2535,7 +2549,10 @@ var SuperSearch = {
 				homeListHtml +='<div class="list_item" data-need-bind-phone data-onclick="'+_list["_id"]+'">'
 									+'<div class="list_title">'
 									+'<span class="serial_number">'+(i+1)+'. &nbsp;</span>'
-									+'<p>'+title+'</p>'
+                  + '<div class="two-group">'
+									+'<p sid="'+_list["_id"]+'">'+title+'</p>'
+                  + '<div class="flow-start-box"><i class="icon-flow-start"></i></div>'
+                  + '</div>'
 									+'</div>'
 									+'<div class="list_info">'
 									+'<div class="tags">'
@@ -2598,17 +2615,19 @@ var SuperSearch = {
 			}
 		}
 		SuperSearch.showHomeList(homeListHtml);
-		$("*[data-onclick]").on('click', function () {
-      SuperSearch.HomeToDetails($(this).attr('data-onclick'))
+		$("*[data-onclick]").on('click', function (e) {
+      SuperSearch.HomeToDetails($(this).attr('data-onclick'), e)
     })
 	},
-	HomeToDetails:function(id){
-		if(id!=""){
-			sessionStorage.setItem('main-list-data-set-time', JSON.stringify(new Date().getTime()))
-			sessionStorage.setItem('main-scroll-top', nowTop())
-			sessionStorage.setItem('main-save-dom', JSON.stringify($("#home_main .data_list").html()))
-			window.location.href="/jyapp/article/content/"+id+".html"
-		}
+	HomeToDetails:function(id, e){
+      if (SuperSearch.checkIsStartFn(e, { sid: id })) {
+        if(id!=""){
+          sessionStorage.setItem('main-list-data-set-time', JSON.stringify(new Date().getTime()))
+          sessionStorage.setItem('main-scroll-top', nowTop())
+          sessionStorage.setItem('main-save-dom', JSON.stringify($("#home_main .data_list").html()))
+          window.location.href="/jyapp/article/content/"+id+".html"
+        }
+      }
 	},
 	showHomeList:function(hh){
 		SuperSearch.initHomeTip();

src/jfw/modules/app/src/web/templates/weixin/search/mainSearch.html

@@ -45,6 +45,7 @@
     <link href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/iconfont/iconfont.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
     <link href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/css/weui.min.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
     <link href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/css/p13.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
+    <link href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/ent-search/ent-search-template.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
     <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/reset-css@4.0.1/reset.min.css />
     <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/index.css />
     <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/icon/local.css />
@@ -102,7 +103,8 @@
         width: .88rem;
     }
 
-    .p13 .resnumb .two-group {
+    .p13 .resnumb .two-group,
+    .p13 .two-group {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
@@ -479,6 +481,7 @@
 <script src=//cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js></script>
 <script src=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/vant.min.js></script>
 <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/keep-tags/keep-tags-template.js'></script>
+<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/ent-search/ent-search-template.js'></script>
 <script>
     var vKeepComponent = new Vue({
       delimiters: ['${', '}'],
@@ -497,54 +500,7 @@
       }
     })
 </script>
-<script>
-  new Vue({
-    el: '#v-ent-ent-search-group',
-    delimiters: ['@@', '@@'],
-    data: {
-      statusEnum: ['存续', '吊销', '停业', '撤销'],
-      list: [
-        {
-          name: '北京剑鱼信息技术有限公司北京剑鱼信息技术有限公司北京剑鱼信息技术有限公司北京剑鱼信息技术有限公司',
-          legal: '贾新',
-          money: '1000万元',
-          address: '北京市朝阳区北四环中路华严北里健翔3号地峻峰华亭嘉园C座2011号北京市朝阳区北四环中路华严北里健翔3号地峻峰华亭嘉园C座2011号北京市朝阳区北四环中路华严北里健翔3号地峻峰华亭嘉园C座2011号',
-          status: 0,
-          checked: false
-        },
-        {
-          name: '北京剑鱼信息技术有限公司',
-          legal: '贾新',
-          money: '1000万元',
-          address: '北京市朝阳区北四环中路华严北里健翔3号地峻峰华亭嘉园C座2011号',
-          status: 1,
-          checked: true
-        },
-        {
-          name: '北京剑鱼信息技术有限公司',
-          legal: '贾新',
-          money: '1000万元',
-          address: '北京市朝阳区北四环中路华严北里健翔3号地峻峰华亭嘉园C座2011号',
-          status: 2,
-          checked: false
-        },
-        {
-          name: '北京剑鱼信息技术有限公司',
-          legal: '贾新',
-          money: '1000万元',
-          address: '北京市朝阳区北四环中路华严北里健翔3号地峻峰华亭嘉园C座2011号',
-          status: 3,
-          checked: false
-        }
-      ]
-    },
-    methods: {
-      selectEnt (ent) {
-        console.log(ent)
-      }
-    }
-  })
-</script>
+
 <script type="text/javascript">
   var adv_url = "/datareport/page/introduce";
   var adv_img = "/jyapp/images/reportTip.png?v=51430"
@@ -888,7 +844,9 @@
               var isNowIndex = $(".tabs-box .tabs-nav .active").index()
                 if (!$(".tabs-box").hasClass('hidden') && isNowIndex !== 0) {
                     if (isNowIndex === 1) {
-
+                      if (vEntSearchComponent) {
+                        vEntSearchComponent.toggleEntShow(true)
+                      }
                     }
                     return
                 }

src/jfw/modules/app/src/web/templates/weixin/search/tabSearch.html

@@ -490,198 +490,63 @@
             </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 v-show="showEntSearch">
+                        <van-tabs @click="onClickTabs" :ellipsis="false" line-height="0" v-model="activeTabIndex">
+                            <van-tab v-for="tab in entTabs"  :key="tab.title" :disabled="tab.disabled">
+                                <template #title>
+                                    <div class="ent-search-tab-item" v-show="tab.title">
+                                        <span>@@ tab.title @@</span>
+                                        <div class="an-icon-box">
+                                            <i class="j-icon base-icon icon-triangle-down"></i>
+                                            <i class="j-icon base-icon icon-triangle-up"></i>
                                         </div>
                                     </div>
-                                    <div class="ent-more">
-                                        <div>法定代表人: <span>@@item.legal@@</span></div>
-                                        <div>注册资本: <span>@@item.money@@</span></div>
+                                </template>
+                            </van-tab>
+                        </van-tabs>
+                        <div class="ent-search-list" :class="{stop: showPop}">
+                            <div v-show="showPop" class="jy-diy-pop">
+                                <div @click="togglePop(false)" class="van-overlay"></div>
+                                <div class="van-popup">
+                                    <div class="pop-bottom">
+                                        <button>1</button>
+                                        <button>2</button>
                                     </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 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 class="up-button">升级会员，查看更多搜索结果</div>
-                        <div class="ent-more-tip">
-                            <i class="j-icon base-icon icon-up-allow"></i>
-                            <span>上拉查看更多搜索结果</span>
                         </div>
                     </div>
                 </div>

src/web/staticres/common-module/ent-search/ent-search-template.css

@@ -0,0 +1,255 @@
+#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;
+}
+
+#v-ent-ent-search-group .van-tabs__line {
+  opacity: 0 !important;
+}
+
+#v-ent-ent-search-group .an-icon-box {
+  position: relative;
+  width: 0.32rem;
+  height: 0.32rem;
+}
+
+#v-ent-ent-search-group .an-icon-box .j-icon {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0.32rem;
+  height: 0.32rem;
+  transition: all 0.2s;
+  margin-left: 0.04rem;
+}
+
+#v-ent-ent-search-group .an-icon-box .icon-triangle-up {
+  opacity: 0;
+}
+
+#v-ent-ent-search-group .an-icon-box .icon-triangle-down {
+  opacity: 1;
+}
+
+#v-ent-ent-search-group .ent-search-tab-item {
+  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: #5F5E64;
+  padding: 0.24rem 0.38rem;
+}
+
+#v-ent-ent-search-group .van-tabs--line .van-tabs__wrap::after {
+  border: none;
+}
+
+#v-ent-ent-search-group .van-tab--active .ent-search-tab-item .icon-triangle-up {
+  opacity: 1;
+}
+
+#v-ent-ent-search-group .van-tab--active .ent-search-tab-item .icon-triangle-down {
+  opacity: 0;
+}
+
+#v-ent-ent-search-group .ent-search-list {
+  overflow-y: auto;
+  position: relative;
+}
+
+#v-ent-ent-search-group .ent-search-list.stop {
+  overflow: hidden;
+}
+
+#v-ent-ent-search-group .jy-diy-pop .van-overlay {
+  position: absolute;
+}
+
+#v-ent-ent-search-group .jy-diy-pop .van-popup {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background-color: #fff;
+  z-index: 2;
+}
+
+.ent-stop-scroll {
+  overflow: hidden;
+}
+
+/*# sourceMappingURL=ent-search-template.css.map */

src/web/staticres/common-module/ent-search/ent-search-template.js

@@ -0,0 +1,104 @@
+var vEntSearchComponent = new Vue({
+  el: '#v-ent-ent-search-group',
+  delimiters: ['@@', '@@'],
+  data: {
+    showEntSearch: false,
+    showPop: true,
+    activeTabIndex: 0,
+    entTabs: [
+      {
+        title: ''
+      },
+      {
+        title: '搜索范围'
+      },
+      {
+        title: '注册地'
+      },
+      {
+        title: '注册资本'
+      },
+      {
+        title: '企业类型'
+      },
+      {
+        title: '企业状态'
+      },
+      {
+        title: '中标区域'
+      },
+      {
+        title: '单位类型'
+      },
+      {
+        title: '联系方式'
+      }
+    ],
+    statusEnum: ['存续', '吊销', '停业', '撤销'],
+    list: [
+      {
+        name: '北京剑鱼信息技术有限公司北京剑鱼信息技术有限公司北京剑鱼信息技术有限公司北京剑鱼信息技术有限公司',
+        legal: '贾新',
+        money: '1000万元',
+        address: '北京市朝阳区北四环中路华严北里健翔3号地峻峰华亭嘉园C座2011号北京市朝阳区北四环中路华严北里健翔3号地峻峰华亭嘉园C座2011号北京市朝阳区北四环中路华严北里健翔3号地峻峰华亭嘉园C座2011号',
+        status: 0,
+        checked: false
+      },
+      {
+        name: '北京剑鱼信息技术有限公司',
+        legal: '贾新',
+        money: '1000万元',
+        address: '北京市朝阳区北四环中路华严北里健翔3号地峻峰华亭嘉园C座2011号',
+        status: 1,
+        checked: true
+      },
+      {
+        name: '北京剑鱼信息技术有限公司',
+        legal: '贾新',
+        money: '1000万元',
+        address: '北京市朝阳区北四环中路华严北里健翔3号地峻峰华亭嘉园C座2011号',
+        status: 2,
+        checked: false
+      },
+      {
+        name: '北京剑鱼信息技术有限公司',
+        legal: '贾新',
+        money: '1000万元',
+        address: '北京市朝阳区北四环中路华严北里健翔3号地峻峰华亭嘉园C座2011号',
+        status: 3,
+        checked: false
+      }
+    ]
+  },
+  methods: {
+    removeFixedScroll () {
+      $(".app-layout-content-b").scrollTop(0)
+      $(".app-layout-content-b").removeClass('ent-stop-scroll')
+      $(".ent-search-list").css({height: 'unset'})
+    },
+    fixedScroll () {
+      $(".app-layout-content-b").scrollTop(0)
+      $(".app-layout-content-b").addClass('ent-stop-scroll')
+      var isMaxHeight = $(".app-layout-content-b").height() - $(".tabs-nav").height() - $(".van-tabs.van-tabs--line").height()
+      $(".ent-search-list").css({height: isMaxHeight})
+    },
+    selectEnt (ent) {
+      console.log(ent)
+    },
+    onClickTabs (name, title) {
+      console.log(name, title)
+      this.togglePop(true)
+    },
+    togglePop (type) {
+      this.showPop = type
+    },
+    toggleEntShow (type) {
+      this.showEntSearch = type
+      if (type) {
+        this.fixedScroll()
+      } else {
+        this.removeFixedScroll()
+      }
+    }
+  }
+})

src/web/staticres/common-module/ent-search/ent-search-template.scss

@@ -0,0 +1,231 @@
+#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;
+}
+
+#v-ent-ent-search-group {
+  .van-tabs__line {
+    opacity: 0 !important;
+  }
+  .an-icon-box {
+    position: relative;
+    width: 0.32rem;
+    height: 0.32rem;
+    .j-icon {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 0.32rem;
+      height: 0.32rem;
+      transition: all 0.2s;
+      margin-left: 0.04rem;
+    }
+    .icon-triangle-up {
+      opacity: 0;
+    }
+    .icon-triangle-down {
+      opacity: 1;
+    }
+  }
+  .ent-search-tab-item {
+    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: #5F5E64;
+    padding: 0.24rem 0.38rem;
+  }
+  .van-tabs--line .van-tabs__wrap::after {
+    border: none;
+  }
+
+  .van-tab--active {
+    .ent-search-tab-item {
+      .icon-triangle-up {
+        opacity: 1;
+      }
+      .icon-triangle-down {
+        opacity: 0;
+      }
+    }
+  }
+  .ent-search-list {
+    overflow-y: auto;
+    position: relative;
+    &.stop {
+      overflow: hidden;
+    }
+  }
+  .jy-diy-pop {
+    .van-overlay {
+      position: absolute;
+    }
+    .van-popup {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      background-color: #fff;
+      z-index: 2;
+    }
+  }
+}
+
+.ent-stop-scroll {
+  overflow: hidden;
+}