|
@@ -0,0 +1,119 @@
|
|
|
+<!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-if="isItForDetails" class="knowledgeDetails">
|
|
|
+ <div class="returnIcon">
|
|
|
+ <i class="el-icon-arrow-left"></i>
|
|
|
+ </div>
|
|
|
+ <div class="knowledgeDetails-left">
|
|
|
+ <div class="knowledgeDetails-left-title">${article.title}</div>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <div class="knowledgeDetails-left-con">
|
|
|
+ <div class="flex distribution">
|
|
|
+ <ul class="flex">
|
|
|
+ <li class="grey">标签:</li>
|
|
|
+ <#list categoryNameList as item>
|
|
|
+ <li class="blue">${item}</li>
|
|
|
+ </#list>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="flex-center distribution timeContent">
|
|
|
+ <p>发布时间</p>
|
|
|
+ <span>${ article.createTime }</span>
|
|
|
+ </div>
|
|
|
+ <div class="flex-center distribution readUse" style="justify-content: flex-end;">
|
|
|
+ <div class="text">推荐使用:</div>
|
|
|
+ <div><img src="/image/detailWork.png" alt=""></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="hypertextContent">
|
|
|
+ ${article.content}
|
|
|
+ </div>
|
|
|
+ <div class="knowledgeDetails-left-bottom flex-center"></div>
|
|
|
+ </div>
|
|
|
+ <div class="knowledgeDetails-right">
|
|
|
+ <div class="latestArticles">
|
|
|
+ <div class="knowledgeDetails-right-title">
|
|
|
+ <div>最新文章</div>
|
|
|
+ <buttom class="linkButton" onclick="toKnowledge()">查看更多></buttom>
|
|
|
+ </div>
|
|
|
+ <div class="line"></div>
|
|
|
+ <div class="latestList">
|
|
|
+ <#list latestList as item>
|
|
|
+ <div class="latestList-item">
|
|
|
+ <div class="latestList-item-image">
|
|
|
+ <img src="data:image;base64,${item.baseImage}" class="wh100"></img>
|
|
|
+ </div>
|
|
|
+ <div class="latestList-item-text">
|
|
|
+ <div class="latestList-item-text-title">${ item.title }</div>
|
|
|
+ <div class="data">${ item.createTime }</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </#list>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="relatedRecommendations">
|
|
|
+ <div class="knowledgeDetails-right-title">
|
|
|
+ <div>相关推荐</div>
|
|
|
+ <buttom class="linkButton" onclick="toKnowledge()">查看更多></buttom>
|
|
|
+ </div>
|
|
|
+ <div class="line"></div>
|
|
|
+ <div class="latestList">
|
|
|
+ <#list relatedList as item>
|
|
|
+ <div class="latestList-item">
|
|
|
+ <div class="latestList-item-image">
|
|
|
+ <img src="data:image;base64,${item.baseImage}" class="wh100"></img>
|
|
|
+ </div>
|
|
|
+ <div class="latestList-item-text">
|
|
|
+ <div class="latestList-item-text-title">${ item.title }</div>
|
|
|
+ <div class="data">${ item.createTime }</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </#list>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </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 toKnowledge() {
|
|
|
+ window.location.href = `/articleTemplate/pageList?pageIndex=1&pageSize=10`
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+</html>
|