feat: 添加企业情报页面

src/jfw/modules/app/src/web/staticres/jyapp/big-member/css/ent_info_list.css

@@ -0,0 +1,37 @@
+.empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    flex: 1;
+    width: 100%;
+    background-color: #fff;
+}
+.empty .empty-img {
+    width: 2rem;
+    margin-bottom: 0.77rem;
+}
+.empty .empty-text {
+    font-size: .28rem;
+    color: #5F5E64;
+}
+
+.add-ent {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #F7F9FA;
+    background-color: #2ABED1;
+}
+.add-ent.circle {
+    position: absolute;
+}
+.add-ent.button {
+    margin: 0 auto;
+    margin-top: .96rem;
+    padding: .16rem .48rem;
+    width: 3.2rem;
+    font-size: .32rem;
+    line-height: .48rem;
+    border-radius: 0.08rem;
+}

src/jfw/modules/app/src/web/staticres/jyapp/big-member/css/ent_portrait.css

@@ -0,0 +1,25 @@
+.ent-header {
+    margin-bottom: .2rem;
+    padding: .28rem .36rem;
+    background-color: #fff;
+}
+.ent-title {
+    flex: 1;
+    margin: 0 .2rem;
+    font-size: .28rem;
+    line-height: .4rem;
+    color: #171826;
+    word-break: break-all;
+}
+.ent-tabs-container {
+    flex: 1;
+    
+    background-color: #fff;
+}
+.ent-tabs-container .van-tabs__content {
+    /* @extends  .j-main */
+    flex: 1;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    -webkit-overflow-scrolling: touch;
+}

src/jfw/modules/app/src/web/staticres/jyapp/big-member/css/j-icons.css

@@ -1,7 +1,7 @@
 .j-icon {
     display: inline-block;
-    width: .4rem;
-    height: .4rem;
+    width: .48rem;
+    height: .48rem;
 }
 
 /* 叉号 */
@@ -43,3 +43,18 @@
     background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGMSURBVHgB3ZU7TsNAEIZnFgkElTlBTJeIIt4bZGMJiQpyAo4AuYFzgxyBnIBwAZyGOk6BsUTjI7gkAu8wi5TIcuw8vBV8jVfj3/PPzj4M8NfB1aAdLu6OCMYE4BTepxohSFR3Ag0R6wFBUEpucDk+BgtEYezUaJzOa9wCWwPuVVqr+lwOwNZAg17UqvDoBmwNkGBWJ0IgB2wNjgVM+ZFVqgiewdYgUjLjSqOK5KPY7wZga2DIcxpt5CeMwAIsBy5fopAAe4VQppdaJtcyhQaIcoC+aVgKOeJEPLnhvNFCbxjEVzIC0uVWeWckwiYmWPeiolWGlNulVu3qhIt73t4PrEuR8slXDtGHKXAfA4+rXZKYs8Atm/zOUIgW77Cg6lsiPXz35XirgaEdzl3k1lSY7CKL+91zMxDbVImSKaFWfD5mcBjrtRK7lMbkre+pioXfi50GK2JfBhr1BV9aUziAvQ0MZjax8gY614pA1/7lqHD1I1hgzsVpDj0u8xYBu5zONXHNuyjx5SP8C34AMCyUJe92Gm4AAAAASUVORK5CYII=) no-repeat center;
     background-size: contain;
 }
+
+.icon-favorite {
+    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHlSURBVHgB7ZntTcJAHMafNg7gBjJC3QAmME6gJvoZRtAN4LMxsgEbaDewTiBs0AEE/D+1JoT2yr1RzuR+yYXQl7vn12u56wFEIpFIxIEEhmyfh0OkYLmQr+dSSmywkpInD3l+8PzX4Tm+keEMV/X5xnUYC1SNAmMpk7pBFUspcymz5C4vXeqQ85+gwUEBaTiTj4WUAfRZSrmWEIVjHSOpY9l1UKdA3fA7uq+YihLb6mqzlal1Hb8SheoApYCEH8jHh2XDPqHEpaon0o4Tba+8b5hhodrZKiBX/xZm9+uxybYvVaYGqh4YIzRS3LRtbjwD9b3/hRBZp4Pk/m21u6nZA2tkCJVkM9rf1BRIAhZo+VFJ8b/QEigRLo1sTYEUylHv5LRka+sBHhRqLxwWqGeROcJjvj/DJaqHeIbwaJ1etwqIaS4zyZAkZuaTuQSPQBAPdCHhJ6qdSoH6fuPId0qJos6gROeNjIMHp9Z9j9BV+LYHdxeTd+I+JbTCE+1ViR4ltMMTo2WVHiSMwhPzdaHjSRiHJ8YC5AgSVuGJlQDxKGEdnlgLEA8STuGJkwBxkHAOT5wFiIWEl/DEiwAxkPAWnngTIBoSXsMTrwKkQ8J7eOJd4I96eZJ/YjDwpwSfIhKJRCKh8QM2/7mt6fWCsAAAAABJRU5ErkJggg==) no-repeat center;
+    background-size: contain;
+}
+
+.icon-add-favorite {
+    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPKSURBVHgB7ZldTttAEMdn1us+5wbtEdITND1By3MJEBEH8QScIOEGyUOF6gQlFHhub0Bu0HCChhvkscLOTmfz4Th2bGzHFCr5JyHH3t3x/mf2Y9YAFBQUFBRsAUJKLrr9igBRMQS+VYQlgTSZKnpQoIbHVm34VPt+v1/640L5jTA/EahSFhupBeiXukqeAMEp35aijeGYkAZSuJ1arTbZxoZ1WD2HPATYdr8MwvyBQO8gIboTSuFOo/Fl5NnpXbURxEkaG47jfDw+ro3j6om4Qt15FPJuvfM0YdUd9lKNrzuLa4eAxl4Nro9C3fV6N/veMxKTOBvc6CpoQ5ryl23fliFWaAQXF/2ZAfDCTRMgcW5Zu+2oNvbl9wN+c5O99271Ajyo13evluWCcFKvV3+msDFxHfd9VCQiBdi9m99Lz/OVwzl9MpwaLdwwjbsoEUkI28CRVd99v6nuxiGkveAfNkk7r9H1plw/MBwG/uGU1MYs6nMLZdvmyEBCARzm1WQjdZ6088EOBES009rgJbazvEeBGx0QEqDDRwDexHFdNYAMBEWg583kvJFuexUFqPR6t2+DdUICTFP6Z/0wrff9eCJ4lXFmQyId870EvaVYqbANGXwwJVUWONfFkbiHLVk4YAAZ4d36nvePyuw3hjfA2H2ASKUOe94QgX//SCIAvQY634EXBte8jiGHivCD1Zgjwthd8F/AieOH1e/pKFweQEp35Jv55S5nn/BCBFdEKeFpAXrm8w449B6gbMILYZqm925EHAQzXI3c1JAnTocX7s+L20r38rqZNL1Ni06zlTKb7OmSIZwzfyenRA9ikew4j87G929chSyrOtTZoveAoKVFwDPgKOOzIjolooNH1zjwlx1Z1dYiU41MZSKXUcNwW3xZjblnEkFqLVUPLZONw72BdmhU+0gBOpTScPXO9+witiF2I/sfRCQ/E0/lHfiWNG7ZyjKxv/IpT/g2J1OY+3r8z0zySuMoZ+3c8NQhP/FXiTxE2L1rPlt7q1tShla9GpkIxg4hP3kMJ06pK5CeSlxhYgGarUUQ6GgN/X+BQ884WM4p6FmcydQftjR5zolv3asWp+8zByg+/R1Z+6007VNFYMlrWp0yCdBkEaE/S0YdzrOSWYAmjYju5W1TIn8kE9jXwwZyYisBmiQidOc5Z2gt7xFFadUBMfSeE44hJZkm8SaiJvYsvyE89VUdacH+rLPbva4QuZNGozaClOQmQLNRxDqhzm9LrgI0MSJy77wmdwFL5h9p8dP8nxdwf2TttaGgoKCg4LXxF88cMyfSschPAAAAAElFTkSuQmCC) no-repeat center;
+    background-size: contain;
+}
+
+.icon-company {
+    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKsSURBVHgB7ZldbtNAEMdn1oHQIqiPYB6Q2iKV+AaxAkg8QU+Q9gRtTlA4AeEElBOkfeIBheQGNpEokfriG5C3ilB7GKdp5abeje2s4lb176Hb/fBmJzv7n/UEoKSkpKRIMM2g9e9uHYWxh0g1yM6ICH2E4PikYR+CZpQGWB3XXFkzOghUBw0QYP8Mg23fsUegCaHqXF0TPV2Lj4jmWiGjAxqRGrDZdXe4yOMySiIjpnNroSLrQMQmxer8v0dB2IJz8CEDwgATKuILxL4MQqPJxSFoQGoA+2v9Wh3D7eFr24cc1HquMybx57LOu6BtZ0XagUMn3+IjvJuH1gRNpDbgtnLnDahAQWz8GPSkncSCMQ4+D9/Od9tcBkwC3BOjjpjsy0Qcff8FnmoByviCUMeq2H/RHbR/NbZaoCCXARzgXF6mJevHKL5XjT7/dWABCGl/szswTxpbu7Ixec9AChWRG5gJpJ3oLibrzrUDFIa7HOjeqcYERMeq/jAIE3dn4pZCfOJNtK7aDOOAi37S+FwG/H5lH3FxBAvAQbEv63vec/0HFLnpBarAdytl9NSxvZkmqcsWpkLxuVafGu+zPBOnUBVa/+ZaRlW4BGRGz7B0jqye+yzL+0KhKhTwTZWuz2U+Os92hS9MhSJO39jeRtdtIeDLybxAP1WHO4nCVOhqrobdhgW4n5e5UoWmlCoEpQotzr1XodKAokltAMubtlzOPGoZPktlgB+vPA4nb0VLYQxib6bJk42Vptc5AfsBUBzMDB6xbudNjVszdR+SFzQbGziyhy2ZWkll9KGA9l+CZvzddDqxLleykhrpZt0nIZdsqQtF+UxO6DoE2bLROpksntegyssqD3H04IUR4dclGzLicP/xDEN7XlI51W9kl0SXL1gCWW+kJSUld5j/wlY18F5JPmoAAAAASUVORK5CYII=) no-repeat center;
+    background-size: contain;
+}

src/jfw/modules/app/src/web/staticres/jyapp/big-member/css/public.css

@@ -139,7 +139,6 @@ a {
 .j-container {
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
     height: 100%;
 }
 

src/jfw/modules/app/src/web/staticres/jyapp/big-member/js/ent_info_list.js

@@ -0,0 +1,17 @@
+var vNode = {
+    delimiters: ['${', '}'],
+    el: '#ent-info-list',
+    data: {
+        tabActive: '1',
+        stickyTop: 80
+    },
+    mounted: function () {
+        this.getStickyTop()
+    },
+    methods: {
+        getStickyTop: function () {
+            this.stickyTop = $('.jy-app-header').height()
+        }
+    }
+}
+var entPortrait = new Vue(vNode)

src/jfw/modules/app/src/web/staticres/jyapp/big-member/js/ent_portrait.js

@@ -2,39 +2,16 @@ var vNode = {
     delimiters: ['${', '}'],
     el: '#ent-portrait',
     data: {
-        text: 'Hello GoLang & Vue!',
-        loading: true
+        tabActive: '1',
+        stickyTop: 80
     },
-    mounted() {
-        console.log('HI,', this.text)
-        let that = this
-        $.ajax({
-            type: 'GET',
-            url: location.href,
-            data: { name: 'Zepto.js' },
-            success: function(data){
-                // console.log(data)
-            },
-            error: function(xhr, type){
-                console.log('Ajax error!')
-            }
-        })
+    mounted: function () {
+        this.getStickyTop()
     },
     methods: {
-        clickFn (e) {
-            const href = 'https://web-jydev-zyh.jianyu360.cn/jyapp/jylab/mainSearch'
-            if (this.text.length !== 4) {
-                console.log('click', e)
-                vant.Toast.success('预加载页面!')
-                this.text = '前往首页'
-                const link = document.createElement('link')
-                link.rel = 'prerender'
-                link.href = href
-                document.head.appendChild(link)
-            } else {
-                location.href = href
-            }
+        getStickyTop: function () {
+            this.stickyTop = $('.jy-app-header').height()
         }
     }
 }
-new Vue(vNode)
+var entPortrait = new Vue(vNode)

src/jfw/modules/app/src/web/templates/big-member/page_ent_info_list.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="zh-CN" style="font-size: 50px;">
+<head>
+    <title>企业情报</title>
+
+    <!--引入公共资源头部-->
+    {{include "/big-member/meta.html"}}
+
+    <!--S-当前页必定需要预加载的资源-->
+    <link rel="preload" as="style" href=//cdn.jsdelivr.net/npm/reset-css@4.0.1/reset.min.css />
+    <link rel="preload" as="style" href=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/index.css />
+    <link rel="preload" as="style" href=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/icon/local.css />
+    <!--E-当前页必定需要预加载的资源-->
+
+    <!--S-当前页面的css资源-->
+    <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 />
+    <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/ent_info_list.css?v={{Msg "seo" "version"}}' />
+    <!--E-当前页面的css资源-->
+</head>
+<body>
+<div class="j-container">
+    {{include "/big-member/header.html"}}
+    <div id="ent-info-list" class="j-main">
+        <div class="empty">
+            <div class="empty-img">
+                <img src="/jyapp/big-member/image/img-empty.png" alt="">
+            </div>
+            <a href="" class="add-ent button">
+                <span class="j-icon icon-chahao"></span>
+                <span class="button-text">添加企业</span>
+            </a>
+        </div>
+        <div class="info-list">
+            <ul>
+                <li></li>
+            </ul>
+        </div>
+    </div>
+</div>
+
+<!--S-必定需要预加载的资源-->
+<script rel="preload" as="script" src=//cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js></script>
+<script rel="preload" as="script" src=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/vant.min.js></script>
+<script rel="preload" as="script" src=//cdn.jsdelivr.net/npm/zepto@1.2.0/dist/zepto.min.js></script>
+<!--E-必定需要预加载的资源-->
+
+<!--S-当前页面的资源-->
+<script src=//cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js></script>
+<script src=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/vant.min.js></script>
+<script src=//cdn.jsdelivr.net/npm/zepto@1.2.0/dist/zepto.min.js></script>
+{{include "/big-member/commonjs.html"}}
+<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/js/ent_info_list.js?v={{Msg "seo" "version"}}'></script>
+</body>
+</html>

src/jfw/modules/app/src/web/templates/big-member/page_ent_portrait.html

@@ -16,13 +16,60 @@
     <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 />
+    <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/ent_portrait.css?v={{Msg "seo" "version"}}' />
     <!--E-当前页面的css资源-->
 </head>
 <body>
+    <style>
+        .div {
+            display: block;
+            height: 200px;
+        }
+        .red {
+            background-color: red;
+        }
+    </style>
 <div class="j-container">
     {{include "/big-member/header.html"}}
     <div id="ent-portrait" class="j-main">
-        <button class="j-button-confirm">123213</button>
+        <!-- <div class="j-container">
+            <div class="j-header ent-header">
+                <span class="j-icon icon-company"></span>
+                <span class="ent-title">当前页面的资源当前页面的资源当前页面的资源当前页面的资源</span>
+                <span class="j-icon icon-add-favorite"></span>
+            </div>
+            <div class="j-main">
+                <van-tabs class="ent-tabs-container j-container" v-model="tabActive">
+                    <van-tab name="1" title="企业信息">
+                        <mark class="div">1</mark>
+                        <mark class="div red">2</mark>
+                        <mark class="div">3</mark>
+                        <mark class="div red">4</mark>
+                        <mark class="div">5</mark>
+                        <mark class="div red">6</mark>
+                        <mark class="div">7</mark>
+                    </van-tab>
+                    <van-tab name="2" title="中标信息">中标信息</van-tab>
+                </van-tabs>
+            </div>
+        </div> -->
+        <div class="j-header ent-header">
+            <span class="j-icon icon-company"></span>
+            <span class="ent-title">当前页面的资源当前页面的资源当前页面的资源当前页面的资源</span>
+            <span class="j-icon icon-add-favorite"></span>
+        </div>
+        <van-tabs class="ent-tabs-container" v-model="tabActive" sticky :offset-top="stickyTop">
+            <van-tab name="1" title="企业信息">
+                <mark class="div">1</mark>
+                <mark class="div red">2</mark>
+                <mark class="div">3</mark>
+                <mark class="div red">4</mark>
+                <mark class="div">5</mark>
+                <mark class="div red">6</mark>
+                <mark class="div">7</mark>
+            </van-tab>
+            <van-tab name="2" title="中标信息">中标信息</van-tab>
+        </van-tabs>
     </div>
 </div>