请选择 进入手机版 | 继续访问电脑版

LODOP打印模板开发-前端

发表于 2021-10-20 12:42:47 显示全部楼层 0 576

HTML:

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=1280, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <meta name="renderer" content="webkit|ie-stand|ie-comp">
  7. <title>ShopDa-ERP</title>
  8. <link href="https://erp.shopda.cn/statics/saas/scm/app2_release/css/common.css?ver=20150522" rel="stylesheet" type="text/css">
  9. <link href="https://erp.shopda.cn/statics/saas/scm/app2_release/css/default/ui.min.css?ver=20150522" rel="stylesheet">
  10. <script src="https://erp.shopda.cn/statics/saas/scm/app2_release/js/common/libs/jquery/jquery-1.10.2.min.js?10"></script>
  11. <script src="https://erp.shopda.cn/statics/saas/scm/app2_release/js/common/libs/json3.min.js?10"></script>
  12. <script src="https://erp.shopda.cn/statics/saas/scm/app2_release/js/common/common.js?ver=20151021"></script>
  13. <script src="https://erp.shopda.cn/statics/saas/scm/app2_release/js/common/grid.js?ver=20151021"></script>
  14. <script src="https://erp.shopda.cn/statics/saas/scm/app2_release/js/common/plugins.js?ver=20151021"></script>
  15. <script src="https://erp.shopda.cn/statics/saas/scm/app2_release/js/common/plugins/jquery.dialog.js?self=true&ver=20151021"></script>



  16. <script type="text/javascript">
  17. var DOMAIN = document.domain;
  18. var WDURL = "";
  19. var SCHEME= "default";
  20. try{
  21.         document.domain = 'https://erp.shopda.cn/';
  22. }catch(e){
  23. }
  24. //ctrl+F5 增加版本号来清空iframe的缓存的
  25. $(document).keydown(function(event) {
  26.         /* Act on the event */
  27.         if(event.keyCode === 116 && event.ctrlKey){
  28.                 var defaultPage = Public.getDefaultPage();
  29.                 var href = defaultPage.location.href.split('?')[0] + '?';
  30.                 var params = Public.urlParam();
  31.                 params['version'] = Date.parse((new Date()));
  32.                 for(i in params){
  33.                         if(i && typeof i != 'function'){
  34.                                 href += i + '=' + params[i] + '&';
  35.                         }
  36.                 }
  37.                 defaultPage.location.href = href;
  38.                 event.preventDefault();
  39.         }
  40. });
  41. </script>

  42.     <link rel="stylesheet" href="https://erp.shopda.cn/statics/cloudprint/modules/bootstrap/css/bootstrap.css">
  43.     <link rel="stylesheet" href="https://erp.shopda.cn/statics/cloudprint/modules/bootstrap/css/bootstrap-theme.css">
  44.     <link rel="stylesheet" href="https://erp.shopda.cn/statics/cloudprint/awesome/css/font-awesome.css">
  45.     <link rel="stylesheet" href="https://erp.shopda.cn/statics/cloudprint/awesome/css/font-awesome-ie7.css">
  46.     <link rel="stylesheet" href="https://erp.shopda.cn/statics/cloudprint/modules/select2-4.0.5/css/select2.min.css">

  47.     <link rel="stylesheet" href="https://erp.shopda.cn/statics/cloudprint/modules/lamp/css/lamp.css">

  48.     <style>

  49.     </style>
  50.     <!--   <script src="http://localhost:18000/CLodopfuncs.js?priority=0"></script>
  51.     <script src="http://localhost:8001/CLodopfuncs.js?priority=1"></script>
  52. </script>-->
  53.     <script src="https://erp.shopda.cn/statics/cloudprint/js/CLodopfuncs.js"></script>
  54. </head>
  55. <body>
  56. <div class="panel panel-default">
  57.     <div class="panel-heading">
  58.         <h4 class="panel-title"><i class="fa fa-codepen"></i> 模板设计器 <span  class="designer-title"></span>
  59.             <label class="designer-template-label tplName" name="tplName" id="tplName"></label>
  60.            <select style="font-size:14px; height:24px" id="pid" onchange="gradeChange()">
  61.         <option value="0">模板选择</option>
  62.         <option value="1">销货单模板</option>
  63.         <option value="2">购货单模板</option>
  64.         <option value="3">销售订单模板</option>
  65.         <option value="4">采购订单模板</option>
  66.         <option value="5">出入库模板</option>
  67.     </select>
  68.             <div class="pull-right">
  69.                 <div class="btn-group"  style="margin-top: 2px;">
  70.                     <button class="btn btn-info btn-xs" type="button" role="btn" data-btnid="tplSettings">模板设置</button>
  71.                     <button class="btn btn-info btn-xs hide" type="button" role="btn" data-btnid="printSetting">打印设置</button>
  72.                 </div>
  73.                 <div class="btn-group"  style="margin-top: 2px;">
  74.                     <button class="btn btn-warning btn-xs" type="button" role="btn" data-btnid="preview">打印预览</button>
  75.                    <!-- <button class="btn btn-warning btn-xs" type="button" role="btn" data-btnid="print">打印测试</button>-->
  76.                 </div>
  77.                 <div class="btn-group"  style="margin-top: 2px;">
  78.                    <!-- <button class="btn btn-primary btn-xs" type="button" name="getTemplateBtn" id="getTemplateBtn" role="btn" data-btnid="getTemplate">获取模板</button>-->
  79.                     <button class="btn btn-success btn-xs" type="button" role="btn" data-btnid="saveTemplate">保存模板</button>
  80.                     <!--<button class="btn btn-danger btn-xs" type="button" role="btn" data-btnid="closeDesigner">关闭</button>-->
  81.                 </div>
  82.             </div>
  83.         </h4>
  84.     </div>
  85.     <!-- body begin -->
  86.      <div class="panel-body">
  87.         <div class="col-sm-12 panel-heading LampToolsContainer">
  88.         </div>
  89.         <div class="col-sm-12 line-horizontal" ></div>
  90.         <!-- Designed Container Begin -->
  91.          <div class="col-sm-9 col-lg-9 col-xs-9 DesignedContainer" data-lampDesigner="{}">
  92.             <div name="div01" lamp="lodop" data-lodop="html"  data-itemtype="1">
  93.                 <table name="tplTop" width="100%">
  94.                     <caption role="item" class="tplCaption" name="item1" style="vertical-align: center">发货单</caption>
  95.                     <div role="item" class="tplBarcode" style="z-index:99;position: absolute;right: 10px;text-align: center;padding-right: 2px;padding-top: 4px;min-width:30px;min-height: 20px;"
  96.                          name="item2" data-type="orderno"></div>
  97.                     <tbody>
  98.                         <tr>
  99.                             <td role="item" width="8%" align="left" class="text-right" name="item3"><span>发货单号:</span></td><td role="item" align="left" class="text-left" width="30%" name="item4"></td>
  100.                             <td role="item" width="10%" align="left" class="text-right" name="item5"><span >发货仓库:</span></td><td role="item" align="left" class="text-left" width="20%" name="item6"></td>
  101.                             <td role="item" width="10%" align="left" class="text-right" name="item7">买家昵称:</td><td role="item" align="left" class="text-left" width="20%" name="item8"></td>
  102.                         </tr>
  103.                         <tr>
  104.                             <td role="item" width="8%" align="left" class="text-right" name="item9">快递公司:</td><td role="item" align="left" class="text-left" width="30%" name="item10"></td>
  105.                             <td role="item" width="10%" align="left" class="text-right" name="item11"></td><td role="item" align="left" class="text-left" width="20%" name="item12"></td>
  106.                             <td role="item" width="10%" align="left" class="text-right" name="item13"></td><td role="item" align="left" class="text-left" width="20%" name="item14"></td>
  107.                         </tr>
  108.                         <tr>
  109.                             <td role="item" width="10%" align="left" class="text-right" name="item15">买家地址:</td><td role="item" width="90%" align="left" class="text-left" colspan="5" name="item16"></td>
  110.                         </tr>
  111.                         <tr>
  112.                             <td colspan="6" role="item" style="height: 20px;" name="item17"></td>
  113.                         </tr>
  114.                     </tbody>
  115.                 </table>
  116.             </div>
  117.            <!--  <div lamp="lodop" data-lodop="html" name="div02"  data-itemtype="1">
  118.                 <table  width="99%" ><tr><td role="item" style="height: 20px;" name="item17"></td></tr></table>
  119.             </div>-->
  120.             <div id="tplMiddleContainer" class="tplMiddleContainer" lamp="lodop" data-lodop="table" name="div03">
  121.                 <table width="100%" style="border-collapse: collapse;border-spacing:0;margin: 0px 0px;"  role="item" name="item18" cellspacing="0" cellpadding="0" data-type="table">
  122.                     <thead>
  123.                         <tr><th data-index="goodsName">商品名称</th><th data-index="goodsCode">商品编码</th><th data-index="specDesc">商品规格</th><th data-index="amount">数量</th><th data-index="subtotal">金额</th></tr>
  124.                     </thead>
  125.                     <tbody>
  126.                     </tbody>
  127.                     <tfoot>
  128.                     </tfoot>
  129.                 </table>
  130.             </div>
  131.            <!-- <div lamp="lodop" data-lodop="html" name="div04"  data-itemtype="1">
  132.                 <div role="item" style="height: 20px;" name="item19"></div>
  133.                 <table  width="100%"><tr><td role="item" style="height: 20px;" name="item19"></td></tr></table>
  134.             </div>-->
  135.             <div id="tplBottomContainer"  lamp="lodop" data-lodop="tfoot" name="div05"  data-itemtype="1">
  136.                 <table name="tt" width="100%" >
  137.                     <tbody>
  138.                         <tr>
  139.                             <td colspan="6" role="item" style="height: 20px;" name="item19"></td>
  140.                         </tr>
  141.                         <tr>
  142.                             <td role="item" width="10%" align="left" class="text-right" name="item20">备注:</td>
  143.                             <td role="item" width="90%" align="left" class="text-left" colspan="5" name="item21"></td>
  144.                         </tr>
  145.                         <tr>
  146.                             <td role="item" width="10%" align="left" class="text-right" name="item22">店铺:</td>
  147.                             <td role="item" width="23%" align="left" name="item23"></td>
  148.                             <td role="item" width="10%" align="right" class="text-right" name="item24"></td>
  149.                             <td role="item" width="23%" align="left"  name="item25"></td>
  150.                             <td role="item" width="10%" align="right" class="text-right" name="item26"></td>
  151.                             <td role="item" width="23%" align="left"  name="item27"></td>
  152.                         </tr>
  153.                         <tr>
  154.                             <td role="item" width="10%" align="left" class="text-right" name="item28">商家备注:</td>
  155.                             <td role="item" width="23%" align="left" name="item29"></td>
  156.                             <td role="item" width="10%" align="right" class="text-right" name="item30"></td>
  157.                             <td role="item" width="23%" align="left"   name="item31"></td>
  158.                             <td role="item" width="10%" align="right" class="text-right" name="item32"></td>
  159.                             <td role="item" width="23%" align="left"   name="item33"></td>
  160.                         </tr>
  161.                         <tr>
  162.                             <td colspan="6" role="item" style="height: 15px;" name="item34"></td>
  163.                         </tr>
  164.                     </tbody>
  165.                 </table>
  166.             </div>
  167.         </div>
  168.         <!-- Designed Container End -->
  169.         <div class="panel-group col-sm-3 col-lg-3 col-xs-3 CtrlContainer" id="CtrlContainer" role="tablist" aria-multiselectable="true">
  170.             <div class="panel panel-default" style="display: none;">
  171.                 <table cellspacing="0" cellpadding="0" width="100%" class="lampTTP" name="tplSetting">
  172.                     <caption style="text-align: center;">模板设置</caption>
  173.                     <span  style="position: absolute;right:20px;" role="hideBtn"> <a href="#"><i class="fa fa-eye-slash fa-w-18 "></i> 隐藏</a></span>
  174.                     <tbody>
  175.                         <tr><td width="35%">模板名称:</td>
  176.                             <td  style="text-align: left">
  177.                                 <input type="text" name="tplName" role="setupCtl">
  178.                             </td>
  179.                         </tr>
  180.                         <tr><td width="35%">页边距:</td>
  181.                             <td style="text-align: left">
  182.                                 <table cellpadding="0" cellspacing="0" style="border:none;width: 100%;">
  183.                                     <tr>
  184.                                         <td style="border: none;">左:<input type="text" name="left" role="setupCtl" style="max-width: 80px;"></td>
  185.                                         <td style="border: none;">右:<input type="text" name="right" role="setupCtl" style="max-width: 80px;"></td>
  186.                                     </tr>
  187.                                     <tr>
  188.                                         <td style="border: none;">上:<input type="text" name="top" role="setupCtl" style="max-width: 80px;"></td>
  189.                                         <td style="border: none;">下:<input type="text" name="bottom" role="setupCtl" style="max-width: 80px;"></td>
  190.                                     </tr>
  191.                                 </table>
  192.                             </td>
  193.                         </tr>
  194.                         <tr>
  195.                             <td width="35%">纸张类型:</td>
  196.                             <td style="max-width: 200px;" colspan="2" style="text-align: left">
  197.                                 <select name="paperType" role="setupCtl" data-allowClear="true">
  198.                                     <option></option>
  199.                                 </select>
  200.                             </td>
  201.                         </tr>
  202.                         <tr>
  203.                             <td width="35%">自定义:</td>
  204.                             <td style="text-align: left">
  205.                                 宽:<input type="number" name="pageWidth" role="setupCtl" style="max-width: 120px;">(0.1mm)
  206.                                 <div style="height:4px;"></div>
  207.                                 高:<input type="number" name="pageHeight" role="setupCtl" style="max-width: 120px;">(0.1mm)
  208.                             </td>
  209.                         </tr>
  210.                     </tbody>
  211.                 </table>
  212.             </div>
  213.             <div class="panel panel-default">
  214.                 <table cellspacing="0" cellpadding="0" width="100%" class="lampTTP" name="printSetting" style="display: none;">
  215.                     <thead><tr><th colspan="4">打印机设置</th></tr></thead>
  216.                     <tbody>
  217.                         <tr><td width="15%">名称:</td><td colspan="3" style="max-width: 300px;"><select name="printer" role="setupCtl" ></select></td></tr>
  218.                         <tr><td width="15%">大小:</td><td colspan="2" width="35%"><select name="paperSize" role="setupCtl"></select></td><td colspan="1" ></td></tr>
  219.                         <tr><td width="15%">方向:</td><td colspan="3" style="max-width: 300px;"><select name="paperOrient" role="setupCtl"></select></td></tr>
  220.                         <tr><td colspan="5" role="setupCtl" name="selectionPrinter"></td></tr>
  221.                     </tbody>
  222.                 </table>
  223.             </div>
  224.             <div class="panel panel-default">
  225.                 <table class="lampTTP" name="itemCfg" id="itemCfg">
  226.                     <caption style="text-align: center;">模板ITEM配置</caption>
  227.                     <span  style="position: absolute;right:20px;" role="btn" data-btnid="propsCtrlRefresh"> <a href="#"><i class="fa fa-refresh "></i> 刷新</a></span>
  228.                     <thead>
  229.                     <tr><th width="40%">属性</th><th>值</th></tr>
  230.                     </thead>
  231.                     <tbody>
  232.                     <tr><td>内容类型</td><td><span role="itemCtl" name="itemType" id="itemType" data-ctrl-type="type"></span> </td></tr>
  233.                     <tr><td>name</td><td ><span role="itemCtl" name="itemPK" id="itemPK" data-ctrl-type="name"></span></td></tr>
  234.                     <tr><td>别名(alias)</td><td ><input type="text" role="itemCtl" name="itemAlias" id="itemAlias" data-ctrl-type="alias" ></td></tr>
  235.                     <tr>
  236.                         <td>内容<span class="text-danger">*</span><br>
  237.                             <a href="#" name="selectMetaOps" role="operateCtl" class="btn btn-link btn-sm hide">选择数据项</a>
  238.                         </td>
  239.                         <td>
  240.                             <textarea role="itemCtl" name="itemContent" id="itemContent" data-ctrl-type="content" ></textarea>
  241.                         </td>
  242.                     </tr>
  243.                     <tr><td>字体</td><td class="text-left"><select role="itemCtl" name="itemFontName" id="itemFontName" multiple="multiple" data-ctrl-type="fontName">
  244.                     </select></td></tr>
  245.                     <tr><td>字号</td><td><input role="itemCtl" type="text" name="itemFontSize" id="itemFontSize" data-ctrl-type="fontSize" ></td></tr>
  246.                     <!--
  247.                     <tr><td>Top</td><td><input role="itemCtl" type="text" name="top"></td></tr>
  248.                     <tr><td>Left</td><td><input role="itemCtl" type="text" name="left"></td></tr>
  249.                     -->
  250.                     <tr style="display: none;"><td>width</td><td><input role="itemCtl" type="text" name="itemWidth" id="itemWidth" data-ctrl-type="width"></td></tr>
  251.                     <tr><td>height</td><td><input role="itemCtl" type="text" name="itemHeight" id="itemHeight" data-ctrl-type="height"></td></tr>
  252.                     <tr class="hide"><td>显示(z-index)</td><td>暂未启用</td></tr>
  253.                     <tr style="display: none;"><td>条码类型</td><td class="text-left"><select role="itemCtl" name="barcodeMode" id="barcodeMode" data-ctrl-type="barcode">
  254.                     </select> </td></tr>
  255.                     <tr style="display: none;"><td>Table标题</td><td><input role="itemCtl" type="text" name="tableCaption" id="tableCaption" data-ctrl-type="caption"></td></tr>
  256.                     <tr style="display: none;">
  257.                         <td><div class="row">
  258.                             <div class="col-xs-8 text-right">边框style</div>
  259.                             <div class="col-xs-4 text-left">
  260.                                 <input type="checkbox" name="tableSelf" role="itemCtl" data-ctrl-type="tableStyle" >
  261.                             </div>
  262.                         </div></td>
  263.                         <td><input role="itemCtl" type="text" name="tableCell" id="tableCell" data-ctrl-type="cellStyle"></td>
  264.                     </tr>
  265.                     <tr><td colspan="2" style="text-align: left;"><span style="color: red">说明:</span><br><p role="itemCtl" class="itemRemark" id="itemRemark"  data-ctrl-type="comment"></p> </td></tr>
  266.                     </tbody>
  267.                 </table>
  268.             </div>
  269.             <div class="panel panel-default" id="TBCfgContainer" style="display: none;">
  270.                 <table class="lampTTP" name="lampTTP" id="lampTTP" role="table" data-ctrl-type="lampTable" cellpadding="0" cellspacing="0">
  271.                     <caption style="text-align: center">列表显示设置</caption><span style="position: absolute;right:20px;" role="btn" data-btnid="propsCtrlRefresh"><a href="#" class="refreshGrid" ><i class="fa fa-refresh "></i> 刷新</a></span>
  272.                     <thead>
  273.                     <tr class="text-center">
  274.                         <th width="45%">列名</th><th width="10%">隐藏</th><th >列宽</th><th width="15%">标题</th><th width="15%">数据</th>
  275.                     </tr>
  276.                     </thead>
  277.                     <tbody>
  278.                     </tbody>
  279.                 </table>
  280.             </div>
  281.         </div>
  282.     </div>

  283. </div>
  284. </body>
  285. <!-- JS import begin -->
  286. <script src="https://erp.shopda.cn/statics/cloudprint/js/jquery.min.js"></script>
  287. <script src="https://erp.shopda.cn/statics/cloudprint/js/jquery.base64.js"></script>
  288. <script src="https://erp.shopda.cn/statics/cloudprint/js/as3long.min.js"></script>
  289. <!--<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>-->
  290. <script src="https://erp.shopda.cn/statics/cloudprint/modules/bootstrap/js/bootstrap.js?v=3.3.7"></script>
  291. <script src="https://erp.shopda.cn/statics/cloudprint/modules/select2-4.0.5/js/select2.full.min.js"></script>
  292. <script src="https://erp.shopda.cn/statics/cloudprint/modules/select2-4.0.5/js/i18n/zh-CN.js"></script>
  293. <script src="https://erp.shopda.cn/statics/cloudprint/js/jquery.tablednd.js" ></script>
  294. <script src="https://erp.shopda.cn/statics/cloudprint/modules/jquery-barcode.js"></script>
  295. <script src="https://erp.shopda.cn/statics/cloudprint/data/templete-b2c-delivery.js"></script>
  296. <!--<script src="./modules/lamp/js/lamp.ctrl.js"></script>-->
  297. <script src="https://erp.shopda.cn/statics/cloudprint/modules/lamp/js/lamp.print.js"></script>
  298. <script src="https://erp.shopda.cn/statics/cloudprint/modules/lamp/js/lamp.controller.js"></script>
  299. <script src="https://erp.shopda.cn/statics/cloudprint/modules/lamp/js/lamp.designer.js"></script>


  300. <!-- JS import begin -->

  301. <script>
  302.     var LODOP;
  303.     if(typeof getCLodop == 'function'){
  304.         LODOP = getCLodop();//云控件优先
  305.     }
  306.     if(typeof getLodop == 'function'){
  307.         if(!LODOP)LODOP=getLodop();
  308.     }

  309.     function getRadom() {
  310.         return parseInt(Math.random()*10);
  311.     }
  312.         function getQueryVariable(variable)
  313.     {
  314.        var query = window.location.search.substring(1);
  315.        var vars = query.split("&");
  316.        for (var i=0;i<vars.length;i++) {
  317.                var pair = vars[i].split("=");
  318.                if(pair[0] == variable){return pair[1];}
  319.        }
  320.        return(false);
  321.      }
  322.          var action = getQueryVariable("action");
  323.          switch (action){
  324.             case 'Sale':
  325.             var Tpl = DeliveryTpl,
  326.                             AjaxData = AJAX_SINGLE_DATA,
  327.                                 MetaData = TEST_META;
  328.                 break;
  329.                         case 'Resale':
  330.             var Tpl = ResaleTpl,
  331.                             AjaxData = AJAX_SINGLE_DATA,
  332.                                 MetaData = TEST_META;
  333.                 break;
  334.                         case 'Pur':
  335.             var Tpl = PurTpl,
  336.                             AjaxData = AJAX_SINGLE_DATA,
  337.                                 MetaData = TEST_META;
  338.                 break;
  339.                         case 'Repur':
  340.             var Tpl = RepurTpl,
  341.                             AjaxData = AJAX_SINGLE_DATA,
  342.                                 MetaData = TEST_META;
  343.                 break;
  344.                         case 'So':
  345.             var Tpl = SoTpl,
  346.                             AjaxData = AJAX_SINGLE_DATA,
  347.                                 MetaData = TEST_META;
  348.                 break;
  349.                         case 'Po':
  350.             var Tpl = PoTpl,
  351.                             AjaxData = AJAX_SINGLE_DATA,
  352.                                 MetaData = TEST_META;
  353.                 break;
  354.                         case 'Oi':
  355.             var Tpl = OiTpl,
  356.                             AjaxData = AJAX_SINGLE_DATA,
  357.                                 MetaData = TEST_META;
  358.                 break;        
  359.                         case 'Oo':
  360.             var Tpl = OoTpl,
  361.                             AjaxData = AJAX_SINGLE_DATA,
  362.                                 MetaData = TEST_META;
  363.                 break;                                       
  364.          }
  365.          
  366.     var InputData = [];
  367.     if(AjaxData.goodsList&&AjaxData.goodsList.length){
  368.         var j = AjaxData.goodsList.length;
  369.         for(i=0;i<150;i++){
  370.             var jj = 10;
  371.             while (jj>=j){
  372.                 jj = getRadom();
  373.             }
  374.             InputData.push(AjaxData.goodsList[jj]);
  375.         }
  376.         AjaxData.goodsList = InputData;
  377.     }
  378.         
  379.     $(document).ready(function () {
  380.         lampController.loadTpl(Tpl);
  381.         lampController.reloadMetaData(MetaData);
  382.         $(".DesignedContainer").lampDesigner({});
  383.     });
  384.         
  385.   function gradeChange() {
  386.             var objS = document.getElementById("pid");
  387.             var grade = objS.options[objS.selectedIndex].value;
  388.                         if (grade == 1){
  389.             window.location.href="https://erp.shopda.cn/index.php/prints/designed_print?action=Sale";
  390.                         }
  391.                         else if(grade == 2){
  392.                          window.location.href="https://erp.shopda.cn/index.php/prints/designed_print?action=Pur";        
  393.                         }
  394.                         else if(grade == 3){
  395.                          window.location.href="https://erp.shopda.cn/index.php/prints/designed_print?action=So";        
  396.                         }
  397.                         else if(grade == 4){
  398.                          window.location.href="https://erp.shopda.cn/index.php/prints/designed_print?action=Po";        
  399.                         }
  400.                         else{
  401.                          window.location.href="https://erp.shopda.cn/index.php/prints/designed_print?action=Oi";        
  402.                                 
  403.                         }
  404.         }
  405.    
  406. </script>
  407. </html>
复制代码


JS:
  1. <script src="https://erp.shopda.cn/statics/cloudprint/modules/lamp/js/lamp.print.js"></script>
  2. <script src="https://erp.shopda.cn/pro/statics/cloudprint/modules/lamp/js/lamp.controller.js"></script>
  3. <script src="https://erp.shopda.cn/statics/cloudprint/modules/lamp/js/lamp.designer.js"></script>


  4. <!-- JS import begin -->

  5. <script>
  6.     var LODOP;
  7.     if(typeof getCLodop == 'function'){
  8.         LODOP = getCLodop();//云控件优先
  9.     }
  10.     if(typeof getLodop == 'function'){
  11.         if(!LODOP)LODOP=getLodop();
  12.     }

  13.     function getRadom() {
  14.         return parseInt(Math.random()*10);
  15.     }
  16.         function getQueryVariable(variable)
  17.     {
  18.        var query = window.location.search.substring(1);
  19.        var vars = query.split("&");
  20.        for (var i=0;i<vars.length;i++) {
  21.                var pair = vars[i].split("=");
  22.                if(pair[0] == variable){return pair[1];}
  23.        }
  24.        return(false);
  25.      }
  26.          var action = getQueryVariable("action");
  27.          switch (action){
  28.             case 'Sale':
  29.             var Tpl = DeliveryTpl,
  30.                             AjaxData = AJAX_SINGLE_DATA,
  31.                                 MetaData = TEST_META;
  32.                 break;
  33.                         case 'Resale':
  34.             var Tpl = ResaleTpl,
  35.                             AjaxData = AJAX_SINGLE_DATA,
  36.                                 MetaData = TEST_META;
  37.                 break;
  38.                         case 'Pur':
  39.             var Tpl = PurTpl,
  40.                             AjaxData = AJAX_SINGLE_DATA,
  41.                                 MetaData = TEST_META;
  42.                 break;
  43.                         case 'Repur':
  44.             var Tpl = RepurTpl,
  45.                             AjaxData = AJAX_SINGLE_DATA,
  46.                                 MetaData = TEST_META;
  47.                 break;
  48.                         case 'So':
  49.             var Tpl = SoTpl,
  50.                             AjaxData = AJAX_SINGLE_DATA,
  51.                                 MetaData = TEST_META;
  52.                 break;
  53.                         case 'Po':
  54.             var Tpl = PoTpl,
  55.                             AjaxData = AJAX_SINGLE_DATA,
  56.                                 MetaData = TEST_META;
  57.                 break;
  58.                         case 'Oi':
  59.             var Tpl = OiTpl,
  60.                             AjaxData = AJAX_SINGLE_DATA,
  61.                                 MetaData = TEST_META;
  62.                 break;        
  63.                         case 'Oo':
  64.             var Tpl = OoTpl,
  65.                             AjaxData = AJAX_SINGLE_DATA,
  66.                                 MetaData = TEST_META;
  67.                 break;                                       
  68.          }
  69.          
  70.     var InputData = [];
  71.     if(AjaxData.goodsList&&AjaxData.goodsList.length){
  72.         var j = AjaxData.goodsList.length;
  73.         for(i=0;i<150;i++){
  74.             var jj = 10;
  75.             while (jj>=j){
  76.                 jj = getRadom();
  77.             }
  78.             InputData.push(AjaxData.goodsList[jj]);
  79.         }
  80.         AjaxData.goodsList = InputData;
  81.     }
  82.         
  83.     $(document).ready(function () {
  84.         lampController.loadTpl(Tpl);
  85.         lampController.reloadMetaData(MetaData);
  86.         $(".DesignedContainer").lampDesigner({});
  87.     });
  88.         
  89.   function gradeChange() {
  90.             var objS = document.getElementById("pid");
  91.             var grade = objS.options[objS.selectedIndex].value;
  92.                         if (grade == 1){
  93.             window.location.href="https://erp.shopda.cn/index.php/prints/designed_print?action=Sale";
  94.                         }
  95.                         else if(grade == 2){
  96.                          window.location.href="https://erp.shopda.cn/index.php/prints/designed_print?action=Pur";        
  97.                         }
  98.                         else if(grade == 3){
  99.                          window.location.href="https://erp.shopda.cn/index.php/prints/designed_print?action=So";        
  100.                         }
  101.                         else if(grade == 4){
  102.                          window.location.href="https://erp.shopda.cn/index.php/prints/designed_print?action=Po";        
  103.                         }
  104.                         else{
  105.                          window.location.href="https://erp.shopda.cn/index.php/prints/designed_print?action=Oi";        
  106.                                 
  107.                         }
  108.         }
  109.    
  110. </script>
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

不Tree不黑

管理员

70

主题

70

帖子

228

积分
Ta的主页 发消息

网友分享更多 >

  • 机器学习的统计学知识
  • 漳州盛泰水产
  • 玉川茶家