enhance agreement

packages/ui/src/renderer/src/page/FirstRunReadme/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="first-run-readme" ref="componentRootEl">
+  <div ref="componentRootEl" class="first-run-readme">
     <div class="first-run-readme__inner">
       <div class="readme-title">欢迎使用GeekGeekRun！祝您求职顺利~</div>
       <div class="readme-desc">
@@ -12,25 +12,32 @@
         >
           <ElCheckbox :label="0" :class="[unreadItemsAfterClickSubmit[0] ? 'unread' : '']">
             本程序从某种程度上说属于辅助工具，与<el-link
-              @click="
-                electron.ipcRenderer.send(
-                  'open-external-link',
-                  'https://about.zhipin.com/agreement/'
-                )
+              color-blue
+              @click.stop.prevent="
+                () => {
+                  electron.ipcRenderer.send(
+                    'open-external-link',
+                    'https://about.zhipin.com/agreement/'
+                  )
+                  gtagRenderer('view_boss_agreement_clicked')
+                }
               "
               >《Boss直聘用户协议》</el-link
-            >相关条款相违背；
-            根据该条款，如果一些非正常用户行为被风控监测到，您需要承受包括不仅限于<b
-              class="color-red"
-              >账号被强制退出登录</b
-            >、<b class="color-red">账号被限制使用</b>、<b class="color-red">账号被封禁</b
+            >（2023年3月版）相关条款相违背，您在注册Boss直聘时已签署过这一条款；根据该条款
+            <i>七、用户的平台使用义务</i>、<i>八、违约责任</i>
+            章节，如果一些非正常用户行为被风控监测到，您需要承受包括不仅限于<b class="color-red"
+              >账号被强制退出登录、账号被限制使用、账号被封禁</b
             >等对您不利的风险；因此使用本程序即意味着<b class="color-red">您愿意接受以上风险</b
-            >，且如果相关风险发生，<b class="color-red">您需要自行承担相关后果</b>，<b
-              class="color-red"
-              >本程序不负责</b
-            >。
+            >，且如果相关风险发生，<b class="color-red">您需要自行承担相关后果，本程序不负责</b>。
           </ElCheckbox>
           <ElCheckbox :label="1" :class="[unreadItemsAfterClickSubmit[1] ? 'unread' : '']">
+            本程序需要存储您的登录凭据，即Cookie，来模拟您在Boss直聘上开聊Boss的行为；本程序仅会把您的Cookie存储在本地，并在您访问Boss直聘时将其传输到Boss直聘，<b
+              class="color-red"
+              >不会泄露给第三方</b
+            >，也不会进行除自动开聊Boss以外的行为；<b class="color-red">请勿向他人泄漏您的Cookie</b
+            >。
+          </ElCheckbox>
+          <ElCheckbox :label="2" :class="[unreadItemsAfterClickSubmit[2] ? 'unread' : '']">
             本程序会通过尽可能模仿用户行为来规避相关风险，但并不能保证可以完全规避。建议您使用本程序时<b
               class="color-red"
               >注意节制</b
@@ -38,39 +45,58 @@
               >注册一个本程序专用的新的Boss直聘账号</b
             >进行求职。
           </ElCheckbox>
-          <ElCheckbox :label="2" :class="[unreadItemsAfterClickSubmit[2] ? 'unread' : '']">
-            本程序原理是模拟用户在Boss直聘网页上进行点击操作；Boss直聘网站每过一段时间会发生改版，且有可能包含A/B实验，这将导致本程序相关脚本失效，此时您可以点击程序左下角进行反馈。
-          </ElCheckbox>
           <ElCheckbox :label="3" :class="[unreadItemsAfterClickSubmit[3] ? 'unread' : '']">
-            您的雇主可能会对您的计算机终端或网络进行监控，从而审计、跟踪您的行为；建议您<b
+            本程序原理是模拟用户在Boss直聘网页上，寻找关键元素并进行点击操作；Boss直聘网站经常<b>发生改版</b>，且有可能<b>包含A/B实验</b>，这将导致本程序相关脚本失效（典型表现为本程序运行到某一步骤后，<b
               class="color-red"
-              >不要在您雇主提供的计算机终端或网络上使用本程序</b
-            >。
+              >浏览器重复“闪退、重新启动”</b
+            >）。如果您在使用过程中遇上程序未按照预期执行的情况，请点击程序左下角进行反馈。
           </ElCheckbox>
           <ElCheckbox :label="4" :class="[unreadItemsAfterClickSubmit[4] ? 'unread' : '']">
-            本程序需要存储您的登录凭据，即Cookie，来模拟您在Boss直聘上开聊Boss的行为；本程序仅会把您的Cookie存储在本地，并在您访问Boss直聘时将其传输到Boss直聘，<b
-              class="color-red"
-              >不会泄露给第三方</b
-            >，也不会进行除自动开聊Boss以外的行为；<b class="color-red">请勿向他人泄漏您的Cookie</b
+            您所在公司可能会对您的计算机终端或网络进行<b color-red>监控</b>，从而<b color-red
+              >审计、跟踪</b
+            >您的行为；上级 / HRBP 团队可能会从 IT
+            团队处获取到监控数据，从而了解团队成员离职倾向。如果您不希望上级 / HRBP
+            团队了解到您正在求职，建议您<b color-red
+              >不要在您所在公司提供的计算机终端或网络上使用本程序</b
             >。
           </ElCheckbox>
           <ElCheckbox :label="5" :class="[unreadItemsAfterClickSubmit[5] ? 'unread' : '']">
-            本程序<b class="color-red"
-              >不会上报您的隐私（诸如能够识别出您身份的信息），不会向您的雇主报告您的求职行为</b
-            >；如果您在使用过程中遇上程序错误，您可以点击程序左下角进行反馈。
+            本程序尊重您的隐私，<b color-red
+              >不会上报能够识别出您身份的信息、不会参与任何钓鱼活动、不会向您所在公司及上级 / HRBP
+              团队报告您的求职行为、不会向猎头公司泄露您的信息</b
+            >。
           </ElCheckbox>
+
           <ElCheckbox :label="6" :class="[unreadItemsAfterClickSubmit[6] ? 'unread' : '']">
-            <b class="color-red">本程序不对您的求职过程与结果负责</b
-            >，为您开聊的职位均在Boss直聘上发布；请<b class="color-red">自行甄别为您开聊的公司</b
-            >、<b class="color-red">认真决定是否参加面试</b>、<b class="color-red">慎重选择Offer</b
+            本程序<b class="color-red">没有内置任何付费功能</b>，<b class="color-red"
+              >下载、使用是免费的</b
+            >，任何人可以<b class="color-red">免费获得、免费使用</b>。<b class="color-red"
+              >作者没有利用本程序赚到过任何收入</b
+            >。如果您是从GitHub以外的地方付费后“购买”的本程序，或您被提示“必须付费后才能使用本程序”，<b
+              class="color-red"
+              >那您大概率被骗了</b
+            >，或者<b class="color-red">您下载到了本程序修改版</b>。<b class="color-red"
+              >本程序对此概不负责，请勿找作者商讨退款、售后事宜，相关事宜请咨询卖方</b
             >。
           </ElCheckbox>
           <ElCheckbox :label="7" :class="[unreadItemsAfterClickSubmit[7] ? 'unread' : '']">
-            请在Boss直聘上自行<b class="color-red">屏蔽您不期望投递的公司</b>。
+            本程序<b class="color-red">不对您的求职过程与结果负责</b
+            >，为您开聊的职位均在Boss直聘上发布，职位信息真实性由Boss直聘负责；请<b
+              class="color-red"
+              >自行甄别为您开聊的公司、认真决定是否参加面试、慎重选择Offer</b
+            >。
           </ElCheckbox>
           <ElCheckbox :label="8" :class="[unreadItemsAfterClickSubmit[8] ? 'unread' : '']">
-            本程序经历过了多次测试，理论上来说大部分情况下可以正常运行；如果您有顾虑，建议通过VMWare
-            WorkStation/Fusion、VirtualBox、Hyper-V/Windows沙盒等虚拟化技术运行本程序。如发生问题，请点击程序左下角进行反馈。
+            请在Boss直聘上自行<b class="color-red">屏蔽您不期望投递的公司</b
+            >；如果您不希望您当前公司其它具有招聘账号的员工看到您在Boss直聘上活跃，请<b
+              class="color-red"
+              >在Boss直聘上屏蔽当前公司及与之关联的公司</b
+            >。
+          </ElCheckbox>
+          <ElCheckbox :label="9" :class="[unreadItemsAfterClickSubmit[9] ? 'unread' : '']">
+            本程序经历过了多次测试，理论上来说大部分情况下可以正常运行，但可能也会出现测试用例覆盖不到位，导致程序不按预期运行的情况；如果您有顾虑，建议通过
+            VMware Workstation / Fusion、Oracle VirtualBox、Microsoft Hyper-V
+            等虚拟化技术运行本程序。如果您在使用过程中遇上程序未按照预期执行的情况，请点击程序左下角进行反馈。
           </ElCheckbox>
         </ElCheckboxGroup>
       </article>
@@ -86,7 +112,7 @@
 
 <script lang="ts" setup>
 import { ElCheckbox, ElCheckboxGroup, ElMessage } from 'element-plus'
-import { ref, onMounted, onBeforeMount } from 'vue';
+import { ref, onMounted, onBeforeMount } from 'vue'
 import { gtagRenderer as baseGtagRenderer } from '@renderer/utils/gtag'
 import { sleep } from '@geekgeekrun/utils/sleep.mjs'
 
@@ -109,12 +135,13 @@ const handleCancel = async () => {
 const unreadItemsAfterClickSubmit = ref<Record<number, true>>({})
 const handleSubmit = () => {
   gtagRenderer('submit_clicked')
-  const COUNT = 9
+  const COUNT = 10
   if (readmeItemCheckStatusList.value.length !== COUNT) {
     gtagRenderer('agreement_not_finish_read_tip_displayed')
-    ElMessage.warning(
-      `您还有${COUNT - readmeItemCheckStatusList.value.length}条没有读完，读完就打勾标记一下吧`
-    )
+    ElMessage.warning({
+      message: `您还有${COUNT - readmeItemCheckStatusList.value.length}条没有读完，读完就打勾标记一下吧`,
+      grouping: true
+    })
     unreadItemsAfterClickSubmit.value = {}
     for (let i = 0; i < COUNT; i++) {
       if (!readmeItemCheckStatusList.value.includes(i)) {
@@ -136,13 +163,10 @@ const handleReadmeItemCheckStatusListChange = (value: number[]) => {
 const componentRootEl = ref<HTMLElement>()
 onMounted(() => {
   const ro = new ResizeObserver(() => {
-    electron.ipcRenderer.send(
-      'update-window-size',
-      {
-        width: componentRootEl.value!.offsetWidth,
-        height: componentRootEl.value!.offsetHeight,
-      }
-    )
+    electron.ipcRenderer.send('update-window-size', {
+      width: componentRootEl.value!.offsetWidth,
+      height: componentRootEl.value!.offsetHeight
+    })
   })
   ro.observe(componentRootEl.value!)
   onBeforeMount(() => {