From 695a2a22a41ce138388e885bdc24dba6daf35dc3 Mon Sep 17 00:00:00 2001 From: pengda <10266652509@qq.com> Date: Fri, 21 Mar 2025 18:23:37 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E5=BC=95=E5=85=A5=E5=8A=9F=E8=83=BD?= =?UTF-8?q?=E6=A8=A1=E6=9D=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- view/js/index.js | 13 -- view/templates/include/footer.html | 4 + view/templates/include/header.html | 31 +++++ view/templates/index/user_list.html | 36 +---- view/templates/weibo/home.html | 267 +++++++++++++++++------------------- 5 files changed, 163 insertions(+), 188 deletions(-) create mode 100644 view/templates/include/footer.html create mode 100644 view/templates/include/header.html diff --git a/view/js/index.js b/view/js/index.js index 9ab1fa9..48d2d55 100644 --- a/view/js/index.js +++ b/view/js/index.js @@ -337,19 +337,6 @@ $(document).ready(function () { } }); - $('.dropdown-toggle').click(function () { - const dropdownPanel = document.querySelector('.dropdown-panel'); - const icon = document.querySelector('.icon'); - // 切换面板的显示/隐藏 - if (dropdownPanel.style.display === 'block') { - dropdownPanel.style.display = 'none'; - icon.classList.remove('rotate'); // 移除旋转效果 - } else { - dropdownPanel.style.display = 'block'; - icon.classList.add('rotate'); // 添加旋转效果 - } - }) - // 点击页面其他区域关闭面板 document.addEventListener('click', (event) => { const dropdown = document.querySelector('.dropdown'); diff --git a/view/templates/include/footer.html b/view/templates/include/footer.html new file mode 100644 index 0000000..67a1db4 --- /dev/null +++ b/view/templates/include/footer.html @@ -0,0 +1,4 @@ +<div class="leftSideFooterNew"> + <p>Copyright ©2012-2025 .</p> + <p><span>All Rights Reserved</span> 底部随便写的</p> +</div> \ No newline at end of file diff --git a/view/templates/include/header.html b/view/templates/include/header.html new file mode 100644 index 0000000..95a29f9 --- /dev/null +++ b/view/templates/include/header.html @@ -0,0 +1,31 @@ +<div class="header-wrap"> + <a href="/"><img class="home-logo" src="{$smarty.const.CSS_URL}/images/home-logo.png" alt=""></a> + <div class="header-right flex"> + <img src="{$smarty.const.CSS_URL}/images/home-more.png" alt=""> + <div class="dropdown"> + <button class="dropdown-toggle"> + {$_user_info.nickname} + <img class="icon" src="{$smarty.const.CSS_URL}/images/drop-icon.svg" alt=""> + </button> + <div class="dropdown-panel"> + <a href="/loginout">退出</a> + </div> + </div> + </div> +</div> +{literal} +<script> + $('.dropdown-toggle').click(function () { + const dropdownPanel = document.querySelector('.dropdown-panel'); + const icon = document.querySelector('.icon'); + // 切换面板的显示/隐藏 + if (dropdownPanel.style.display === 'block') { + dropdownPanel.style.display = 'none'; + icon.classList.remove('rotate'); // 移除旋转效果 + } else { + dropdownPanel.style.display = 'block'; + icon.classList.add('rotate'); // 添加旋转效果 + } + }) +</script> +{/literal} \ No newline at end of file diff --git a/view/templates/index/user_list.html b/view/templates/index/user_list.html index 3614e25..d114313 100644 --- a/view/templates/index/user_list.html +++ b/view/templates/index/user_list.html @@ -55,21 +55,8 @@ {/literal} <body> <div class="home-page"> - <div class="header-wrap"> - <img class="home-logo" src="{$smarty.const.CSS_URL}/images/home-logo.png" alt=""> - <div class="header-right flex"> - <img src="{$smarty.const.CSS_URL}/images/home-more.png" alt=""> - <div class="dropdown"> - <button class="dropdown-toggle"> - {$_user_info.nickname} - <img class="icon" src="{$smarty.const.CSS_URL}/images/drop-icon.svg" alt=""> - </button> - <div class="dropdown-panel"> - <a href="/loginout">退出</a> - </div> - </div> - </div> - </div> + {include file="include/header.html"} + <div class="home-main-content"> <table> <caption>审核员列表</caption> @@ -115,27 +102,12 @@ </table> {/if} </div> - <div class="leftSideFooterNew"> - <p>Copyright ©2012-2025 .</p> - <p><span>All Rights Reserved</span> 底部随便写的</p> - </div> + + {include file="include/footer.html"} </div> </body> {literal} <script> - $('.dropdown-toggle').click(function () { - const dropdownPanel = document.querySelector('.dropdown-panel'); - const icon = document.querySelector('.icon'); - // 切换面板的显示/隐藏 - if (dropdownPanel.style.display === 'block') { - dropdownPanel.style.display = 'none'; - icon.classList.remove('rotate'); // 移除旋转效果 - } else { - dropdownPanel.style.display = 'block'; - icon.classList.add('rotate'); // 添加旋转效果 - } - }) - $('.change-status').click(function (){ var id = $(this).data('id'); var status = $(this).hasClass('button-danger') ? 0 : 1; diff --git a/view/templates/weibo/home.html b/view/templates/weibo/home.html index e550363..a8e7144 100644 --- a/view/templates/weibo/home.html +++ b/view/templates/weibo/home.html @@ -12,173 +12,154 @@ <body> <div class="home-page"> - <div class="header-wrap"> - <img class="home-logo" src="{$smarty.const.CSS_URL}/images/home-logo.png" alt=""> - <div class="header-right flex"> - <img src="{$smarty.const.CSS_URL}/images/home-more.png" alt=""> - <div class="dropdown"> - <button class="dropdown-toggle"> - {$_user_info.nickname} - <img class="icon" src="{$smarty.const.CSS_URL}/images/drop-icon.svg" alt=""> - </button> - <div class="dropdown-panel"> - <a href="/loginout">退出</a> - </div> - </div> - </div> - + {include file="include/header.html"} - </div> <div class="home-main-content"> + <div class="home-main"> + <div class="tab-list index-nav-wrap flex"> + <ul class="tab-wrap"> + <li class="index-nav-wrap-li" type="1"><span class="active">待审批</span></li> + <li class="index-nav-wrap-li" type="2"><span>已审批</span></li> + <li class="index-nav-wrap-li" type="3"><span>已删除</span></li> + </ul> + <button class="addNewBtn"> + <img src="{$smarty.const.CSS_URL}/images/add.svg" alt="">新增自录入 + </button> + </div> - <div class="home-main"> - <div class="tab-list index-nav-wrap flex"> - <ul class="tab-wrap"> - <li class="index-nav-wrap-li" type="1"><span class="active">待审批</span></li> - <li class="index-nav-wrap-li" type="2"><span>已审批</span></li> - <li class="index-nav-wrap-li" type="3"><span>已删除</span></li> - </ul> - <button class="addNewBtn"> - <img src="{$smarty.const.CSS_URL}/images/add.svg" alt="">新增自录入 - </button> - </div> + <div class="list_all" id="data-list"> + </div> - <div class="list_all" id="data-list"> - </div> + <!-- 数据列表 --> + <!-- <ul id="data-list"></ul> --> - <!-- 数据列表 --> - <!-- <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 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 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> - <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 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="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 class="add-form"> + <div class="form-item radio-form"> + <input type="hidden" id="id" value=""> + <div class="form-left"> + 录入形式 </div> - <div class="radio_box"> - <input value="2" type="radio"id="edu2"> - <div></div> - <label >问答式录入</label> + <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> - <div class="form-item normal-form" style="display: none;"> - <div class="form-left"> - 提问信息 + <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/100</div> + </div> + </div> </div> - <div class="form-right"> - <div class="text-area-container"> - <textarea class="edit-input normal-input" ></textarea> - <div class="char-count wordNum">0/100</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/100</div> + </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/100</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> - </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> + <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> - <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> - <div class="leftSideFooterNew"> - <p>Copyright ©2012-2025 .</p> - <p><span>All Rights Reserved</span> 底部随便写的</p> - </div> + {include file="include/footer.html"} </div> </body> <script src="{$smarty.const.CSS_URL}/js/index.js?v={$smarty.const.CSS_JS_VERSION}"></script> -- 1.8.3.1 From 8bf3008a7029c7b18f66c4bf895f253866e206c2 Mon Sep 17 00:00:00 2001 From: pengda <10266652509@qq.com> Date: Fri, 21 Mar 2025 18:23:48 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E5=BC=95=E5=85=A5=E5=8A=9F=E8=83=BD?= =?UTF-8?q?=E6=A8=A1=E6=9D=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- config/define.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/config/define.php b/config/define.php index c43abbf..92e4191 100644 --- a/config/define.php +++ b/config/define.php @@ -28,7 +28,7 @@ define('CSS_URL', '//zhishiku.yizherenxin.cn'); //css/js版本 - define('CSS_JS_VERSION', '1.0.0000002'); + define('CSS_JS_VERSION', '1.0.0000003'); define('ALIYUN_OSS_ACCESS_KEY_ID', 'LTAI5tRBq7yr1vcdvhqNMb7P'); define('ALIYUN_OSS_ACCESS_KEY_SECRET', 'E4No4AjlWGrHSULsR8apZkTAC8DMw6'); -- 1.8.3.1