Browse Source

feat: 接口联调

ashui 1 month ago
parent
commit
96406016dc
4 changed files with 36 additions and 9 deletions
  1. 14 0
      css/index.css
  2. BIN
      img/empty.png
  3. 8 4
      index.html
  4. 14 5
      js/index.js

+ 14 - 0
css/index.css

@@ -165,4 +165,18 @@ h3.title {
 .echarts-box {
   width: 100%;
   height: 100%;
+}
+
+.empty {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: 200px;
+  width: 100%;
+  height: calc(100vh - 50px);
+}
+
+.empty img {
+  display: block;
+  width: 320px;
 }

BIN
img/empty.png


+ 8 - 4
index.html

@@ -28,7 +28,7 @@
           
           <div class="text-container">
             <p class="name">库存现金</p>
-            <p class="num">55555512</p>
+            <p class="num">0</p>
           </div>
         </div>
         <div class="yhck item-box">
@@ -38,7 +38,7 @@
           
           <div class="text-container">
             <p class="name">银行存款</p>
-            <p class="num">55555512</p>
+            <p class="num">0</p>
           </div>
         </div>
         <div class="yszk item-box">
@@ -48,7 +48,7 @@
           
           <div class="text-container">
             <p class="name">应收账款</p>
-            <p class="num">55555512</p>
+            <p class="num">0</p>
           </div>
         </div>
         <div class="yfzk item-box">
@@ -58,7 +58,7 @@
           
           <div class="text-container">
             <p class="name">应付账款</p>
-            <p class="num">55555512</p>
+            <p class="num">0</p>
           </div>
         </div>
       </div>
@@ -72,6 +72,10 @@
     </section>
   </div>
 
+  <section class="empty">
+    <img src="./img/empty.png" alt="">
+  </section>
+
   <div class="dialog-container">
     <div class="mark"></div>
     <div class="dialog-content">

+ 14 - 5
js/index.js

@@ -284,14 +284,23 @@ async function getIndexData () {
     },
     body: JSON.stringify({
       key: '85b3073504fa703c29db2c36c14632fe3fd07bfd',
-      taxNo: '91511802MA67UB6E07'
+      taxNo: '91330521MA2D109PXQ'
     })
   })
   const res = await response.json()
-  console.log(dayjs)
-  document.querySelector('.company-name').innerHTML = res.data.comName
-  initSzqkCharts(res.data)
-  initNsqkCharts(res.data)
+  if (res.errNo === 0) {
+    document.querySelector('.company-name').innerHTML = res.data.comName
+    document.querySelector('.kcxj .num').innerHTML = res.data.amount.kcxjAmount
+    document.querySelector('.yhck .num').innerHTML = res.data.amount.yhckAmount
+    document.querySelector('.yszk .num').innerHTML = res.data.amount.yszkAmount
+    document.querySelector('.yfzk .num').innerHTML = res.data.amount.yfzkAmount
+    initSzqkCharts(res.data)
+    initNsqkCharts(res.data)
+  } else {
+    document.querySelector('.empty').style.display = 'flex'
+    document.querySelector('.content-container').style.display = 'none'
+  }
+  
 }
 
 function cal1Year() {