需求5415

jsp/declareCXS/index.html

@@ -79,6 +79,45 @@
         <div class="reminder"><span class="span-font-size">只做了备案报告书但未做具体的会计报表名称；</span></div>
       </div> -->
     </div>
+    <div class="dialog">
+      <div class="zfsheDialog">
+        <div  class="tzStyle"><span>通知</span></div>
+        <div><p class="line text-align-center"><B>电子税务局印花税提示</B></p></div>
+        <div class="boxTip">
+          <p class="line">《中华人民共和国印花税法》（以下简称《印花税法》）自2022年7月1日起施行。</p>
+          <p class="line">一、《印花税法》有关公告</p>
+          <p class="line">（一）《财政部 税务总局关于印花税若干事项政策执行口径的公告》（财政部 税务总局公告2022年第22号）；</p>
+          <p class="line">（二）《财政部 税务总局关于印花税法实施后有关优惠政策衔接问题的公告》（财政部 税务总局公告2022年第23号）；</p>
+          <p class="line">（三）《国家税务总局关于实施＜中华人民共和国印花税法＞等有关事项的公告》（国家税务总局公告2022年第14号）。</p>
+          <p class="line">二、纳税人</p>
+          <p class="line">一是在中华人民共和国境内书立应税凭证、进行证券交易的单位和个人；二是在中华人民共和国境外书立在境内使用的应税凭证的单位和个人。</p>
+          <p class="line">应税凭证是指本法所附《印花税税目税率表》列明的合同、产权转移书据和营业账簿。</p>
+          <p class="line"><span style="color:red">重要提示：</span>纳税人应当根据书立印花税应税合同、产权转移书据和营业账簿情况，先填写《印花税税源明细表》，然后进行财产行为税综合申报。</p>
+          <p class="line">三、计税依据</p>
+          <p class="line">（一）应税合同的计税依据，为合同所列的金额，不包括列明的增值税税款；</p>
+          <p class="line">（二）应税产权转移书据的计税依据，为产权转移书据所列的金额，不包括列明的增值税税款；</p>
+          <p class="line">（三）应税营业账簿的计税依据，为账簿记载的实收资本（股本）、资本公积合计金额；</p>
+          <p class="line">应税合同、产权转移书据未列明金额的，印花税的计税依据按照实际结算的金额确定。</p>
+          <p class="line">计税依据按照前款规定仍不能确定的，按照书立合同、产权转移书据时的市场价格确定；依法应当执行政府定价或者政府指导价的，按照国家有关规定确定。</p>
+          <p class="line"><span style="color:red">重要提示：</span>如果未单独列明增值税税款，或仅约定了增值税税率的，需按应税合同和应税产权转移书据所列的金额全额计算缴纳印花税。</p>
+          <p class="line">四、纳税地点</p>
+          <p class="line">纳税人为单位的，应当向其机构所在地的主管税务机关申报缴纳印花税；纳税人为个人的，应当向应税凭证书立地或者纳税人居住地的主管税务机关申报缴纳印花税。</p>
+          <p class="line">不动产产权发生转移的，纳税人应当向不动产所在地的主管税务机关申报缴纳印花税。</p>
+          <p class="line">五、纳税义务发生时间</p>
+          <p class="line">印花税的纳税义务发生时间为纳税人书立应税凭证或者完成证券交易的当日。</p>
+          <p class="line">六、纳税期限</p>
+          <p class="line">印花税按季、按年或者按次计征。实行按季、按年计征的，纳税人应当自季度、年度终了之日起十五日内申报缴纳税款；实行按次计征的，纳税人应当自纳税义务发生之日起十五日内申报缴纳税款。</p>
+          <p class="line">国家税务总局关于实施《中华人民共和国印花税法》等有关事项的公告国家税务总局公告2022年第14号<a target="_blank" href="https://mp.weixin.qq.com/s/YRFJ-HrLdY3UfadDHnHW5g">https://mp.weixin.qq.com/s/YRFJ-HrLdY3UfadDHnHW5g</a></p>
+          <p class="line">财政部 税务总局关于印花税若干事项政策执行口径的公告财政部 税务总局公告2022年第22号<a target="_blank" href="https://mp.weixin.qq.com/s/IK8Gm7JOqGbOu2_Uxkv4oA">https://mp.weixin.qq.com/s/IK8Gm7JOqGbOu2_Uxkv4oA</a></p>
+          <p class="line">财政部 税务总局关于印花税法实施后有关优惠政策衔接问题的公告财政部 税务总局公告2022年第23号<a target="_blank" href="https://mp.weixin.qq.com/s/oqVSgUia_kxJA-l9oqfEDw">https://mp.weixin.qq.com/s/oqVSgUia_kxJA-l9oqfEDw</a></p>
+          <p class="line text-align-right">国家税务总局天津市税务局</p>
+          <p class="line text-align-right">2022年6月30日</p>
+        </div>
+        <div  class="dialog-footer">
+          <span class="btnSpan"><button type="button" class="surebtn" id="surebtn"></button></span>
+        </div>
+      </div>
+    </div>
   </div>
 </div>
   <input type='hidden' name='data' value="${token}" id="token">
@@ -123,6 +162,12 @@
 
 <script src="../../static/biz/declare_cxs_grid.js?v=1.0"></script>
 <script>
+  var surebtn = document.getElementById("surebtn");
+  surebtn.onclick = function(){
+    if ($('.surebtn').text()== '确定') {
+      $(".dialog").css("display","none")
+    }
+    }
     // <!-- // 使用 el 表达式，将返回的信息写到此处，然后调用页面绘制方法绘制页面
     // var companyInfo = ${json};
 
@@ -143,5 +188,109 @@
     // }
 
 </script>
+<style scoped>
+  .dialog {
+    z-index: 2002;
+    position: fixed;
+    inset: 0px;
+    overflow: auto;
+    margin: 0px;
+    width: 100%;
+    background: rgb(153, 153, 153);
+    opacity: 0.9;
+    top: 0;
+    height: 100%;
+  }
+  .zfsheDialog {
+      z-index: 2003;
+      position: relative;
+      margin: 0px auto 50px;
+      background: rgb(255, 255, 255);
+      border-radius: 3px;
+      box-shadow: rgb(0 0 0 / 30%) 0px 1px 3px;
+      box-sizing: border-box;
+      margin-top: 10vh;
+      width: 61%;
+  }
+  .tzStyle {
+    line-height: 24px;
+    font-size: 18px;
+    color: rgb(51, 51, 51);
+    margin-left: 5px;
+    margin-top: 5px;
+  }
+  .dialog-footer {
+    padding: 10px 24px 24px;
+    text-align: right;
+    box-sizing: border-box;
+  }
+  .btnSpan {
+    display: inline-block;
+  }
+  .surebtn {
+    color: rgb(255, 255, 255);
+    background-color: rgb(9, 148, 220);
+    border-color: rgb(9, 148, 220);
+    display: inline-block;
+    line-height: 1;
+    white-space: nowrap;
+    cursor: pointer;
+    background: rgb(255, 255, 255);
+    border: 1px solid rgb(9, 148, 220);
+    color: rgb(9, 148, 220);
+    appearance: none;
+    text-align: center;
+    box-sizing: border-box;
+    outline: none;
+    margin: 0px;
+    transition: all 0.1s ease 0s;
+    font-weight: 500;
+    user-select: none;
+    padding: 10px 16px;
+    font-size: 14px;
+    border-radius: 3px;
+  }
+  .boxTip {
+    max-height: 400px;
+    overflow-y: scroll;
+    border: 1px solid #cccccc;
+    border-radius: 5px;
+    padding: 10px;
+    margin: 0 27px;
+  }
+  .line {
+    margin: 0 auto;
+    line-height: 24px;
+    text-indent: 2em;
+  }
+  .text-align-center {
+    text-align: center;
+    font-size: 18px;
+    line-height: 30px;
+  }
+  .text-align-right {
+    padding-right: 20px;
+    text-align: right;
+  }
+  .zfsheDialog ::-webkit-scrollbar { 
+      width: 9px; 
+  } 
+  /* Track */ 
+  /* .zfsheDialog ::-webkit-scrollbar-track { 
+      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
+      -webkit-border-radius: 1px; 
+      border-radius: 1px; 
+  }  */
 
+  /* Handle */ 
+  .zfsheDialog ::-webkit-scrollbar-thumb { 
+      -webkit-border-radius: 8px; 
+      border-radius: 8px; 
+      background: rgba(255,255,255);
+      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
+  } 
+  .zfsheDialog ::-webkit-scrollbar-thumb:window-inactive { 
+      background: rgba(255,255,255); 
+  } 
+</style>
 </html>

static/biz/declare_cxs_grid.js

@@ -11,6 +11,7 @@ $(function() {
     } else if (config.environmental == 'production') {
         prefix = "/web/online";
     }
+    yhsDialog();
     showLoading();
     getInitTable();
 })
@@ -391,7 +392,6 @@ function initPage(companyInfo) {
             getTaxDeclaration(date, 'N');
         }, 50);
     };
-
     var refresh = function() {
         myConfirm("消息", "您确定需要重置申报清册吗？点击确定继续", "确定", "取消", function() {
             resetInventory(nowdate, "Y");
@@ -460,6 +460,35 @@ function initPage(companyInfo) {
         changeDate: changeDate,
         reset: reset,
         declarationMethod: declarationMethod,
-        closeModal: closeModal
+        closeModal: closeModal,
     }
 }
+/**
+ * 印花税快捷申报弹出倒计时弹窗
+ *
+ * @author pll
+ */
+function yhsDialog () {
+  debugger
+  var flag = localStorage.getItem("isFirst_Yhs");
+  if (flag == "Y") {
+    document.getElementById("surebtn").innerHTML = "确定";
+  } else {
+    var times = '10'
+    var buttonText = '倒计时10秒'
+    document.getElementById("surebtn").innerHTML = buttonText;
+    localStorage.setItem("isFirst_Yhs", 'Y');
+    // this.loadingBz = true;
+    var countdown = setInterval(function() {
+      times--
+      buttonText='倒计时'+times+"秒"
+      document.getElementById("surebtn").innerHTML = buttonText;
+      if (times == 0) {
+        buttonText='确定';
+        // this.loadingBz = false;
+        document.getElementById("surebtn").innerHTML = buttonText;
+        clearInterval(countdown)
+      }
+    }, 1000)
+  }  
+};