wutt
/
manHourHousekeeper


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords"
    content="工时管理，工时统计，工时填报，项目成本统计，生产工时管理系统，工时成本管理，工时管理软件，研发工时管理系统，企业工时管理系统，项目工时统计，项目工时统计软件，项目工时统计系统，工时统计系统，工时统计表" />
  <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目，部门，岗位等多维度统计成本。" />
  <title>工时管家-专注工时管理，手机移动填报，核算项目投入人力成本，企业IPO利器！</title>
  <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext"
    rel="stylesheet">
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="css/font-awesome.css" rel="stylesheet">
  <link href="css/swiper.css" rel="stylesheet">
  <link href="css/magnific-popup.css" rel="stylesheet">
  <link href="css/styles.css" rel="stylesheet">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/tongyong.css">
  <link rel="stylesheet" href="css/knowledgeField.css">
</head>

<body>
  <iframe id="headerIframe" src="./moduleView/header.html" class="iframeClass" onLoad="reinitIframe();"></iframe>
  <div class="knowledgeFieldCon">
    <div v-loading="detailsSwitchingLoading" class="wh100 flex"></div>
    <div class="knowledgeField">
      <div class="knowledgeField-header">
        <div class="knowledgeField-header-text">知识园地</div>
        <div class="flex">
          <input id="knowledgeInput" type="text" class="knowledgeInput" placeholder="请输入关键字搜索">
          <button class="searchButton" onclick="search()">搜索</button>
        </div>
      </div>
      <div class="flex1 knowledgeField-content">
        <#list articles as item>
          <div>
            <div class="knowledgeField-content-item">
              <div class="image"><img src="data:image;base64,${item.baseImage}" class="wh100" class="wh100"></img></div>
              <div class="textContent">
                <div>${ item.title }</div>
                <p>${ item.profile }</p>
                <button class="linkButton" onclick="learnMore(${item.id})">了解详情></button>
              </div>
            </div>
            <div class="dividingLine"></div>
          </div>
        </#list>
      </div>
      <div class="knowledgeField-bottom flex-center">

      </div>
    </div>
  </div>
</body>
<script src="js/js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="js/js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
<script src="js/js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
<script src="js/js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
<script src="js/js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
<script src="js/js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
<script src="js/js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
<script src="js/js/scripts.js"></script>
<script src="js/iframe.js"></script>

<script>
  function search() {
    const inputVal = document.getElementById("knowledgeInput").value;
    console.log(inputVal)
    window.location.href = `/articleTemplate/pageList?pageIndex=1&pageSize=10&info=${inputVal}`
  }
  function learnMore(id) {
    window.location.href = `/articleTemplate/articleDetail?id=${id}`
  }
</script>
</html>