Merge branch 'dev/v4.8.33_zsy' of qmx/jy into feature/v4.8.33

src/jfw/modules/app/src/web/staticres/jyapp/dataSmt/css/index.css

@@ -0,0 +1,239 @@
+ul,li{
+    list-style: none;
+    padding:0;
+    margin:0;
+}
+.data-sam-main{
+    overflow-y:hidden ;
+}
+.header-banner{
+    position: relative;
+}
+.bottom-handle-box{
+    position: absolute;
+    bottom: 0;
+    z-index:1;
+    background: #fff;
+    height: 1.32rem;
+    width: 100%;
+    padding:  .16rem .32rem .24rem .32rem;
+}
+.bottom-handle-box .confirm-btn{
+    height: .92rem;
+    border-radius: 8px;
+    background: #2ABED1;
+    text-align: center;
+    font-size: .36rem;
+    line-height: .92rem;
+    color: #fff;
+}
+.fixed{
+    position: fixed;
+    bottom: 0;
+}
+/*bannner部分*/
+.header-box{
+    position: absolute;
+    bottom: 0.88rem;
+    padding: 0 0.58rem;
+}
+.header-box .supermarket-img{
+    height: 0.64rem;
+}
+.header-banner-img{
+    width:100%;
+}
+.header-box .sub-description {
+    color: #5F5E64;
+    font-size:0.24rem;
+    line-height:.4rem;
+    margin: .16rem 0;
+    width:4.16rem;
+}
+.header-box .example-list li{
+   float: left;
+    min-width: 2.08rem;
+    display: flex;
+    align-items: center;
+    color: #1D1D1D;
+    font-size: .28rem;
+    margin-bottom: .16rem;
+    text-align: left;
+}
+.header-box .example-list img{
+    width:.32rem;
+    height:.32rem;
+    margin-right: .08rem;
+}
+.header-box .example-list  li:nth-of-type(2n-1) {
+    margin-right: .64rem;
+}
+.content-container{
+    position: relative;
+}
+/*搜索框*/
+.section-search-com{
+    position: absolute;
+    top: -0.48rem;
+    padding: 0 .48rem;
+}
+.search-component{
+    width: 6.54rem;
+    height: .96rem;
+    box-shadow: 0 .04rem .16rem 0 rgba(54, 147, 179, 0.05);
+    border-radius: 8px;
+    background:#fff;
+    display: flex;
+    align-items: center;
+    padding: .24rem;
+}
+.search-component input{
+    height: .52rem;
+    margin-left: .16rem;
+    width: 100%;
+    font-size:.28rem;
+}
+/*条件选择模块*/
+.select-component{
+    margin-top: .96rem;
+    padding: 0 .24rem 0 .48rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: .28rem;
+
+}
+.select-component .cell-left .data-type{
+    color: #2ABED1;
+    margin: .24rem .08rem;
+}
+.select-component .cell-right{
+     color: #2ABED1;
+}
+.select-component .cell-right span:nth-of-type(1) {
+    text-decoration: underline;
+}
+.select-component .cell-right .icon-help1{
+    width: .32rem;
+    height: .32rem;
+    margin-left:.08rem;
+}
+.select-component .cell-left, .select-component .cell-right{
+    display: flex;
+    align-items: center;
+}
+
+.icon-search::before{
+    content: ''
+}
+.icon-duihao {
+    display: flex;
+    width: 0.48rem;
+    height: 0.48rem;
+    color: #2ABED1;
+    font-size: .48rem;
+}
+.icon-youbian{
+    color: #C0C4CC;
+    width: 0.22rem;
+    height: .32rem;
+}
+
+.custom-pop .pop-title{
+    height: 1.28rem;
+    font-size: .4rem;
+    line-height: 1.28rem;
+    padding-left: .36rem;
+    color: #171826;
+}
+.custom-pop .pop-content{
+    height: 7rem;
+    overflow-y: auto;
+}
+.custom-pop .van-cell{
+    padding: 15px 16px 13px 16px;
+    font-size: .32rem;
+}
+.van-popup__close-icon{
+    font-size: .32rem;
+}
+.van-popup__close-icon--top-right{
+    top: .46rem;
+}
+.explain-pop .van-cell{
+    font-weight: bold;
+    padding-top:8px;
+    padding-bottom:8px;
+}
+.explain-pop .van-cell .van-cell__label{
+    color: #5F5E64;
+    font-size:.28rem;
+    font-weight: normal;
+    line-height: .4rem;
+    margin-top: 8px;
+}
+
+/*数据列表*/
+.list-component.j-container{
+    height: calc(100vh - 8.56rem);
+    min-height: 45%;
+}
+.list-component .j-main{
+    /*min-height: 45%;*/
+    padding: 0 .24rem;
+    margin-bottom: .24rem;
+}
+.list-component .list-row{
+    background: #fff;
+    margin-top: .24rem;
+    padding: .48rem .24rem;
+    border-radius: .16rem;
+    position: relative;
+}
+.list-component .label-info{
+    color: #171826;
+    font-size: .3rem;
+    line-height: .48rem;
+}
+.corner-mark{
+    position: absolute;
+    left:0;
+    top:0;
+    display: inline-flex;
+    padding: 1px 12px;
+    flex-direction: column;
+    align-items: center;
+    border-radius: 8px 0;
+    background: linear-gradient(135deg, #FC6 0%, #FF9F40 100%);
+    color: #fff;
+    text-align: center;
+    text-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
+    font-size: .28rem;
+    line-height: .36rem;
+
+}
+.corner-color-1, .corner-color-6{
+    background: linear-gradient(135deg, #FC6 0%, #FF9F40 100%);
+}
+.corner-color-2, .corner-color-5{
+    background: linear-gradient(315deg, #39F 0%, #00D1FF 100%);
+}
+.corner-color-3{
+    background: linear-gradient(135deg, #0BD991 0%, #00B031 100%);
+}
+.corner-color-4{
+    background: linear-gradient(315deg, #1DB5E5 0%, #2ABED1 100%);
+}
+.list-component .row-tags{
+    margin-top: .16rem;
+    color: #5F5E64;
+    font-size: .24rem;
+}
+.list-component .tag-item{
+    padding: 1px 8px;
+    border-radius: 4px;
+    border: 0.5px solid rgba(0, 0, 0, 0.05);
+    background: #F7F9FA;
+}
+
+

src/jfw/modules/app/src/web/staticres/jyapp/dataSmt/js/index.js

@@ -0,0 +1,102 @@
+
+$(function () {
+})
+function searchFocus () {
+  location.replace('/jyapp/datasmt/list')
+}
+var vNode = {
+  el: '#select-component',
+  delimiters: ['${', '}'],
+  data: {
+    showDataType: false,
+    dataType: 0,
+    selectType: 0,
+    typeList: [
+      {
+        label: '全部',
+        value: 0
+      },
+      {
+        label: '采购意向',
+        value: 1
+      },
+      {
+        label: '拟建项目',
+        value: 2
+      },
+      {
+        label: '招标数据',
+        value: 3
+      },
+      {
+        label: '中标数据',
+        value: 4
+      },
+      {
+        label: '企业工商数据',
+        value: 5
+      },
+      {
+        label: '中标单位数据',
+        value: 6
+      },
+      {
+        label: '采购单位数据',
+        value: 7
+      }
+    ],
+    showExplain: false,
+    explainList: [
+      {
+        title: '采购意向',
+        label: '匹配关键词、省份、城市、公告标题、公告类别、公告内容、发布时间、公告地址、剑鱼标讯地址、项目名称、项目范围、预算金额、采购单位名称'
+      },
+      {
+        title: '拟建项目',
+        label: '匹配关键词、省份、城市、区县、公告标题、公告类别、公告内容、发布时间、公告地址、剑鱼标讯地址、项目名称、总投资、业主单位、建设规模（内容）、建设地点、竣工时间、开工时间、项目类型（申报方式）、审批结果'
+      },
+      {
+        title: '招标数据',
+        label: '匹配关键词、省份、城市、区县、公告标题、公告类别、公告内容、发布时间、公告地址、剑鱼标讯地址、项目名称、项目编号、项目范围、预算金额、报名截止日期、开标日期、投标截止日期、采购单位信息(采购单位名称、采购单位联系人、采购单位联系电话、采购单位地址）、招标代理机构'
+      },
+      {
+        title: '中标数据',
+        label: '匹配关键词、省份、城市、区县、公告标题、公告类别、公告内容、发布时间、公告地址、剑鱼标讯地址、项目名称、项目编号、项目范围、预算金额、中标金额、报名截止日期、开标日期、投标截止日期、采购单位信息(采购单位名称、采购单位联系人、采购单位联系电话、采购单位地址）、招标代理机构、中标单位信息(中标单位名称、中标单位联系人、中标单位联系电话)(来源:招标公告网站)、中标单位信息(中标单位联系人、中标单位联系电话、电子邮箱)(来源:国家企业公示网站）'
+      },
+      {
+        title: '企业工商数据',
+        label: '企业名称、曾用名、登记状态、企业类型、经营范围、法定代表人、注册资本、统一社会信用代码、纳税人识别号、注册号、组织机构代码、成立日期、登记机关、核准日期、所属省份、所属城市、所属区县、企业电话、企业地址、企业邮箱、人员规模'
+      },
+      {
+        title: '中标单位数据',
+        label: '中标单位、统一信用代码、省份、城市、区县、经营范围、招标信息通讯录（联系人、联系方式、地址）、近3年中标项目规模、近3年中标项目数量、业务覆盖区域、客户群体、TOP5客户信息（客户名称、客户所在省份、客户所在城市、客户分类、中标金额）'
+      },
+      {
+        title: '采购单位数据',
+        label: '采购单位、统一信用代码、单位类别、省份、城市、区县、经营范围、招标信息通讯录（联系人、联系方式、地址）、近3年招标项目规模、近3年招标项目数量、TOP5中标单位信息（中标单位名称、中标单位所在省份、中标单位所在城市、合作金额）'
+      }
+    ]
+  },
+  computed: {
+    typeText () {
+       var obj = this.typeList.find(item => {
+        return item.value === this.dataType
+      })
+      return obj ? obj.label : '全部'
+    }
+  },
+  methods: {
+    showTypeHandle () {
+      this.selectType = this.dataType
+      this.showDataType = true
+    },
+    changeDataType (item) {
+      this.selectType = item.value
+    },
+    typeConfirmHandle () {
+      this.dataType = this.selectType
+      this.showDataType = false
+    }
+  }
+}
+var auth = new Vue(vNode)

src/jfw/modules/app/src/web/templates/dataSmt/index.html

@@ -1 +1,178 @@
-pc 落地页
+<!doctype html>
+<html lang="en">
+<head>
+    <title>数据超市</title>
+    <!--引入公共资源头部-->
+    {{include "/big-member/meta.html"}}
+    <!--S-当前页面的css资源-->
+    <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
+    <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css />
+    <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/icon/local.css />
+    <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/assets/iconfont/mobile/22.7.2/iconfont.css />
+    <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/dataSmt/css/index.css?v={{Msg "seo" "version"}}' />
+    <!--E-当前页面的css资源-->
+    <style>
+        .j-container.app > .j-main {
+            margin-top: -21.34vw;
+        }
+        .j-header.transparent-header .header-left, .j-header.transparent-header .header-title{
+            color: #171826 !important;
+            font-size: 18px !important;
+        }
+        .jy-app-header.transparent-header .icon-back{
+            display: block;
+        }
+        .j-header .header-left .j-icon{
+            width: .48rem;
+            height: .48rem;
+        }
+    </style>
+<body>
+    <div class="j-container app">
+        {{include "/big-member/header.html"}}
+        <div class="j-main data-sam-main">
+            <div class="header-banner">
+               <img class="header-banner-img" src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/dataSmt/images/header-banner.png' alt="头部背景">
+                <section class="header-box">
+                    <p><img class="supermarket-img" src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/dataSmt/images/data-market-text.png' alt="数据超市"></p>
+                    <p class="sub-description">提供海量热门行业数据，专业安全合规成品数据一键下载</p>
+                    <ul class="example-list">
+                        <li>
+                            <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/dataSmt/images/icon-1.png' alt="海量数据支持">
+                            <span>海量数据支持</span>
+                        </li>
+                        <li>
+                            <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/dataSmt/images/icon-1.png' alt="海量数据支持">
+                            <span>专业数据团队</span>
+                        </li>
+                        <li>
+                            <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/dataSmt/images/icon-1.png' alt="海量数据支持">
+                            <span>数据成本低</span>
+                        </li>
+                        <li>
+                            <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/dataSmt/images/icon-1.png' alt="海量数据支持">
+                            <span>多种数据获取方式</span>
+                        </li>
+                    </ul>
+                </section>
+            </div>
+            <div class="content-container">
+                <section class="section-search-com">
+                   <div class="search-component">
+                       <i class="j-icon base-icon icon-search"></i>
+                       <input class="search-input" type="text" onfocus="searchFocus()" placeholder="请输入业务范围，如物业管理">
+                   </div>
+                </section>
+                <section class="select-component" id="select-component">
+                    <div class="cell-left"  @click="showTypeHandle">
+                        <span>数据类型：</span>
+                        <span class="data-type">${typeText}</span>
+                        <i class="iconfont icon-youbian"></i>
+                    </div>
+                    <div class="cell-right" @click="showExplain = true">
+                        <span>包含字段</span>
+                        <i class="iconfont icon-help1"></i>
+                    </div>
+                    <van-popup
+                            v-model:show="showDataType"
+                            closeable
+                            round
+                            close-icon="clear"
+                            position="bottom"
+                            :style="{ height: '480px' }"
+                            class="custom-pop data-type-pop"
+                    >
+                        <div class="pop-container">
+                            <div class="pop-title">选择数据类型</div>
+                            <div class="pop-content">
+                                <van-cell v-for="item in typeList" :title="item.label" @click="changeDataType(item)">
+                                    <template #right-icon v-if="item.value === selectType">
+                                        <i class="iconfont icon-duihao"></i>
+                                    </template>
+                                </van-cell>
+                            </div>
+                            <div class="pop-bottom bottom-handle-box">
+                                <div class="confirm-btn" @click="typeConfirmHandle">确定</div>
+                            </div>
+                        </div>
+                    </van-popup>
+                    <van-popup
+                            v-model:show="showExplain"
+                            closeable
+                            round
+                            close-icon="clear"
+                            position="bottom"
+                            :style="{ height: '480px' }"
+                            class="custom-pop explain-pop"
+                    >
+                        <div class="pop-container">
+                            <div class="pop-title">字段包含说明</div>
+                            <div class="pop-content">
+                                <van-cell v-for="item in explainList" :title="item.title" :label="item.label" />
+                            </div>
+                            <div class="pop-bottom bottom-handle-box">
+                                <div class="confirm-btn" @click="showExplain = false">我知道了</div>
+                            </div>
+                        </div>
+                    </van-popup>
+                </section>
+                <section class="j-container list-component">
+                    <div class="j-main">
+                        <div class="list-row">
+                            <span class="corner-mark corner-color-1">采购意见</span>
+                            <p class="label-info">“新媒体运营”项目，近6个月全国采购意向数据批量下载</p>
+                            <div class="row-tags">
+                                <span class="tag-item tag-color-1">人工清洗</span>
+                                <span class="tag-item tag-color-1">格式：Excel、CSV</span>
+                            </div>
+                        </div>
+                        <div class="list-row">
+                            <span class="corner-mark corner-color-2">拟建项目</span>
+                            <p class="label-info">“新媒体运营”项目，近6个月全国采购意向数据批量下载</p>
+                            <div class="row-tags">
+                                <span class="tag-item tag-color-1">人工清洗</span>
+                                <span class="tag-item tag-color-1">格式：Excel、CSV</span>
+                            </div>
+                        </div>
+                        <div class="list-row">
+                            <span class="corner-mark corner-color-3">招标数据</span>
+                            <p class="label-info">“新媒体运营”项目，近6个月全国采购意向数据批量下载</p>
+                            <div class="row-tags">
+                                <span class="tag-item tag-color-1">人工清洗</span>
+                                <span class="tag-item tag-color-1">格式：Excel、CSV</span>
+                            </div>
+                        </div>
+                        <div class="list-row">
+                                <span class="corner-mark corner-color-4">中标数据</span>
+                                <p class="label-info">“新媒体运营”项目，近6个月全国采购意向数据批量下载</p>
+                                <div class="row-tags">
+                                    <span class="tag-item tag-color-1">人工清洗</span>
+                                    <span class="tag-item tag-color-1">格式：Excel、CSV</span>
+                                </div>
+                            </div>
+                    </div>
+                </section>
+            </div>
+        </div>
+        <div class="bottom-handle-box fixed">
+            <div class="confirm-btn">申请数据定制</div>
+        </div>
+    </div>
+    <!--S-当前页面的资源-->
+    <script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js></script>
+    <script src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js></script>
+    <script src=//cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js></script>
+    <!--E-当前页面的资源-->
+    {{include "/big-member/commonjs.html"}}
+    <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/dataSmt/js/index.js?v={{Msg "seo" "version"}}'></script>
+    <script>
+      $(function () {
+        var header = $('.j-header.jy-app-header')
+        header.addClass('transparent-header')
+      })
+    </script>
+    <script>
+
+    </script>
+</body>
+</html>

src/jfw/modules/app/src/web/templates/dataSmt/list.html

@@ -1,2 +1,22 @@
-pc 列表页
-{{.T.dataType}}
+<!doctype html>
+<html lang="en">
+<head>
+    <title>数据超市</title>
+    <!--引入公共资源头部-->
+    {{include "/big-member/meta.html"}}
+    <!--S-当前页面的css资源-->
+    <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
+    <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css />
+    <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/icon/local.css />
+    <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/assets/iconfont/mobile/22.7.2/iconfont.css />
+    <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/dataSmt/css/index.css?v={{Msg "seo" "version"}}' />
+</head>
+<body>
+<div class="j-container app">
+    {{include "/big-member/header.html"}}
+    <div class="app-layout-header">
+        555555
+    </div>
+</div>
+</body>
+</html>