You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
211 lines
9.0 KiB
211 lines
9.0 KiB
4 weeks ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>知识库</title>
|
||
|
|
<link rel="stylesheet" href="{$smarty.const.CSS_URL}/css/common.css?v={$smarty.const.CSS_JS_VERSION}">
|
||
|
|
<link rel="stylesheet" href="{$smarty.const.CSS_URL}/css/index.css?v={$smarty.const.CSS_JS_VERSION}">
|
||
|
|
<script src="{$smarty.const.CSS_URL}/js/jquery-3.6.0.min.js"></script>
|
||
|
|
{literal}
|
||
|
|
<style>
|
||
|
|
.search-wrapper{
|
||
|
|
column-gap: 12px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.search-wrapper input{
|
||
|
|
width: 200px;
|
||
|
|
padding-left: 8px;
|
||
|
|
}
|
||
|
|
.addNewBtn2 {
|
||
|
|
width: 121px;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
height: 32px;
|
||
|
|
border-radius: 3px;
|
||
|
|
opacity: 1;
|
||
|
|
height: 32px;
|
||
|
|
border:none;
|
||
|
|
background: #006AFF;
|
||
|
|
font-weight: normal;
|
||
|
|
line-height: normal;
|
||
|
|
letter-spacing: 0.08em;
|
||
|
|
color: #FFFFFF;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
{/literal}
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="home-page">
|
||
|
|
{include file="include/header.html"}
|
||
|
|
|
||
|
|
<div class="home-main-content">
|
||
|
|
<div class="home-main">
|
||
|
|
<div class="tab-list index-nav-wrap flex">
|
||
|
|
<div class="search-wrapper flex">
|
||
|
|
<input type="text" placeholder="输入症状进行查询" id="search-input" value="{$keyword}">
|
||
|
|
<button class="addNewBtn2" id="searchWeibo">
|
||
|
|
搜索
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="list_all" id="data-list">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- 数据列表 -->
|
||
|
|
<!-- <ul id="data-list"></ul> -->
|
||
|
|
|
||
|
|
<!-- 分页控件 -->
|
||
|
|
<div class="pagination hide">
|
||
|
|
<img id="prev-page" src="{$smarty.const.CSS_URL}/images/prev.svg" alt="">
|
||
|
|
<ul id="page-numbers"></ul>
|
||
|
|
<img id="next-page" src="{$smarty.const.CSS_URL}/images/next.svg" alt="">
|
||
|
|
<div class="input-page">
|
||
|
|
<span>前往</span>
|
||
|
|
<input type="number" id="jump-to-page" min="1" placeholder="页码">
|
||
|
|
<span>页</span>
|
||
|
|
</div>
|
||
|
|
<button id="go-to-page">跳转</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 放大后的图片容器 -->
|
||
|
|
<div id="large-image-container">
|
||
|
|
<h2>预览</h2>
|
||
|
|
<img id="large-image" src="{$smarty.const.CSS_URL}/images/viewimg1.png" alt="Large Image">
|
||
|
|
<span id="close-btn2">×</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 放大后的视频容器 -->
|
||
|
|
<div id="large-video-container">
|
||
|
|
<video id="large-video" controls>
|
||
|
|
<source id="large-viedo-url" src="" type="video/mp4">
|
||
|
|
Your browser does not support the video tag.
|
||
|
|
</video>
|
||
|
|
<button id="close-btn">×</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 弹框 -->
|
||
|
|
<div class="modal-overlay"></div>
|
||
|
|
<div class="modal">
|
||
|
|
<div class="modal_top">
|
||
|
|
<b id="header_title">编辑</b>
|
||
|
|
<img src="{$smarty.const.CSS_URL}/images/close_modal.svg" id="close_modal" alt="">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="add-form">
|
||
|
|
<div class="form-item radio-form">
|
||
|
|
<input type="hidden" id="id" value="">
|
||
|
|
<div class="form-left">
|
||
|
|
录入形式
|
||
|
|
</div>
|
||
|
|
<div class="form-right radio-wrap flex">
|
||
|
|
<div class="radio_box radio_box_active">
|
||
|
|
<input value="1" type="radio"id="edu1">
|
||
|
|
<div></div>
|
||
|
|
<label >信息段录入</label>
|
||
|
|
</div>
|
||
|
|
<div class="radio_box">
|
||
|
|
<input value="2" type="radio"id="edu2">
|
||
|
|
<div></div>
|
||
|
|
<label >问答式录入</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-item normal-form" style="display: none;">
|
||
|
|
<div class="form-left">
|
||
|
|
提问信息
|
||
|
|
</div>
|
||
|
|
<div class="form-right">
|
||
|
|
<div class="text-area-container">
|
||
|
|
<textarea class="edit-input normal-input" ></textarea>
|
||
|
|
<div class="char-count wordNum">0/200</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-item">
|
||
|
|
<div class="form-left common-input">
|
||
|
|
回答信息
|
||
|
|
</div>
|
||
|
|
<div class="form-right">
|
||
|
|
<div class="text-area-container">
|
||
|
|
<textarea class="edit-input answer-input" ></textarea>
|
||
|
|
<div class="char-count1 wordNum">0/200</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{literal}
|
||
|
|
<script>
|
||
|
|
const maxLength = 100; // 设置最大字数限制
|
||
|
|
$('.normal-input').on('input', function () {
|
||
|
|
var currentLength = $(this).val().length;
|
||
|
|
$('.char-count').text(currentLength + '/' + maxLength);
|
||
|
|
if (currentLength > maxLength) {
|
||
|
|
$('.normal-input').val($('.normal-input').val().slice(0, maxLength))
|
||
|
|
$('.char-count').text(maxLength + '/' + maxLength);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$('.answer-input').on('input', function () {
|
||
|
|
var currentLength = $(this).val().length;
|
||
|
|
$('.char-count1').text(currentLength + '/' + maxLength);
|
||
|
|
if (currentLength > maxLength) {
|
||
|
|
$('.answer-input').val($('.answer-input').val().slice(0, maxLength))
|
||
|
|
$('.char-count1').text(maxLength + '/' + maxLength);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
{/literal}
|
||
|
|
<div class="img_list2" style="display: none;"></div>
|
||
|
|
<div class="preview"></div>
|
||
|
|
|
||
|
|
<div class="modal_upload_btn flex hide">
|
||
|
|
<div class="flex modal_btns">
|
||
|
|
<button id="upload-image-btn" class="button upload_btn">
|
||
|
|
<img src="{$smarty.const.CSS_URL}/images/img_upload.svg" alt="">上传图片
|
||
|
|
</button>
|
||
|
|
<button id="upload-video-btn" class="button upload_btn">
|
||
|
|
<img src="{$smarty.const.CSS_URL}/images/vedio_upload.svg" alt="">上传视频
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<p>支持 jpg、png、mp4 格式，单个文件不超过 10MB</p>
|
||
|
|
</div>
|
||
|
|
<input type="file" id="upload-image" accept="image/*" style="display: none;" multiple>
|
||
|
|
<input type="file" id="upload-video" accept="video/*" style="display: none;" multiple>
|
||
|
|
<div class="buttons flex">
|
||
|
|
<button id="submit" class="button ">仅保存</button>
|
||
|
|
<button id="savePass" class="button button-primary">保存并通过审批</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{include file="include/footer.html"}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="hidecomments" style="display: none;"></div>
|
||
|
|
<div id="hidesearch" style="display: none;"></div>
|
||
|
|
<div id="hidekeyword" style="display: none;">{$keyword}</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
<script src="{$smarty.const.CSS_URL}/js/index.js?v={$smarty.const.CSS_JS_VERSION}589"></script>
|
||
|
|
|
||
|
|
{literal}
|
||
|
|
<script>
|
||
|
|
$('#searchWeibo').click(function () {
|
||
|
|
var keyword = $('#search-input').val()
|
||
|
|
if (keyword) {
|
||
|
|
window.location.href = '/weibo/search?keyword=' + keyword
|
||
|
|
} else {
|
||
|
|
window.location.href = '/weibo/search'
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
{/literal}
|
||
|
|
</html>
|