pc端大会员购买页

src/web/staticres/big-member/css/pc_buy_commit.css

@@ -354,3 +354,113 @@ input[type="radio"] {
   font-size: 16px;
   color: rgba(255, 255, 255, 0.65);
 }
+
+/* S-表格样式 */
+#jy-table {
+  margin-top: 80px;
+}
+#jy-table .hl-text {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 144px;
+}
+#jy-table .hl-text:nth-child(1) {
+  border-right: 1px solid #ECECEC;
+  width: 330px;
+}
+#jy-table .hl-text:nth-child(2) {
+  border-right: 1px solid #ECECEC;
+  width: 508px;
+}
+#jy-table .hl-text .diy-box{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  font-size: 18px;
+  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+  font-weight: 400;
+  color: #1D1D1D;
+  line-height: 28px;
+}
+.sm{
+  font-size: 14px;
+  color: #2CB7CA;
+}
+#jy-table .no-padding{
+  width: 150px;
+  height: 144px;
+  background: #2CB7CA;
+  border-radius: 0px 0px 0px 0px;
+  opacity: 1;
+  border: 1px solid #E0E0E0;
+}
+#jy-table .buy-box{
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+#jy-table .buy-box .buy-title{
+  font-size: 18px;
+  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+  font-weight: 400;
+  color: #FFFFFF;
+  line-height: 28px;
+}
+.buy-money--old{
+  margin-top: 8px;
+  font-size: 14px;
+  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+  font-weight: 400;
+  color: rgba(255, 255, 255, 0.6000000238418579);
+  line-height: 24px;
+  text-decoration: line-through;
+}
+.buy-money--now{
+  font-size: 24px;
+  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
+  font-weight: bold;
+  color: #fff;
+  line-height: 36px;
+}
+#jy-table .seconpadding{
+  background: linear-gradient(135deg, #3E3E52 0%, #2F2F3D 100%);
+  border-radius: 0px 0px 0px 0px;
+  opacity: 1;
+}
+#jy-table .seconpadding.buy-box .buy-title{
+  color: #F6DCAE;
+}
+#jy-table .seconpadding .buy-money--old{
+  color: #F6DCAE;
+}
+#jy-table .seconpadding .buy-money--now{
+  color: #F6DCAE;
+}
+#jy-table .jy-table-header{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 36px;
+}
+.jy-head-main{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 28px;
+  width: 464px;
+  height: 36px;
+  background: url("/big-member/image/icon-bgdui.png") no-repeat;
+  background-size: contain;
+  background-position: center;
+  font-size: 24px;
+  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+  font-weight: 400;
+  color: #1D1D1D;
+  line-height: 36px;
+}
+/* E-表格样式 */

src/web/staticres/big-member/js/meauContact.js

@@ -45,4 +45,394 @@ var MeauData = [
       }
     ]
   },
+  {
+    "招标订阅推送": [
+      {
+        two: '按区域/行业/信息类型订阅',
+        three: '用户按照业务区域范围，订阅相关区域/行业发布/信息类型精准项目信息。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '按关键词订阅',
+        three: '用户可将业务范围、产品名称、甲方单位名称、业务需求等设置为订阅关键词，及时获取精准项目信息。',
+        four: '300组',
+        five: '300组'
+      },
+      {
+        two: '邮件/APP推送',
+        three: '将用户订阅的项目信息及时推送至用户设置的接收邮箱/手机。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '推送时间',
+        three: '实时推送、每日推送1次、每日推送2次、每周推送、每月推送，多种推送时间自由选择。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      }
+    ]
+  },
+  {
+    '招标附件下载': [
+      {
+        two: '招标附件下载',
+        three: '部分公告信息提供的招标文件、明细表、询价文件、合同等招标相关文件资料下载，帮助企业投标，分析甲方或中标单位等。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      }
+    ]
+  },
+  {
+    '采购单位全景分析': [
+      {
+        two: '采购单位通讯录',
+        three: ' 提供采购单位的联系方式，获取销售机会。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '招标动态',
+        three: '展示采购单位招标采购项目动态，洞察采购单位采购需求，用于开发新客户、客户维护。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '年度项目统计',
+        three: '提供采购单位近5年招标采购项目数量及项目金额统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '月度采购规模统计',
+        three: '提供采购单位近3年每月采购规模统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '采购规模分布',
+        three: '提供采购单位在各采购预算区间的项目数量及节支率分布统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '各类招标方式占比',
+        three: '提供采购单位各种招标方式占比统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '各行业项目平均节支率',
+        three: '提供采购单位在各招标采购领域平均节支率分布统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '各行业项目规模占比',
+        three: '提供采购单位的各招标采购领域预算占比情况统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '各业务领域重点合作企业',
+        three: '提供采购单位在各招标采购领域重点合作企业明细。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '合作企业年龄/注册地分布',
+        three: ' 提供采购单位的联系方式，获取销售机会。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '重点合作代理机构',
+        three: '提供采购单位的重点合作代理机构明细。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      }
+    ]
+  },
+  {
+    '企业全景分析': [
+      {
+        two: '企业基本信息',
+        three: '提供中标单位法人、注册信息、经营范围、联系方式等工商信息。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '企业通讯录',
+        three: '提供中标单位的联系方式，获取销售机会。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '中标项目清单',
+        three: '提供中标单位的历史中标项目、时间、地区、中标金额、联系人等项目清单。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '年度项目统计',
+        three: '提供中标单位近5年中标项目数量及项目金额统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '月度中标金额统计',
+        three: '提供中标单位近3年每月中标金额统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '市场区域分布',
+        three: '提供中标单位中标项目市场区域分布情况统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '各类客户平均折扣率',
+        three: '提供中标单位各业务线折扣率分布情况统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '客户类型分布',
+        three: '提供中标单位的合作单位行业分布情况统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '各行业重点客户明细',
+        three: '提供中标单位在各行业的重点客户明细。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      }
+    ]
+  },
+  {
+    '潜在项目预测推送':[
+      {
+        two: '预测未来采购项目',
+        three: '通过大数据分析和AI技术，帮助用户预测未来可能发生的采购项目，发掘市场上潜在的销售机会。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '类似项目联系方式',
+        three: '提供类似项目的联系人、联系方式等。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      }
+    ]
+  },
+  {
+    '项目进度监控':[
+      {
+        two: '项目招标/变更/中标/成交/废标/流标/合同/验收',
+        three: '及时推送关注项目的最新招标信息，中标信息、中标单位、预算、联系电话等信息，及时推送，方便安排后续人员跟进。',
+        four: '100个项目',
+        five: '500个项目'
+      },
+      {
+        two: '类似项目联系方式',
+        three: '提供类似项目的联系人、联系方式等。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      }
+    ]
+  },
+  {
+    '企业情报监控':[
+      {
+        two: '企业中标动态',
+        three: '监控招标大数据，一旦关注企业中标，及时推送企业的中标项目、时间等公告信息。',
+        four: '100个项目',
+        five: '500个项目'
+      },
+      {
+        two: '董监高/股东及投资比例注册资本/企业地址/经营范围公司注销/吊销公司注销/吊销新公司设立变动',
+        three: '监控企业公示数据库，一旦关注企业工商变动情况，及时推送，帮助企业及时了解竞争对手和合作伙伴的动向。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      }
+    ]
+  },
+  {
+    '结构化数据':[
+      {
+        two: '在线数据导出',
+        three: '字段明细：省份、城市、公告标题、公告类别、公告内容、发布时间、公告地址、剑鱼标讯地址、项目名称、项目范围、预算金额、中标金额、开标日期、采购单位、采购单位信息(采购单位联系人、采购单位联系电话、招标代理机构)、中标单位信息(中标单位、中标单位联系人、中标单位联系电话)(来源:招标公告网站)、中标单位信息(中标单位联系人、中标单位联系电话、电子邮箱)(来源:国家企业公示网站)。',
+        four: '每日导出量100条',
+        five: '每日导出量200条'
+      }
+    ]
+  },
+  {
+    '中标企业预测':[
+      {
+        two: '中标概率排名',
+        three: '提供企业中标概率、企业排名。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '中标企业信息',
+        three: '提供企业的联系方式，一键可拨打联系人。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '企业联系方式',
+        three: '提供企业的联系方式，一键可拨打联系人。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      }
+    ]
+  },
+  {
+    '投标决策分析':[
+      {
+        two: '类似项目明细',
+        three: '采购单位历史项目信息明细',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '类似项目评标专家分析',
+        three: '通过大数据分析统计，提供类似项目评标专家的频次排名。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '类似项目热点中标企业',
+        three: '根据类似项目的历史中标数量、中标金额等综合评定企业竞争力，提供排名前十的企业。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '类似项目区域分布',
+        three: '提供类似项目的采购区域热度分布情况统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '类似项目采购单位类型分布',
+        three: '提供类似采购项目的预算金额价格区间分布情况统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '类似项目标书编制周期',
+        three: '提供类似项目采购单位的各行业分类占比情况统计图表。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '类似项目折扣率分析',
+        three: '提供类似项目的标书编制周期统计图表',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+    ]
+  },
+  {
+    '投标决策分析':[
+      {
+        two: '潜在客户名录',
+        three: '结合历史招标采购信息、用户业务范围，生成潜在客户名录，获取销售机会。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      },
+      {
+        two: '潜在竞争对手/合作伙伴名录',
+        three: '结合历史中标成交信息、用户业务范围，生成潜在竞争对手/合作伙伴名录，获取渠道合作机会。',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      }
+    ]
+  },
+  {
+    '投标决策分析':[
+      {
+        two: '周报',
+        three: [
+          {
+            threein: '本周新增招标项目数量/预算统计。',
+            four: 'icon-tick',
+            five: 'icon-tick'
+          },
+          {
+            threein: '本周新增开标项目数量/规模统计。',
+            four: 'icon-tick',
+            five: 'icon-tick'
+          }
+          ,
+          {
+            threein: '项目金额排名前10的项目明细。',
+            four: 'icon-tick',
+            five: 'icon-tick'
+          }
+          ,
+          {
+            threein: '本周关注企业中标项目明细。',
+            four: 'icon-tick',
+            five: 'icon-tick'
+          }
+          ,
+          {
+            threein: '本周新开标项目提醒。',
+            four: 'icon-tick',
+            five: 'icon-tick'
+          }
+        ],
+      },
+      {
+        two: '月报',
+        three: [
+          {
+            threein: '本月新增项目数量/规模统计图表、排行榜。',
+            four: 'icon-tick',
+            five: 'icon-tick'
+          },
+          {
+            threein: '本月各业务领域新增项目数量/规模统计。',
+            four: 'icon-tick',
+            five: 'icon-tick'
+          },
+          {
+            threein: '本月新增项目数量/规模区域分布图表。',
+            four: 'icon-tick',
+            five: 'icon-tick'
+          },
+          {
+            threein: '本月新增项目数量/规模TOP10采购行业明细。',
+            four: 'icon-tick',
+            five: 'icon-tick'
+          },
+          {
+            threein: '本月中标企业注册地区域/资本/中标项目数量分布图表。',
+            four: 'icon-tick',
+            five: 'icon-tick'
+          },
+          {
+            threein: '本月采购单位/中标企业排行榜。',
+            four: 'icon-tick',
+            five: 'icon-tick'
+          }
+        ],
+      },
+    ]
+  },
+  {
+    '项目进度监控':[
+      {
+        two: '专属客服服务',
+        three: '提供专业的售后客服服务，定期电话回访，及时解决服务中的任何问题',
+        four: 'icon-tick',
+        five: 'icon-tick'
+      }
+    ]
+  }
 ]

src/web/templates/big-member/pc/page_buy_commit.html

@@ -98,10 +98,15 @@
       border-bottom: 1px solid #ececec;
     }
     .ent_his_ul .ent_his_list .ent_his_index {
-      width: 60px;
+      width: 130px;
     }
     .ent_his_ul .ent_his_list .ent_his_time {
-      width: 110px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 13px 17px;
+      width: 200px;
+      border-bottom: 1px solid #ececec;
     }
     .ent_his_ul .ent_his_list .pro_content {
       flex: 1;
@@ -116,19 +121,32 @@
       padding: 12px 16px 0;
       display: flex;
       flex-direction: column;
-      width: 250px;
+      justify-content: center;
+      align-items: center;
       min-height: 48px;
+      width: 508px;
       border-left: 1px solid #ececec;
       border-bottom: 1px solid #ececec;
     }
-    .ent_his_ul .ent_his_list .pro_content .pro_con_item .exe_list:nth-child(1) {
-      width: 170px;
+    .ent_his_ul .ent_his_list .pro_content .pro_con_item .exe_list.four {
+      width: 150px;
       justify-content: center;
       align-items: center;
     }
-    .ent_his_ul .ent_his_list .pro_content .pro_con_item .exe_list:nth-child(3) {
+    .ent_his_ul .ent_his_list .pro_content .pro_con_item .exe_list.five {
+      width: 150px;
       border-right: 1px solid #ececec;
     }
+    .page--big--index .jy-table th, .page--big--index .jy-table td{
+      padding: 0;
+    }
+    .iconTick{
+      display: flex;
+      width: 24px;
+      height: 24px;
+      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMpSURBVHgB7ZpNTttAFMffTKBV6YIcgU2lEKkivgEmUqWuWk5AOEHFCQg3oCcATpDuKrVF7g2cUClB6iZHyIqqbeLpvHxQPjzOjDMzAfN+mxiPLZGfPDPv/xwAgiAIgiAIgiAIgiAIgiAIXRg8ATZacflluXQIQjTwbyHYpys+OuiHwWDevSvwBHixXmoJIbavTzDRWEtKeLQ/714OBacaXZwwuCFnBhPvNW4vtqBq1LmeVncRAHOnF1JYQRM50FSNMwFnoEEhF+l5cuTYUbe+1QQNCidoM+p8kE/HsfICAzlIoQRVos4eF3CqGpfrzllvZ6sBBhRGUPVLXGMrPJISymnj8nxbygnAkEIs0pXP8cY8Ob9YEkIOHr0glMOfZ8rpC5bs6lTNaWhPscrXeJvx0js8Ho5GZz/fBG1YMjM58nAjbXwqJ7wMgz7kREtQ9TxuAOMnt+/kzW74+giWhA85iN4UY/zw3jmRNKvRj0NYAhg+pZwWKORIBjbkILprUOr8XpYkDJ/yo6a8wJIcREuQDHvq9cazJGX4nJKIZL8b2lsftQStMrErP7IlnV+cgGOywuf43xDJwWU9OAWLaAlqyy3y2aSOUEuSPRaXknTyVa8eHINljCvpzW+dU8ZhL+OS9pWUmbfuSMNm+DQlV9TwKcl2+DQldxaTtVEzdfv/Tz/5LXeTt/l3Exfh05SFwqpLSRg+YYXHqnEB4ntvp5YrX5mwUBbr1oOm3MGyqulxtYtVLxgwC5+q8Un4HO+szlk4rNqW5Dp8mmKtH2RjuvnKVyZYbZhVZKjld0PtbQZ/h0mY1gl4iHIQq/0grGKx1M+4pLwq15ZXuADfwGf4NMV6w2xc6g8TbG2q1giUFOMWPjuxtj5+clThcwBLkoM460lPt2n84mXVNQmDBge2nZWv8Im0na9McNq0r0RyuxY8YuqpkwmGTxf5ygSnPWmcFrh24AILpjgKn6Z4ee1j/CQ5zlcmeHsvpi3pAclBvL44nCfJR/g0xfub1VoUl/+I+9u6r/BpivcXh7PupIAEf36CtdJACPjoK3wSBEEQBEEQBEEQBEEQBEG44x/qVZ39mGkA4AAAAABJRU5ErkJggg==) no-repeat;
+      background-size: contain;
+    }
     /* -E- 表格样式 -E- */
   </style>
   <!--E-手机号输入样式-->
@@ -251,7 +269,7 @@
               </div>
             </div>
             <div class="complete">
-              <span class="com_text">完整服务清单参见套餐对比页面</span>
+              <span class="com_text">套餐对比完整服务清单</span>
               <span class="j-icon icon-arrow-right"></span>
             </div>
           </div>
@@ -301,108 +319,82 @@
             </div>
           </div>
           <div class="w-box" id="jy-table" name="jy-table" style="padding-bottom: 100px;">
+            <div class="jy-table-header">
+              <div class="jy-head-main">
+                剑鱼标讯大会员服务套餐对比
+              </div>
+            </div>
+            <!--S-吸附顶部版-->
+            <div data-sticky-change class="sticky-header" style="display: none">
+              <div style="display: flex;background: #F5F5FB;">
+                <div class="hl-text">
+                  <div class="di-box">
+                    <span>服务项目</span>
+                    <span class="sm">（自定义套餐请联系 400-108-6670）</span>
+                  </div>
+                </div>
+                <div class="hl-text">服务项目说明</div>
+                <div class="no-padding">
+                  <div class="buy-box">
+                    <span class="buy-title">商机版2.0</span>
+                    <span class="buy-money--old">7999元/年</span>
+                    <div style="color: #fff;"><span class="buy-money--now">5999</span>元/年</div>
+                  </div>
+                </div>
+                <div class="no-padding">
+                  <div class="buy-box">
+                    <span class="buy-title">专家版2.0</span>
+                    <span class="buy-money--old">27999元/年</span>
+                    <div style="color: #F6DCAE;"><span class="buy-money--now">21999</span>元/年</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!--E-吸附顶部版-->
+            <div data-sticky>
+              <div style="display: flex;background: #F5F5FB;border: 1px solid #ECECEC;">
+                <div class="hl-text">
+                  <div class="diy-box">
+                    <span>服务项目</span>
+                    <span class="sm">（自定义套餐请联系 400-108-6670）</span>
+                  </div>
+                </div>
+                <div class="hl-text">服务项目说明</div>
+                <div class="no-padding firstpadding">
+                  <div class="buy-box">
+                    <span class="buy-title">商机版2.0</span>
+                    <span class="buy-money--old">7999元/年</span>
+                    <div style="color: #fff;"><span class="buy-money--now">5999</span>元/年</div>
+                  </div>
+                </div>
+                <div class="no-padding seconpadding">
+                  <div class="buy-box">
+                    <span class="buy-title">专家版2.0</span>
+                    <span class="buy-money--old">27999元/年</span>
+                    <div style="color: #F6DCAE;"><span class="buy-money--now">21999</span>元/年</div>
+                  </div>
+                </div>
+              </div>
+            </div>
             <table class="jy-table">
-              <!--S-吸附顶部版-->
-              <thead data-sticky-change class="sticky-header" style="display: none">
-                <tr class="first-tr">
-                  <th style="width: 88px"></th>
-                  <th style="width: 116px"></th>
-                  <th style="width: 144px"></th>
-                  <th style="width: 402px"></th>
-                  <th style="width: 150px"></th>
-                  <th style="width: 150px"></th>
-                  <th style="width: 150px"></th>
-                </tr>
-                <tr>
-                  <th colspan="3" class="hl-text">
-                    <div class="diy-box">
-                      <span>服务项目</span>
-                      <span class="sm">（自定义套餐请联系 400-108-6670）</span>
-                    </div>
-                  </th>
-                  <th class="hl-text">服务项目说明</th>
-                  <th class="no-padding">
-                    <div class="buy-box">
-                      <span class="buy-title">商机版</span>
-                      <span class="buy-money--old">原价7999元/年</span>
-                      <div><span class="buy-money--now">5999</span>元/年</div>
-                      <button id="go-buy-12" class="buy-button cssfx-pulse" data-need-bind-phone
-                        data-go-buy="0">立即购买</button>
-                    </div>
-                  </th>
-                  <th class="no-padding">
-                    <div class="buy-box">
-                      <span class="buy-title">专家版</span>
-                      <span class="buy-money--old">原价27999元/年</span>
-                      <div><span class="buy-money--now">21999</span>元/年</div>
-                      <button id="go-buy-14" class="buy-button cssfx-pulse" data-need-bind-phone
-                        data-go-buy="2">立即购买</button>
-                    </div>
-                  </th>
-                </tr>
-              </thead>
-              <!--E-吸附顶部版-->
-              <thead data-sticky>
-                <tr class="first-tr">
-                  <th style="width: 88px"></th>
-                  <th style="width: 116px"></th>
-                  <th style="width: 144px"></th>
-                  <th style="width: 402px"></th>
-                  <th style="width: 150px"></th>
-                  <th style="width: 150px"></th>
-                  <th style="width: 150px"></th>
-                </tr>
-                <tr>
-                  <th colspan="3" class="hl-text">
-                    <div class="diy-box">
-                      <span>服务项目</span>
-                      <span class="sm">（自定义套餐请联系 400-108-6670）</span>
-                    </div>
-                  </th>
-                  <th class="hl-text">服务项目说明</th>
-                  <th class="no-padding">
-                    <div class="buy-box">
-                      <span class="buy-title">商机版</span>
-                      <span class="buy-money--old">原价7999元/年</span>
-                      <div><span class="buy-money--now">5999</span>元/年</div>
-                      <button id="go-buy-15" class="buy-button cssfx-pulse" data-need-bind-phone
-                        data-go-buy="0">立即购买</button>
-                    </div>
-                  </th>
-                  <th class="no-padding">
-                    <div class="buy-box">
-                      <span class="buy-title">专家版</span>
-                      <span class="buy-money--old">原价27999元/年</span>
-                      <div><span class="buy-money--now">21999</span>元/年</div>
-                      <button id="go-buy-17" class="buy-button cssfx-pulse" data-need-bind-phone
-                        data-go-buy="2">立即购买</button>
-                    </div>
-                  </th>
-                </tr>
-              </thead>
               <tbody class="ent_his_ul">
                 <tr class="ent_his_list" v-for="(item, index) in content" :key="index">
-                  <td class="ent_his_index inset_list" v-html="item.times[0]"></td>
-                  <td class="ent_his_time inset_list" v-html="item.times[0]"></td>
+                  <td class="ent_his_index inset_list" >@@item.times[0]@@</td>
                   <td class="pro_content">
-                    <!-- <tr class="pro_con_item" v-for="(datas, i) in item.timeData" :key="i">
-                      <div class="exe_list">3</div>
-                      <div class="exe_list">4</div>
-                      <div class="exe_list">5</div>
-                    </tr> -->
+                    <div class="pro_con_item" v-for="(datas, i) in item.timeData" :key="i">
+                      <div class="ent_his_time">@@datas.two@@</div>
+                      <div class="exe_list three">@@datas.three@@</div>
+                      <div class="exe_list four">
+                        <span v-if="datas.four=='icon-tick'" :class="{iconTick:datas.four=='icon-tick', iconClose:datas.four=='icon-tick'}"></span>
+                        <span v-else>@@datas.four@@</span>
+                      </div>
+                      <div class="exe_list five">
+                        <span v-if="datas.five=='icon-tick'" :class="{iconTick:datas.five=='icon-tick', iconClose:datas.five=='icon-tick'}"></span>
+                        <span v-else>@@datas.five@@</span>
+                      </div>
+                    </div>
                   </td>
                 </tr>
-                <!-- <tr class="ent_his_list" v-for="(item, index) in Object.keys(content)" :key="index" >
-                  <td class="ent_his_index inset_list">@@item@@</td>
-                  <td class="ent_his_time inset_list" v-for="(data, i) in content[item]">@@data.two@@</td>
-                  <td class="pro_content">
-                    <tr class="pro_con_item">
-                      <div class="exe_list">3</div>
-                      <div class="exe_list">4</div>
-                      <div class="exe_list">5</div>
-                    </tr>
-                  </td>
-                </tr> -->
               </tbody>
             </table>
           </div>
@@ -417,7 +409,7 @@
   <script src='{{Msg "seo" "cdn"}}/js/swiper.min.js'></script>
   <script>
   var vNode = {
-        // delimiters: ['@@', '@@'],
+        delimiters: ['@@', '@@'],
         el: '#pcBuyCommit',
         data: {
           content: []
@@ -431,20 +423,6 @@
             }
             vNode.data.content.push(dataArr)
           })
-          console.log(this.content)
-          let html = ''
-          // this.content.forEach(function(datas, i) {
-          //   datas.timeData.forEach(function (sum, ii) {
-          //     html = `
-          //     <tr class="pro_con_item">
-          //       <div class="exe_list">${sum.three}</div>
-          //       <div class="exe_list">${sum.four}</div>
-          //       <div class="exe_list">${sum.five}</div>
-          //     </tr>
-          //     `
-          //     $('.pro_content').html(html)
-          //   })
-          // })
         }
       }
     new Vue(vNode)
@@ -789,7 +767,8 @@
       })
       // 查看清单
       $('.com_text').on('click', function () {
-        location.href = './index#jy-table'
+        $(document).scrollTop(1297)
+        // location.href = './index#jy-table'
       })
       // 条款
       $('.agren_link').on('click', function () {