☰

resume_check

Boss|智联|前程无忧|猎聘|more...

  1. // ==UserScript==
  2. // @name         resume_check
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.1
  5. // @description  Boss|智联|前程无忧|猎聘|more...
  6. // @author       Lonely
  7. // @match        https://www.zhipin.com/web/boss/*
  8. // @match        https://www.zhipin.com/chat/im*
  9. // @match        https://lpt.liepin.com/cvview/showresumedetail*
  10. // @match        https://lpt.liepin.com/im/imresourceload*
  11. // @match        https://rd6.zhaopin.com/resume/detail*
  12. // @match        https://ehire.51job.com/Candidate/ResumeView.aspx*
  13. // @match        https://ehire.51job.com/Candidate/ResumeViewFolderV2.aspx*
  14. // @require      https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.slim.min.js
  15. // @require      https://cdn.jsdelivr.net/npm/vue
  16. // @require      https://unpkg.com/element-ui/lib/index.js
  17. // @grant        GM_xmlhttpRequest
  18. // ==/UserScript==
  19.  
  20.  
  21. (function () {
  22.     'use strict';
  23.     //jq方式导入 element-ui.css
  24.     $("head").append($(`<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">`));
  25.  
  26.     (function () {
  27.         // 做一个div套着,后续直接innerHTML一把嗦
  28.         var div = document.createElement('div')
  29.         div.id = 'script_ele_box'
  30.         div.style.height = '10rem'
  31.         div.style.width = '18rem'
  32.         div.style.background = '#F7EED6'
  33.         div.style.opacity = '0.7'
  34.         div.style.borderRadius = '10px'
  35.         div.style.position = 'fixed'
  36.         div.style.zIndex = '999'
  37.         div.innerHTML = `
  38.                         <div id="resume_app" v-show='is_show()'>
  39.                             <el-button type="warning" plain :loading="loading_flag" @click="match">{{ fresh_text }}</el-button>
  40.                             <p style="font-size: 1.5rem; position: absolute;top: 4rem; pointer-events: none"> {{ message }}</p>
  41.                             <a class="preview" href='#' target='_blank' style="font-size: 1.8rem position: absolute;top: 1rem"></a>
  42.                             <el-table
  43.                                     border
  44.                                     ref="singleTable"
  45.                                     :data="tableData"
  46.                                     tooltip-effect="dark"
  47.                                     :header-cell-style="{background:'#F7EED6',color:'#606266'}"
  48.                                     :row-style="{background:'#F7EED6',color:'#606266'}"
  49.                                     style="width: 100%;position: absolute;top: 150px; pointer-events: auto;border-radius: 10px">
  50.                                 <el-table-column
  51.                                         type="index"
  52.                                         min-width="5%"
  53.                                         align="center">
  54.                                 </el-table-column>
  55.                                 <el-table-column
  56.                                         property="type"
  57.                                         label="类别"
  58.                                         min-width="20%"
  59.                                         align="center">
  60.                                 </el-table-column>
  61.                         
  62.                                 <el-table-column
  63.                                         :show-overflow-tooltip="true"
  64.                                         property="exp"
  65.                                         label="经验"
  66.                                         min-width="55%"
  67.                                         align="center">
  68.                                 </el-table-column>
  69.                                 
  70.                                 <el-table-column
  71.                                         property="checked"
  72.                                         label="存在"
  73.                                         min-width="20%"
  74.                                         align="center">
  75.                                 </el-table-column>
  76.                             </el-table>
  77.                         </div>
  78.                         `
  79.         document.body.appendChild(div);
  80.         window.script_ele_box = div; // 把这个div赋值给window对象, 方便后续程序改变其可见性
  81.  
  82.     })()
  83.  
  84.     // 拖动
  85.     class Drag {
  86.         constructor() {
  87.             this.ele = document.querySelector("#script_ele_box");
  88.             this.m = this.move.bind(this);
  89.             this.u = this.up.bind(this);
  90.  
  91.             this.init();
  92.             this.addEvent();
  93.         }
  94.  
  95.         init() {
  96.             this.pos = localStorage.getItem("pos") ? JSON.parse(localStorage.getItem("pos")) : {
  97.                 l: 200,
  98.                 t: 100
  99.             };
  100.             this.ele.style.left = this.pos.l + "px";
  101.             this.ele.style.top = this.pos.t + "px"
  102.         }
  103.  
  104.         addEvent() {
  105.             this.ele.addEventListener('mousedown', this.down.bind(this));
  106.         }
  107.  
  108.         down(eve) {
  109.             var e = eve || window.event;
  110.             this.x = e.offsetX;
  111.             this.y = e.offsetY;
  112.  
  113.             document.addEventListener('mousemove', this.m);
  114.             document.addEventListener('mouseup', this.u);
  115.  
  116.         }
  117.  
  118.         move(eve) {
  119.             // console.log(this)
  120.             var e = eve;
  121.             //移动时的鼠标坐标
  122.             this.ele.style.left = e.clientX - this.x + "px";
  123.             this.ele.style.top = e.clientY - this.y + "px";
  124.         }
  125.  
  126.         up() {
  127.             var pos = {
  128.                 l: this.ele.offsetLeft,
  129.                 t: this.ele.offsetTop
  130.             }
  131.             localStorage.setItem("pos", JSON.stringify(pos))
  132.             //删除移动和抬起事件
  133.             document.removeEventListener('mousemove', this.m)
  134.             document.removeEventListener('mouseup', this.u)
  135.         }
  136.     }
  137.  
  138.     new Drag();
  139.  
  140.     var app = new Vue({
  141.         el: '#resume_app',
  142.         data: {
  143.             message: '',
  144.             // update_area: 0,
  145.             intervalId: null,
  146.             resume_detail: {
  147.                 // url和css选择器的一个键值对, 下面的extract_experience 根据此键值对获取其简历区域的html代码发给后端匹配
  148.                 'https://www.zhipin.com/web/boss/index': '.resume-detail',
  149.                 'https://www.zhipin.com/chat/im': '.resume-item-content',
  150.                 'https://rd6.zhaopin.com/resume/detail': '.resume-detail',
  151.                 'https://ehire.51job.com/Candidate/ResumeView.aspx': '#divResume',
  152.                 'https://ehire.51job.com/Candidate/ResumeViewFolderV2.aspx': '#divResume',
  153.                 'https://lpt.liepin.com/cvview/showresumedetail': '#water-mark-wrap',
  154.                 'https://lpt.liepin.com/im/imresourceload': '.__im_pro__resume-container',
  155.             },
  156.             tableData: [], // 从python端匹配结果, 数组
  157.             loading_flag: false,
  158.             fresh_text: '刷新'
  159.         },
  160.         methods: {
  161.             is_show: function () {
  162.                 // 如果当前链接在可显示的数组中, 则返回true, 即显示插件内容
  163.                 var match_url = document.location.origin + document.location.pathname
  164.                 var flag = match_url in this.resume_detail
  165.                 if (flag) {
  166.                     window.script_ele_box.style.visibility = "visible"
  167.                 } else {
  168.                     window.script_ele_box.style.visibility = "hidden"
  169.                 }
  170.                 return flag
  171.             },
  172.             extract_experience: function () {
  173.                 // 提取经历部分的HTML代码
  174.                 var match_url = document.location.origin + document.location.pathname
  175.  
  176.                 if (document.querySelector(this.resume_detail[match_url])) {
  177.                     return document.querySelector(this.resume_detail[match_url]).outerHTML
  178.                 }
  179.                 return null
  180.             },
  181.             match: function () {
  182.                 this.loading_flag = true
  183.                 this.fresh_text = '加载中'
  184.                 var experience_html = this.extract_experience()
  185.                 if (!experience_html) {
  186.                     alert('请在在线简历页面点击匹配')
  187.                     this.loading_flag = false
  188.                     this.fresh_text = '刷新'
  189.                     return
  190.                 }
  191.                 var self = this
  192.                 GM_xmlhttpRequest({
  193.                     method: "POST",
  194.                     timeout: 5000,
  195.                     url: "http://183.62.69.218:9882/api/v1/resume/parse_html_exp",
  196.                     data: 'data=' + encodeURIComponent(experience_html),
  197.                     headers: {
  198.                         'accept': 'application/json',
  199.                         'Content-Type': 'application/x-www-form-urlencoded',
  200.                     },
  201.                     onload: function (e) {
  202.                         if (e.status !== 200) {
  203.                             alert("插件错误:" + e.statusText)
  204.                             self.fresh_text = '刷新'
  205.                             self.loading_flag = false
  206.                         }
  207.                         self.loading_flag = false
  208.                         self.fresh_text = '刷新'
  209.                         var python_response = JSON.parse(e.response)
  210.                         var _a = document.querySelector('a.preview')
  211.                         self.tableData = python_response.data.detail
  212.                         self.message = `${python_response.data.name}:${python_response.data.score}分`
  213.                         if (python_response.data.score > 0) {
  214.                             _a.href = python_response.data.file_path
  215.                             _a.text = '简历预览'
  216.                         } else {
  217.                             _a.href = ''
  218.                             _a.text = ''
  219.                         }
  220.                     },
  221.                     onerror: function (e) {
  222.                         alert("插件错误: UNKNOWN")
  223.                         self.fresh_text = '刷新'
  224.                         self.loading_flag = false
  225.                     },
  226.                     // 配合timeout超时控制, 超时提示并将加载中归位
  227.                     ontimeout: function (e) {
  228.                         alert("插件错误: TIMEOUT")
  229.                         self.fresh_text = '刷新'
  230.                         self.loading_flag = false
  231.                     }
  232.                 })
  233.             },
  234.         },
  235.     })
  236.  
  237. })();