|
|
@@ -1,215 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html>
|
|
|
-
|
|
|
-<head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <title>计价清单</title>
|
|
|
- <meta name="viewport"
|
|
|
- content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
- <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
- <script src="/vipsubscribe/js/rem.js?v={{Msg "seo" "version"}}"></script>
|
|
|
- <link rel="stylesheet" type="text/css" href="/vipsubscribe/css/base.css?v={{Msg "seo" "version"}}"/>
|
|
|
- <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/vipsubscribe/css/valuation_list.css?v={{Msg "seo" "version"}}">
|
|
|
-</head>
|
|
|
-
|
|
|
-<body>
|
|
|
- <div class="valuation_list">
|
|
|
- <div class="va-list-container">
|
|
|
- <ul class="list-content">
|
|
|
- <!-- <li class="list-item">
|
|
|
- <div class="item-top">
|
|
|
- <div class="item-header">
|
|
|
- <span class="header-label">有效日期：</span>
|
|
|
- <span class="header-content ellipsis">(1个月)2019年12月1日-2019年12月31日</span>
|
|
|
- </div>
|
|
|
- <div class="item-body">
|
|
|
- <div class="b-item body-area">
|
|
|
- <div class="body-area-title text-title">区域</div>
|
|
|
- <div class="body-area-sub">1个省、3个市(分布在2个省内)</div>
|
|
|
- </div>
|
|
|
- <div class="b-item body-industry">
|
|
|
- <div class="body-industry-title text-title">采购单位行业</div>
|
|
|
- <div class="body-industry-sub">3个行业</div>
|
|
|
- </div>
|
|
|
- <div class="vp-type">
|
|
|
- <div class="vp-type-text">升级</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item-footer">
|
|
|
- <span class="footer-label">小计：</span>
|
|
|
- <span class="footer-content text-title">￥223.8</span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="list-item">
|
|
|
- <div class="item-top">
|
|
|
- <div class="item-header">
|
|
|
- <span class="header-label">有效日期：</span>
|
|
|
- <span class="header-content ellipsis">(1个月)2019年12月1日-2019年12月31日</span>
|
|
|
- </div>
|
|
|
- <div class="item-body vp-oneline">
|
|
|
- <div class="b-item body-area">
|
|
|
- <div class="body-area-title text-title">区域</div>
|
|
|
- <div class="body-area-sub">1个省、3个市(分布在2个省内)</div>
|
|
|
- </div>
|
|
|
- <div class="vp-type">
|
|
|
- <div class="vp-type-text">续续费</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item-footer">
|
|
|
- <span class="footer-label">小计：</span>
|
|
|
- <span class="footer-content text-title">￥223.8</span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="list-item">
|
|
|
- <div class="item-top">
|
|
|
- <div class="item-header">
|
|
|
- <span class="header-label">有效日期：</span>
|
|
|
- <span class="header-content ellipsis">(1个月)2019年12月1日-2019年12月31日</span>
|
|
|
- </div>
|
|
|
- <div class="item-body">
|
|
|
- <div class="b-item body-area">
|
|
|
- <div class="body-area-title text-title">区域</div>
|
|
|
- <div class="body-area-sub">1个省、3个市(分布在2个省内)</div>
|
|
|
- </div>
|
|
|
- <div class="b-item body-industry">
|
|
|
- <div class="body-industry-title text-title">采购单位行业</div>
|
|
|
- <div class="body-industry-sub">3个行业</div>
|
|
|
- </div>
|
|
|
- <div class="vp-type">
|
|
|
- <div class="vp-type-text">升级</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item-footer">
|
|
|
- <span class="footer-label">小计：</span>
|
|
|
- <span class="footer-content text-title">￥223.8</span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="list-item">
|
|
|
- <div class="item-top">
|
|
|
- <div class="item-header">
|
|
|
- <span class="header-label">有效日期：</span>
|
|
|
- <span class="header-content ellipsis">(1个月)2019年12月1日-2019年12月31日</span>
|
|
|
- </div>
|
|
|
- <div class="item-body vp-oneline">
|
|
|
- <div class="b-item body-industry">
|
|
|
- <div class="body-industry-title text-title">采购单位行业</div>
|
|
|
- <div class="body-industry-sub">3个行业</div>
|
|
|
- </div>
|
|
|
- <div class="vp-type">
|
|
|
- <div class="vp-type-text">升级</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item-footer">
|
|
|
- <span class="footer-label">小计：</span>
|
|
|
- <span class="footer-content text-title">￥223.8</span>
|
|
|
- </div>
|
|
|
- </li> -->
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="va-total-container">
|
|
|
- <span class="total-label">共计：</span>
|
|
|
- <span class="total-price">￥223.8</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <script src="{{Msg "seo" "cdn"}}/vipsubscribe/js/jquery.min.js?v={{Msg "seo" "version"}}2"></script>
|
|
|
- <script src="{{Msg "seo" "cdn"}}/vipsubscribe/js/dropload.min.js?v={{Msg "seo" "version"}}2"></script>
|
|
|
- <script>
|
|
|
- $(function () {
|
|
|
- // 定义函数区域 -------------------- >
|
|
|
- function appendList(list) {
|
|
|
- var str = ''
|
|
|
- for (var i = 0; i < list.length; i++) {
|
|
|
- var oldbuyset=list[i].oldBuyset;
|
|
|
-
|
|
|
- str += '<li class="list-item"><div class="item-top"><div class="item-header"><span class="header-label" > 有效日期：</span>';
|
|
|
- str += '<span class="header-content ellipsis">(1个月)2019年12月1日-2019年12月31日</span></div><div class="item-body">';
|
|
|
- str += '<div class="b-item body-industry"><div class="body-industry-title text-title">采购单位行业</div><div class="body-industry-sub">3个行业</div>'
|
|
|
- str += '<div class="b-item body-industry"><div class="body-industry-title text-title">采购单位行业</div><div class="body-industry-sub">3个行业</div>'
|
|
|
- str += '</div><div class="vp-type"><div class="vp-type-text">升级</div></div></div></div >'
|
|
|
-
|
|
|
- str += '<div class="item-footer"><span class="footer-label">小计：</span><span class="footer-content text-title">￥223.8</span></div></li > '
|
|
|
- }
|
|
|
- $('.va-list-container .list-content').append(str);
|
|
|
- }
|
|
|
-
|
|
|
- function init() {
|
|
|
- pageNum = 1
|
|
|
- $.ajax({
|
|
|
- type: 'POST',
|
|
|
- url: '/subscribepay/orderListDetails/getValuationList',
|
|
|
- data: {
|
|
|
- pageNum: pageNum,
|
|
|
- order_code:{{.T.order_code}}
|
|
|
- },
|
|
|
- dataType: 'json',
|
|
|
- success: function (data) {
|
|
|
- console.log(data);
|
|
|
- appendList(data.list)
|
|
|
- if (data.hasNextPage) {
|
|
|
- $('.va-list-container').dropload({
|
|
|
- scrollArea: $('.va-list-container'),
|
|
|
- loadDownFn: function (me) {
|
|
|
- getMoreList(me)
|
|
|
- }
|
|
|
- });
|
|
|
- } else {
|
|
|
- console.log('没有更多了');
|
|
|
- }
|
|
|
- },
|
|
|
- error: function (xhr, type) {
|
|
|
- console.log('Ajax error!');
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- function getMoreList(me) {
|
|
|
- pageNum++
|
|
|
- console.log(me);
|
|
|
-
|
|
|
- // 相当于 if me { me.lock() }。如果传me了，就执行me.lock，如果没传，则不执行
|
|
|
- // 详细可以百度短路运算
|
|
|
- me && me.lock()
|
|
|
- $.ajax({
|
|
|
- type: 'GET',
|
|
|
- url: '/page/json/valuation_list.json',
|
|
|
- data: {
|
|
|
- pageNum: pageNum
|
|
|
- },
|
|
|
- dataType: 'json',
|
|
|
- success: function (data) {
|
|
|
- console.log(data);
|
|
|
- appendList(data.list)
|
|
|
-
|
|
|
- // 没数据就将其置成没数据的状态
|
|
|
- // me && me.noData()
|
|
|
- // me && me.lock()
|
|
|
-
|
|
|
- me && me.unlock()
|
|
|
- // 每次数据加载完，必须重置
|
|
|
- me && me.resetload();
|
|
|
- },
|
|
|
- error: function (xhr, type) {
|
|
|
- alert('Ajax error!');
|
|
|
- // 即使加载出错，也得重置
|
|
|
- me && me.resetload();
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- // 一切从js这里开始 -------------------- >
|
|
|
- var pageNum = 1;
|
|
|
- var pageSize = 10;
|
|
|
- init()
|
|
|
- })
|
|
|
- </script>
|
|
|
-</body>
|
|
|
-
|
|
|
-</html>
|
