app/template/akracing/web/ClaimDownload.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  3. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  4. http://www.ec-cube.co.jp/
  5. For the full copyright and license information, please view the LICENSE
  6. file that was distributed with this source code.
  7. #}
  8. {% extends 'default_frame.twig' %}
  9. {% block stylesheet %}
  10.     <style type="text/css">
  11.         .c-container {
  12.             min-width: inherit;
  13.             margin-top: 0;
  14.         }
  15.         .c-headerBar {
  16.             display: none;
  17.             height: inherit;
  18.         }
  19.         .c-headerBar__toggleBtn,
  20.         .c-mainNavArea {
  21.             display: none;
  22.         }
  23.         #claim_pdf_ryosyu_atena{
  24.             color:#000;
  25.         }
  26. button.btn.btn-danger.btn-lg.btn-block {
  27.     width: 50%;
  28.     margin: 0 auto;
  29. }
  30.     </style>
  31. {% endblock stylesheet %}
  32. {% block javascript %}
  33.     {% if ErrorMessage %}
  34.     {% else %}
  35.     <script type="text/javascript">
  36.         $(function() {
  37.             var close = $('#windowclose');
  38.             $('.btn-ec-regular').on('click', function() {
  39.                 window.open('about:blank', '_self').close();
  40.             });
  41.         });
  42.         Ladda.bind('button[type="submit"]', {timeout: 3000});
  43.         
  44.     </script>
  45.     <script>
  46.     $(function() {
  47.         // 初期設定時
  48.         $('.form-check').css('display', 'inline-block');
  49.         $('.form-check').css('padding-right','15px');
  50.         $('input#claim_pdf_outputkbn_0').prop('checked','checked');
  51.         $('input#claim_pdf_title').val('{{ form.vars.value.title_nouhin }}');
  52.         $('input#claim_pdf_message1').val('{{ form.vars.value.message1_nouhin }}');
  53.         $('input#claim_pdf_message2').val('{{ form.vars.value.message2_nouhin }}');
  54.         $('input#claim_pdf_message3').val('{{ form.vars.value.message3_nouhin }}');
  55.         $('input#claim_pdf_title_nouhin').css('display','none');
  56.         $('input#claim_pdf_message1_nouhin').css('display','none');
  57.         $('input#claim_pdf_message2_nouhin').css('display','none');
  58.         $('input#claim_pdf_message3_nouhin').css('display','none');
  59.         $('input#claim_pdf_title_nouhin_shipping').css('display','none');
  60.         $('input#claim_pdf_message1_nouhin_shipping').css('display','none');
  61.         $('input#claim_pdf_message2_nouhin_shipping').css('display','none');
  62.         $('input#claim_pdf_message3_nouhin_shipping').css('display','none');
  63.         $('input#claim_pdf_title_otodoke').css('display','none');
  64.         $('input#claim_pdf_message1_otodoke').css('display','none');
  65.         $('input#claim_pdf_message2_otodoke').css('display','none');
  66.         $('input#claim_pdf_message3_otodoke').css('display','none');
  67.         $('input#claim_pdf_title_seikyu').css('display','none');
  68.         $('input#claim_pdf_message1_seikyu').css('display','none');
  69.         $('input#claim_pdf_message2_seikyu').css('display','none');
  70.         $('input#claim_pdf_message3_seikyu').css('display','none');
  71.         $('input#claim_pdf_hurikomi_bank').attr('readonly','true');
  72.         $('input#claim_pdf_hurikomi_bank_siten').attr('readonly','true');
  73.         $('input#claim_pdf_hurikomi_bank_kouza').attr('readonly','true');
  74.         $('input#claim_pdf_hurikomi_free_area').attr('readonly','true');
  75.         $('select#claim_pdf_ryosyu_atena').prop('disabled','true');
  76. //        $('input#claim_pdf_outputkbn_0').trigger('click');
  77.         // 出力帳票変更時
  78.         // 領収書(受注番号別)選択時
  79.             $('input#claim_history_outputkbn_6').prop('checked','checked');
  80.             $('input#claim_pdf_outputkbn_6').prop('checked','checked');
  81.             $('input#claim_pdf_title').val('領 収 書');
  82.             $('input#claim_pdf_message1').val('');
  83.             $('input#claim_pdf_message2').val('');
  84.             $('input#claim_pdf_message3').val('');
  85.             $('input#claim_pdf_hurikomi_bank').attr('readonly','true');
  86.             $('input#claim_pdf_hurikomi_bank_siten').attr('readonly','true');
  87.             $('input#claim_pdf_hurikomi_bank_kouza').attr('readonly','true');
  88.             $('input#claim_pdf_hurikomi_free_area').attr('readonly','true');
  89.             $('input#claim_pdf_message1').attr('readonly','true');
  90.             $('input#claim_pdf_message2').attr('readonly','true');
  91.             $('input#claim_pdf_message3').attr('readonly','true');
  92.             $('select#claim_pdf_ryosyu_atena').removeAttr('disabled');
  93.             
  94.             let companyNameEl = $('#claim_history_ryosyu_add_company');
  95.             let OrdererUserNameEl = $('#claim_history_ryosyu_add_name');
  96.             console.log(companyNameEl.parent());
  97.             console.log(OrdererUserNameEl.parent());
  98.             
  99.             //注文者
  100.             $('#claim_history_ryosyu_atena_0').on('click',function(){
  101.                 console.log('注文者');
  102.                 companyNameEl.parents('.row').hide();
  103.                 OrdererUserNameEl.parents('.row').show()
  104.             })
  105.             //会社名
  106.             $('#claim_history_ryosyu_atena_1').on('click',function(){
  107.                 console.log('会社名');
  108.                 companyNameEl.parents('.row').show();
  109.                 OrdererUserNameEl.parents('.row').hide()
  110.             })
  111.             //会社名+注文者
  112.             $('#claim_history_ryosyu_atena_2').on('click',function(){
  113.                 console.log('会社名+注文者');
  114.                 companyNameEl.parents('.row').show();
  115.                 OrdererUserNameEl.parents('.row').show()
  116.             })
  117.     });
  118.     </script>
  119.     {% endif %}
  120. {% endblock %}
  121. {% block main %}
  122.     <div id="page_user_data" class="ec-role pluginCMBblog">
  123.         <div class="ak-header">
  124.             <div class="ak-pageHeader">
  125.                 <h1 style="font-size:min(50px, 11vw)";>領収書発行</h1>
  126.             </div>
  127.         </div><!-- ak-header -->
  128.     {% if ErrorMessage %}
  129.     <div class="ec-searchnavRole__topicpath"  style="margin:0 0 2em 0;">
  130.         <p style="text-align: center;">{{ ErrorMessage }}</p>
  131.     </div>
  132.     {% else %}
  133.     <form role="form" name="claim_pdf_form" id="claim_pdf_form" method="post" action="{{ url('claimpdf_download_pdf_view', {'id': requestId}) }}">
  134.         {{ form_widget(form._token) }}
  135.         <div class="c-contentsArea__cols">
  136.             <div class="c-contentsArea__primaryCol">
  137.                 <div class="c-primaryCol">
  138.                     <div class="card rounded border-0 mb-4">
  139.                         <div class="card-body" style="">
  140.                             <div class="mb-3" style="display: none;">
  141.                                 <div class="row justify-content-between">
  142.                                     <div class="col-3"><label class="col-form-label fw-bold">{{ 'admin.order.delivery_note_create_date'|trans }}</label></div>
  143.                                     <div class="col-2">&nbsp;</div>
  144.                                     <div class="col-3"><label class="col-form-label fw-bold">{{ 'admin.order.order_datetime'|trans }}</label></div>
  145.                                     <div class="col-auto">&nbsp;</div>
  146.                                     <div class="col-3">&nbsp;</div>
  147.                                 </div>
  148.                                 <div class="row justify-content-between">
  149.                                     <div class="col-3">{{ form_widget(form.issue_date) }}{{ form_errors(form.issue_date) }}</div>
  150.                                     <div class="col-2">&nbsp;</div>
  151.                                     <div class="col-3">{{ form_widget(form.orderdatetime_st) }}{{ form_errors(form.orderdatetime_st) }}</div>
  152.                                     <div class="col-auto text-center">~</div>
  153.                                     <div class="col-3">{{ form_widget(form.orderdatetime_en) }}{{ form_errors(form.orderdatetime_en) }}</div>
  154.                                 </div>
  155.                             </div>
  156.                             <div class="mb-3" style="display: none;">
  157.                                 <label class="col-form-label fw-bold">{{ 'admin.order.order_id'|trans }}</label>
  158.                                 {{ form_widget(form.orderids) }}
  159.                                 {{ form_errors(form.orderids) }}
  160.                             </div>
  161.                             <div class="mb-3"  style="display: none;">
  162.                                 <label class="col-form-label fw-bold">{{ 'admin.order.shipping_id'|trans }}</label>
  163.                                 {{ form_widget(form.ids) }}
  164.                                 {{ form_errors(form.ids) }}
  165.                             </div>
  166.                             <div class="mb-3" style="display: none;">
  167.                                 <label class="col-form-label fw-bold">{{ 'admin.order.delivery_note_outputkbn_title'|trans }}</label>
  168.                                 {{ form_widget(form.outputkbn) }}
  169.                                 {{ form_errors(form.outputkbn) }}
  170.                             </div>
  171.                             <div class="mb-3"  style="display: none;">
  172.                                 <div class="row justify-content-between">
  173.                                     <div class="col-6"><label class="col-form-label fw-bold">{{ 'admin.order.delivery_note_title'|trans }}</label></div>
  174.                                     <div class="col-6"  ><label class="col-form-label fw-bold">{{ 'admin.order.delivery_note_output_format'|trans }}</label></div>
  175.                                     
  176.                                 </div>
  177.                                 <div class="row justify-content-between" style="color:#000">
  178.                                     <div class="col-6">{{ form_widget(form.title) }}{{ form_errors(form.title) }}</div>
  179.                                     <div class="col-6">{{ form_widget(form.download_kind) }}{{ form_errors(form.download_kind) }}</div>
  180.                                     
  181.                                 </div>
  182.                             </div>
  183.                             <hr>
  184.                             {# 会社名宛名追加 @hanari #}
  185.                             <div class="mb-3">
  186.                                 <div class="row" style='margin:1em 0'>
  187.                                     <div class="col-2"><label class="col-form-label fw-bold">{{ 'admin.order.delivery_note_ryosyu_output_format'|trans }}</label></div>
  188.                                     <div class="col-10">{{ form_widget(form.ryosyu_atena) }}{{ form_errors(form.ryosyu_atena) }}</div>
  189.                                 </div>
  190.                                 <!-- div class="row" style='margin:1em 0'>
  191.                                     <p class="col-12 text-right">※ 会社名 宛名を入力した場合 入力された情報が優先されます<br>  (領収書については、宛名出力形式の選択に準拠します)</p>
  192.                                 </div -->
  193.                                 <div class="row" style='margin:1em 0'>
  194.                                     <label class="col-form-label fw-bold col-2">{{ '会社名'|trans }}</label>
  195.                                     <div class="col-10">
  196.                                         {{ form_widget(form.ryosyu_add_company) }}
  197.                                         {{ form_errors(form.ryosyu_add_company) }}
  198.                                     </div>
  199.                                 </div>
  200.                                 <div class="row" style='margin:1em 0'>
  201.                                     <label class="col-form-label fw-bold col-2">{{ '宛名'|trans }}</label>
  202.                                     <div class="col-10">
  203.                                         {{ form_widget(form.ryosyu_add_name) }}
  204.                                         {{ form_errors(form.ryosyu_add_name) }}
  205.                                     </div>
  206.                                 </div>
  207.                             </div>
  208.                             <hr>
  209.                         <div style="display: none;">
  210.                             <div class="fw-bold">{{ 'admin.order.delivery_note_message'|trans }}</div>
  211.                             <div class="mb-3">
  212.                                 <label class="col-form-label">{{ 'admin.order.delivery_note_line1'|trans }}</label>
  213.                                 {{ form_widget(form.message1) }}
  214.                                 {{ form_errors(form.message1) }}
  215.                                 <label class="col-form-label">{{ 'admin.order.delivery_note_line2'|trans }}</label>
  216.                                 {{ form_widget(form.message2) }}
  217.                                 {{ form_errors(form.message2) }}
  218.                                 <label class="col-form-label">{{ 'admin.order.delivery_note_line3'|trans }}</label>
  219.                                 {{ form_widget(form.message3) }}
  220.                                 {{ form_errors(form.message3) }}
  221.                             </div>
  222.                             <div class="fw-bold">{{ 'admin.order.delivery_note_hurikomi_title'|trans }}</div>
  223.                             <div class="mb-3">
  224.                                 <div class="row justify-content-between">
  225.                                     <div class="col-6"><label>{{ 'admin.order.delivery_note_hurikomi_bank'|trans }}</label></div>
  226.                                     <div class="col-6"><label>{{ 'admin.order.delivery_note_hurikomi_bank_siten'|trans }}</label></div>
  227.                                 </div>
  228.                                 <div class="row justify-content-between">
  229.                                     <div class="col-6">{{ form_widget(form.hurikomi_bank) }}{{ form_errors(form.hurikomi_bank) }}</div>
  230.                                     <div class="col-6">{{ form_widget(form.hurikomi_bank_siten) }}{{ form_errors(form.hurikomi_bank_siten) }}</div>
  231.                                 </div>
  232.                             </div>
  233.                             <div class="mb-3">
  234.                                 <div class="row justify-content-between">
  235.                                     <div class="col-3"><label>{{ 'admin.order.delivery_note_hurikomi_bank_kouza'|trans }}</label></div>
  236.                                     <div class="col-9"><label>{{ 'admin.order.delivery_note_hurikomi_free_area'|trans }}</label></div>
  237.                                 </div>
  238.                                 <div class="row justify-content-between">
  239.                                     <div class="col-3">{{ form_widget(form.hurikomi_bank_kouza) }}{{ form_errors(form.hurikomi_bank_kouza) }}</div>
  240.                                     <div class="col-9">{{ form_widget(form.hurikomi_free_area) }}{{ form_errors(form.hurikomi_free_area) }}</div>
  241.                                 </div>
  242.                             </div>
  243.                             <div class="mb-3">
  244.                                 {{ form_widget(form.title_nouhin) }}
  245.                                 {{ form_errors(form.title_nouhin) }}
  246.                             </div>
  247.                             <div class="mb-3">
  248.                                 {{ form_widget(form.message1_nouhin) }}
  249.                                 {{ form_errors(form.message1_nouhin) }}
  250.                                 {{ form_widget(form.message2_nouhin) }}
  251.                                 {{ form_errors(form.message2_nouhin) }}
  252.                                 {{ form_widget(form.message3_nouhin) }}
  253.                                 {{ form_errors(form.message3_nouhin) }}
  254.                             </div>
  255.                             <div class="mb-3">
  256.                                 {{ form_widget(form.title_nouhin_shipping) }}
  257.                                 {{ form_errors(form.title_nouhin_shipping) }}
  258.                                 {{ form_widget(form.message1_nouhin_shipping) }}
  259.                                 {{ form_errors(form.message1_nouhin_shipping) }}
  260.                                 {{ form_widget(form.message2_nouhin_shipping) }}
  261.                                 {{ form_errors(form.message2_nouhin_shipping) }}
  262.                                 {{ form_widget(form.message3_nouhin_shipping) }}
  263.                                 {{ form_errors(form.message3_nouhin_shipping) }}
  264.                             </div>
  265.                             <div class="mb-3">
  266.                                 {{ form_widget(form.title_otodoke) }}
  267.                                 {{ form_errors(form.title_otodoke) }}
  268.                             </div>
  269.                             <div class="mb-3">
  270.                                 {{ form_widget(form.message1_otodoke) }}
  271.                                 {{ form_errors(form.message1_otodoke) }}
  272.                                 {{ form_widget(form.message2_otodoke) }}
  273.                                 {{ form_errors(form.message2_otodoke) }}
  274.                                 {{ form_widget(form.message3_otodoke) }}
  275.                                 {{ form_errors(form.message3_otodoke) }}
  276.                             </div>
  277.                             <div class="mb-3">
  278.                                 {{ form_widget(form.title_seikyu) }}
  279.                                 {{ form_errors(form.title_seikyu) }}
  280.                             </div>
  281.                             <div class="mb-3">
  282.                                 {{ form_widget(form.message1_seikyu) }}
  283.                                 {{ form_errors(form.message1_seikyu) }}
  284.                                 {{ form_widget(form.message2_seikyu) }}
  285.                                 {{ form_errors(form.message2_seikyu) }}
  286.                                 {{ form_widget(form.message3_seikyu) }}
  287.                                 {{ form_errors(form.message3_seikyu) }}
  288.                             </div>
  289.                             <div class="fw-bold">{{ 'admin.order.delivery_note_memo'|trans }}</div>
  290.                             <div class="mb-3">
  291.                                 <label class="col-form-label">{{ 'admin.order.delivery_note_line1'|trans }}</label>
  292.                                 {{ form_widget(form.note1) }}
  293.                                 {{ form_errors(form.note1) }}
  294.                                 <label class="col-form-label">{{ 'admin.order.delivery_note_line2'|trans }}</label>
  295.                                 {{ form_widget(form.note2) }}
  296.                                 {{ form_errors(form.note2) }}
  297.                                 <label class="col-form-label">{{ 'admin.order.delivery_note_line3'|trans }}</label>
  298.                                 {{ form_widget(form.note3) }}
  299.                                 {{ form_errors(form.note3) }}
  300.                             </div>
  301.                         </div><!-- none -->
  302.                         </div>
  303.                     </div>
  304.                 </div>
  305.             </div>
  306.         </div>
  307.         <div class="c-conversionArea">
  308.             <div class="c-conversionArea__container">
  309.                 <div class="row justify-content-between align-items-center">
  310.                     <div class="col-6">
  311.                         <div class="row align-items-center justify-content-end">
  312.                             <div class="col-auto">
  313.                                 <button class="btn btn-danger btn-lg btn-block" type="submit">確認</button>
  314.                             </div>
  315.                         </div>
  316.                     </div>
  317.                 </div>
  318.             </div>
  319.         </div>
  320.     </form>
  321.     {% endif %}
  322.     </div><!-- page_user_data -->
  323. {% endblock %}