Kaynağa Gözat

优质岗位增加选中样式

Memory_LG 4 ay önce
ebeveyn
işleme
551370792a

+ 22 - 13
src/main/java/com/sooka/module/web/cms/CertificateAuthController.java

@@ -8,6 +8,7 @@ import com.sooka.common.utils.StrUtil;
 import com.sooka.module.web.cms.service.ContentService;
 import com.sooka.mybatis.model.TCmsContent;
 import com.sooka.mybatis.model.TCmsSite;
+import com.sooka.mybatis.model.TCmsUser;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.PostMapping;
@@ -20,6 +21,8 @@ import javax.servlet.http.HttpServletRequest;
 import java.util.HashMap;
 import java.util.Map;
 
+import static com.sooka.common.constant.CmsConst.LOGIN_USER;
+
 @Controller
 @RequestMapping("/cms/certificate")
 public class CertificateAuthController {
@@ -28,23 +31,12 @@ public class CertificateAuthController {
     private ContentService contentService;
 
     @RequestMapping("/query")
-    public ModelAndView certificateAuth(
-            HttpServletRequest request,
-            @RequestParam(value = "verifyCode",required = false) String verifyCode,
+    public ModelAndView certificateAuth(HttpServletRequest request,
             @RequestParam(value = "username",required = false) String username,
             @RequestParam(value = "telephone",required = false) String telephone,
             @RequestParam(value = "certificateType",required = false) String certificateType,
             @RequestParam(value = "siteId", required=false) String siteId,
             @RequestParam(value = "number",defaultValue = "1") Integer pageNumber){
-        System.out.println("verifyCode = " + verifyCode);
-        System.out.println("username = " + username);
-        System.out.println("telephone = " + telephone);
-        System.out.println("certificateType = " + certificateType);
-        System.out.println("siteId = " + siteId);
-        if(StrUtil.isBlank(verifyCode)|| !ControllerUtil.validate(verifyCode,request)) {
-            System.out.println(" 验证码错误!!!!!!! ");
-        }
-
         ModelAndView modelAndView=new ModelAndView("www/tuiyijunren/list-zslb");
         Map<String,Object>map=new HashMap<>();
         map.put("title",username);
@@ -54,12 +46,29 @@ public class CertificateAuthController {
         PageInfo<TCmsContent> tCmsContentPageInfo = contentService.certificateQuery(pageNumber, map);
         TCmsSite site = new TCmsSite();
         site.setSiteId(Integer.parseInt(siteId));
+
+        TCmsUser user = (TCmsUser) request.getSession().getAttribute(LOGIN_USER);
+        if (user == null) {
+            modelAndView.addObject("btnId", "login");
+        } else {
+            modelAndView.addObject("btnId", "exit");
+            modelAndView.addObject("nickname", user.getNickname());
+        }
+
         modelAndView.addObject("model",tCmsContentPageInfo);
         modelAndView.addObject("siteId",siteId);
         modelAndView.addObject("site",site);
         modelAndView.addObject("categoryId", certificateType);
         return modelAndView;
+    }
 
-//        return JsonUtil.toMAP(true,"验证成功");
+    @RequestMapping("/auth")
+    @ResponseBody
+    public Map<String, Object> certificateAuth(HttpServletRequest request, @RequestParam(value = "verifyCode",required = false) String verifyCode) {
+        System.out.println("verifyCode = " + verifyCode);
+        if (StrUtil.isBlank(verifyCode) || !ControllerUtil.validate(verifyCode, request)) {
+            return JsonUtil.toMAP(false, "验证码输入错误");
+        }
+        return JsonUtil.toMAP(true, "验证成功");
     }
 }

+ 28 - 2
src/main/resources/templates/www/tuiyijunren/list-yzgw.html

@@ -28,13 +28,37 @@
     function renderExperienceAndEducation(experienceAndEducation) {
         return "&nbsp;&nbsp"+experienceAndEducation.replaceAll("/","&nbsp;&nbsp;");
     }
+    function showState(categoryName, state, id, aId, href){
+        //state == true  为已经登录
+        var html = $("#"+id);
+        if(state){
+            console.log("用户已经登陆")
+            var link = $("<a>", {
+                href: href, // 设置链接的href属性
+                text: categoryName, // 设置链接的文本
+                id: aId // 可选:添加一个ID
+            });
+            html.append(link);
+        }else{
+            console.log("用户未登录")
+            if("招聘信息" !== categoryName && "优质岗位" !== categoryName){
+                var link = $("<a>", {
+                    href: href, // 设置链接的href属性
+                    text: categoryName, // 设置链接的文本
+                    id: aId // 可选:添加一个ID
+                });
+                html.append(link);
+            }
+        }
+    }
 </script>
 <div class="er_content clearfix">
     <div class="er_left fl">
         <div class="er_nav">
-            <h4>优质岗位</h4>
+            <h4>就业信息</h4>
+            <span id="${site.siteId}"></span>
             <#cms_category_list  siteId="${site.siteId}" categoryId="1223" isNav="0" var="bean">
-                <a id="${bean.categoryId}" href="${frontPath}/${site.siteId}/${bean.categoryId}.html">${bean.categoryName}</a>
+                <script>showState("${bean.categoryName}", ${showState}, "${site.siteId}", "${bean.categoryId}", "${frontPath}/${site.siteId}/${bean.categoryId}.html")</script>
             </#cms_category_list>
         </div>
     </div>
@@ -131,6 +155,8 @@
 <!--底部结束-->
 <script>
     $(function(){
+        let id = "${categoryId}";
+        $("#"+id).addClass("on");
         //	列表切换
         $('.yzgw_list').eq(0).show().siblings('.yzgw_list').hide();
         $('.zp_nav span').hover(function(){

+ 0 - 12
src/main/resources/templates/www/tuiyijunren/list-zslb.html

@@ -5,7 +5,6 @@
 <div class="er_content">
 		<div class="news_list">
 			@for(item in model.list){
-<!--			${item}-->
 			<a class="news_list_div clearfix" href="${frontPath}/${siteId}/${item.categoryId}/${item.contentId}.html">
 				<img src="${item.thumb!}" alt="${item.title!}"/>
 				<div class="news_list_text">
@@ -15,18 +14,7 @@
 					<p><i class="date">${item.inputdate,dateFormat="yyyy年MM月dd日"}</i><i class="djl">点击量:${item.viewNum!}</i></p>
 				</div>
 			</a>
-
-
-			<!--<a class="hzqy_list_div clearfix" href="${frontPath}/${siteId}/${item.categoryId}/${item.contentId}.html" style="color: #1b1b1b">
-				<div class="news_list_text">
-					<h2>${item.title!}</h2>
-					<h2>${categoryId!}</h2>
-					<span>${item.description!}</span>
-					<p><i class="date">${item.inputdate,dateFormat="yyyy年MM月dd日"}</i><i class="djl">点击量:${item.viewNum!}</i></p>
-				</div>
-			</a>-->
 			@}
-
 		</div>
 		<div class="fenye">
 			@includeFileTemplate("/www/tuiyijunren/include/page.html"){}

+ 113 - 5
src/main/resources/templates/www/tuiyijunren/list-zsrz.html

@@ -51,30 +51,138 @@
         $("#captcha_img").attr("src", "${ctxPath}/verify?t=" + (new Date().getTime()));
     }
 
-    function validateForm() {
+    async function validateForm(ctxPath) {
+        // 获取姓名和联系电话的元素
+        const usernameElement = document.getElementById('username');
+        const telephoneElement = document.getElementById('telephone');
+        const certificateTypeElement = document.getElementById('certificateType');
+        const verifyCodeElement = $('#verifyCode');
+
+        // 检查元素是否存在
+        if (!usernameElement ||!telephoneElement ||!certificateTypeElement ||!verifyCodeElement.length) {
+            show_err_msg('表单元素缺失,请检查页面!');
+            return false;
+        }
+
+        // 获取姓名和联系电话的值
+        const username = usernameElement.value;
+        const telephone = telephoneElement.value;
+        const certificateType = certificateTypeElement.value;
+        const verifyCode = verifyCodeElement.val();
+
+        // 验证姓名和联系电话至少有一个有值
+        if (username.trim() === '' && telephone.trim() === '') {
+            show_err_msg('姓名与联系电话至少填写一个!');
+            return false;
+        }
+        if (certificateType === '0' || certificateType.trim() === '') {
+            show_err_msg('请选择证书类别! ');
+            $('#certificateNum').focus();
+            return false;
+        }
+
+        if (verifyCode === '') {
+            show_err_msg('验证码还没填呢!');
+            verifyCodeElement.focus();
+            return false;
+        }
+
+        try {
+            // 发送 AJAX 请求
+            const response = await $.ajax({
+                // 请求的 URL
+                url: ctxPath + "${ctxPath}/cms/certificate/auth",
+                // 请求类型,可以是 GET、POST、PUT、DELETE 等
+                type: "GET",
+                // 发送到服务器的数据,格式为键值对
+                data: {
+                    verifyCode: verifyCode
+                },
+                // 设置请求和响应的格式,常见的有 "json"、"html"、"xml" 等
+                dataType: "json"
+            });
+
+            console.log(response);
+            if (response.success) {
+                show_msg(response.message, '', false);
+                return true;
+            } else {
+                show_err_msg(response.message);
+                return false;
+            }
+        } catch (error) {
+            // 处理请求失败的情况
+            console.log("请求失败!");
+            console.log("状态码:" + error.status);
+            console.log("错误信息:" + error.statusText);
+            $("#result").html("请求失败,错误信息:" + error.statusText);
+            return false;
+        } finally {
+            console.log("请求完成!");
+        }
+    }
+
+    /*function validateForm() {
         // 获取姓名和联系电话的值
         var username = document.getElementById('username').value;
         var telephone = document.getElementById('telephone').value;
         var certificateType = document.getElementById('certificateType').value;
+        var verifyCode = $('#verifyCode').val();
 
         // 验证姓名和联系电话至少有一个有值
         if (username.trim() === '' && telephone.trim() === '') {
             show_err_msg('姓名与联系电话至少填写一个!');
             return false;
         }
-        if(certificateType === '0' || certificateType.trim() === ''){
+        if (certificateType === '0' || certificateType.trim() === '') {
             show_err_msg('请选择证书类别! ')
             $('#certificateNum').focus();
             return false;
         }
 
-        if ($('#verifyCode').val() === '') {
+        if (verifyCode === '') {
             show_err_msg('验证码还没填呢!');
             $('#verifyCode').focus();
             return false;
         }
-        return true;
-    }
+
+        $.ajax({
+            // 请求的 URL
+            url: "${ctxPath}/cms/certificate/auth",
+            // 请求类型,可以是 GET、POST、PUT、DELETE 等
+            type: "GET",
+            // 发送到服务器的数据,格式为键值对
+            data: {
+                verifyCode: verifyCode
+            },
+            // 设置请求和响应的格式,常见的有 "json"、"html"、"xml" 等
+            dataType: "json",
+            // 请求成功时的回调函数
+            success: function (response) {
+                console.log(response);
+                if (response.success) {
+                    show_msg(response.message, '', false)
+                    return true;
+                } else {
+                    show_err_msg(response.message)
+                    return false
+                }
+            },
+            // 请求失败时的回调函数
+            error: function (xhr, status, error) {
+                // xhr 是 XMLHttpRequest 对象,status 是请求的状态,error 是错误信息
+                console.log("请求失败!");
+                console.log("状态码:" + xhr.status);
+                console.log("错误信息:" + error);
+                $("#result").html("请求失败,错误信息:" + error);
+                return false
+            },
+            // 请求完成后回调函数(请求成功或失败时均调用)
+            complete: function () {
+                console.log("请求完成!");
+            }
+        });
+    }*/
 </script>
 <style>
     .zsrz-code {