yudeshui
/
wzf-cz-web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
							<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>查账</title>
  <link rel="icon" href="./img/1698663585020favicon2.ico">

  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/dialog.css">
</head>
<body>
  <header class="header-container">
    <img src="./img/wzf_logo.png" alt="">
    <p class="company-name"></p>
    <p>
      <img src="./img/cwzl.png" alt="">
      财务总览
    </p>
  </header>
  <div class="content-container">
    <section class="cwzb-container">
      <h3 class="title">财务指标 <span class="period"></span></h3>
      <div class="card-conntaier">
        <div class="kcxj item-box">
          <div class="img-box">
            <img src="./img/kcxj-icon.png" alt="">
          </div>
          
          <div class="text-container">
            <p class="name">库存现金</p>
            <p class="num">0</p>
          </div>
        </div>
        <div class="yhck item-box">
          <div class="img-box">
            <img src="./img/yhck-icon.png" alt="">
          </div>
          
          <div class="text-container">
            <p class="name">银行存款</p>
            <p class="num">0</p>
          </div>
        </div>
        <div class="yszk item-box">
          <div class="img-box">
            <img src="./img/yszk-icon.png" alt="">
          </div>
          
          <div class="text-container">
            <p class="name">应收账款</p>
            <p class="num">0</p>
          </div>
        </div>
        <div class="yfzk item-box">
          <div class="img-box">
            <img src="./img/yfzk-iconn.png" alt="">
          </div>
          
          <div class="text-container">
            <p class="name">应付账款</p>
            <p class="num">0</p>
          </div>
        </div>
      </div>
    </section>

    <section class="szqk-container">
      <div class="szqk-echarts-box echarts-box"></div>
    </section>
    <section class="nsqk-container">
      <div class="nsqk-echarts-box echarts-box"></div>
    </section>
  </div>

  <section class="empty">
    <img src="./img/empty.png" alt="">
  </section>

  <div class="dialog-container">
    <div class="mark"></div>
    <div class="dialog-content">
      <h3 class="dialog-title">库存现金</h3>
      <div class="dialog-table-container">
        <div class="table-header-top">
          <span class="period">2024年03月</span>
          <span>单位：元</span>
        </div>
        <div class="dialog-table">
          <div class="table-header table-row">
            <span>科目名称</span>
            <span>期初</span>
            <span>期末</span>
          </div>
          <div class="data-list-container">
            <div class="table-row">
              <span>科目名称</span>
              <span>期初</span>
              <span>期末</span>
            </div>
          </div>
          <div class="table-footer table-row">
            <span>合计</span>
            <span class="total-qc"></span>
            <span class="total-qm"></span>
          </div>
        </div>
      </div>
      <div class="dialog-footer">
        <span class="close-dialog">关闭</span>
      </div>
    </div>
  </div>

  <script src="./js/echarts.min.js"></script>
  <script src="./js/dayjs.min.js"></script>
  <script src="./js/index.js"></script>

  <script>
    init()
  </script>
</body>
</html>