diff --git a/README.md b/README.md
index 2715926..7edd1db 100644
--- a/README.md
+++ b/README.md
@@ -92,3 +92,13 @@ greasyfork地址: <https://greasyfork.org/zh-CN/scripts/491340>
 ## 最后
 
 嗯...
+
+## Star 趋势
+
+<a href="https://star-history.com/#ocyss/boos-helper&Date">
+ <picture>
+   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=ocyss/boos-helper&type=Date&theme=dark" />
+   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=ocyss/boos-helper&type=Date" />
+   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=ocyss/boos-helper&type=Date" />
+ </picture>
+</a>
\ No newline at end of file
diff --git a/README.user.md b/README.user.md
index 337b81f..c43336a 100644
--- a/README.user.md
+++ b/README.user.md
@@ -11,13 +11,13 @@ Boos直聘助手, 皆在减少投递简历的麻烦, 和提高投递简历的效
 >
 > 测试阶段,目前可以正常筛选,自动打招呼并且进行投递,统计,GPT等功能制作中
 
-## 项目预览
+### 项目预览
 
 [![统计界面](https://s21.ax1x.com/2024/04/02/pFHa3ZD.png)](https://imgse.com/i/pFHa3ZD)
 [![配置界面](https://s21.ax1x.com/2024/04/02/pFHa8de.png)](https://imgse.com/i/pFHa8de)
 [![日志界面](https://s21.ax1x.com/2024/04/02/pFHalqO.png)](https://imgse.com/i/pFHalqO)
 
-## 未来计划
+### 未来计划
 
 - [x] 优化UI去除广告
 - [x] 批量投递简历
@@ -40,13 +40,13 @@ Boos直聘助手, 皆在减少投递简历的麻烦, 和提高投递简历的效
   - [ ] 聊天屏蔽已读消息
   - [ ] boos消息弹窗
 
-# 免责声明
+## 免责声明
 
 本项目仅供学习交流，禁止用于商业用途
 
 使用该脚本有一定风险(如黑号,封号,权重降低等)，本项目不承担任何责任
 
-# 相关链接
+## 相关链接
 
 Github开源地址: <https://github.com/ocyss/boos-helper>
 
@@ -58,3 +58,13 @@ greasyfork地址: <https://greasyfork.org/zh-CN/scripts/491340>
 - <https://github.com/lisonge/vite-plugin-monkey>
 
 - <https://www.runoob.com/manual/mqtt/protocol/MQTT-3.1.1-CN.pdf>
+
+## Star 趋势
+
+<a href="https://star-history.com/#ocyss/boos-helper&Date">
+ <picture>
+   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=ocyss/boos-helper&type=Date&theme=dark" />
+   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=ocyss/boos-helper&type=Date" />
+   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=ocyss/boos-helper&type=Date" />
+ </picture>
+</a>
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 60d123f..55fd467 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,10 +10,20 @@ import {
   ElAvatar,
 } from "element-plus";
 import { GM_deleteValue, GM_listValues } from "$";
+import storeVue from "@/components/conf/store.vue";
+import userVue from "@/components/conf/user.vue";
+import logVue from "@/components/conf/log.vue";
 import { ref } from "vue";
 logger.info("BoosHelper挂载成功");
 ElMessage("BoosHelper挂载成功!");
 const confBox = ref(false);
+const confs = {
+  store: { name: "存储配置", component: storeVue },
+  user: { name: "账号配置", component: userVue },
+  log: { name: "日志配置", component: logVue },
+};
+const confKey = ref<keyof typeof confs>("store");
+
 const clone = async () => {
   if (confirm("将清空脚本全部的设置!!")) {
     const asyncKeys = await GM_listValues();
@@ -41,29 +51,22 @@ const clone = async () => {
       <el-dropdown-menu>
         <el-dropdown-item disabled>BossHelp配置项</el-dropdown-item>
         <el-dropdown-item divided disabled></el-dropdown-item>
-        <el-dropdown-item @click="clone">存储配置</el-dropdown-item>
-        <el-dropdown-item @click="confBox = true">日志查看</el-dropdown-item>
-        <el-dropdown-item @click="confBox = true">账户配置</el-dropdown-item>
+        <el-dropdown-item
+          v-for="(v, k) in confs"
+          :key="k"
+          @click="
+            confKey = k;
+            confBox = true;
+          "
+        >
+          {{ v.name }}
+        </el-dropdown-item>
       </el-dropdown-menu>
     </template>
   </el-dropdown>
-  <el-dialog
-    v-model="confBox"
-    title="Tips"
-    width="500"
-    align-center
-    destroy-on-close
-    center
-    :z-index="9999999999"
-  >
-    <span>This is a message</span>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="confBox = false">Cancel</el-button>
-        <el-button type="primary" @click="confBox = false">Confirm</el-button>
-      </div>
-    </template>
-  </el-dialog>
+  <Teleport to="body">
+    <component :is="confs[confKey].component" v-model="confBox" />
+  </Teleport>
 </template>
 
 <style lang="scss">
diff --git a/src/components/conf/log.vue b/src/components/conf/log.vue
new file mode 100644
index 0000000..708fa12
--- /dev/null
+++ b/src/components/conf/log.vue
@@ -0,0 +1,25 @@
+<script lang="ts" setup>
+import { ElDialog } from "element-plus";
+const show = defineModel<boolean>({ required: true });
+</script>
+
+<template>
+  <el-dialog
+    v-model="show"
+    title="日志查看"
+    width="500"
+    align-center
+    destroy-on-close
+    :z-index="20"
+  >
+    <span>Log</span>
+    <template #footer>
+      <div>
+        <el-button @click="show = false">Cancel</el-button>
+        <el-button type="primary" @click="show = false">Confirm</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/components/conf/store.vue b/src/components/conf/store.vue
new file mode 100644
index 0000000..92703bd
--- /dev/null
+++ b/src/components/conf/store.vue
@@ -0,0 +1,27 @@
+<script lang="ts" setup>
+import { ElDialog, ElButton } from "element-plus";
+const show = defineModel<boolean>({ required: true });
+</script>
+
+<template>
+  <el-dialog
+    v-model="show"
+    title="存储配置"
+    width="500"
+    align-center
+    destroy-on-close
+    :z-index="20"
+  >
+    <span>
+      当使用多账户时候,该配置内含有敏感信息,导入导出一定要注意,避免泄露
+    </span>
+    <template #footer>
+      <div>
+        <el-button @click="show = false">Cancel</el-button>
+        <el-button type="primary" @click="show = false">Confirm</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/components/conf/user.vue b/src/components/conf/user.vue
index dcc585b..2d1223d 100644
--- a/src/components/conf/user.vue
+++ b/src/components/conf/user.vue
@@ -1,7 +1,215 @@
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { GM_cookie, GM_getValue, GM_setValue } from "$";
+import {
+  useFormData,
+  formDataKey,
+  todayKey,
+} from "@/pages/web/geek/job/hooks/useForm";
+import {
+  ElDialog,
+  ElButton,
+  ElTableColumn,
+  ElTable,
+  ElAlert,
+  ElMessage,
+  ElTag,
+  ElAvatar,
+  ElPopconfirm,
+} from "element-plus";
+import { FormData, Statistics } from "@/types/formData";
+
+import { computed, reactive, ref, toRaw } from "vue";
+const confUserKey = "conf-user";
+const { formData, todayData } = useFormData();
+const show = defineModel<boolean>({ required: true });
+type Data = {
+  uid: string;
+  user: string;
+  avatar: string;
+  remark: string;
+  gender: "man" | "woman";
+  flag: "student" | "staff";
+  date: string;
+  cookie: string;
+  form?: FormData;
+  statistics?: Statistics;
+};
+
+const data = reactive(GM_getValue<{ [keys: string]: Data }>(confUserKey, {}));
+const tableData = computed<Data[]>(() => Object.values(data));
+console.log("账户数据", toRaw(data));
+
+const currentRow = ref<Data | undefined>();
+
+const handleCurrentChange = (val: Data | undefined) => {
+  currentRow.value = val;
+};
+
+async function create(flag = true) {
+  try {
+    const list = await new Promise<any[]>((resolve, reject) => {
+      GM_cookie.list({}, (cookies, error) => {
+        if (error) {
+          reject(error);
+        } else {
+          resolve(cookies);
+        }
+      });
+    });
+
+    const pg = window._PAGE;
+    let uid: string | number | undefined = pg.uid || pg.userId;
+    if (!uid) {
+      return;
+    }
+    uid = String(uid);
+    data[uid] = {
+      uid,
+      user: pg.showName || pg.name,
+      avatar: pg.tinyAvatar || pg.largeAvatar,
+      remark: "",
+      gender: pg.gender === 0 ? "man" : "woman",
+      flag: pg.studentFlag ? "student" : "staff",
+      date: new Date().toLocaleString(),
+      cookie: JSON.stringify(list),
+      form: toRaw(formData),
+      statistics: toRaw(todayData),
+    };
+    GM_setValue(confUserKey, data);
+    await Promise.all(
+      list.map((item) => GM_cookie.delete({ name: item.name }))
+    );
+    if (flag) {
+      ElMessage.success("创建成功,开始清空ck并刷新");
+      window.location.reload();
+    }
+  } catch (e) {
+    ElMessage.error("遇到错误,请重试," + e);
+    throw new Error("err", { cause: e });
+  }
+}
+
+async function change() {
+  try {
+    const data = currentRow.value;
+    if (!data) {
+      ElMessage.error("错误,空状态");
+      return;
+    }
+    currentRow.value = undefined;
+    await create(false);
+    if (data.form) GM_setValue(formDataKey, data.form);
+    if (data.statistics) GM_setValue(todayKey, data.statistics);
+    const ck: any[] = JSON.parse(data.cookie);
+    await Promise.all(ck.map((c) => GM_cookie.set(c)));
+    ElMessage.success("切换完成,即将刷新");
+    window.location.reload();
+  } catch (e: any) {
+    console.log("错误,切换失败", e);
+
+    if (e.name !== "err" || !e.name) ElMessage.error("错误,切换失败");
+  }
+}
+function del(d: Data) {
+  delete data[d.uid];
+  console.log(data);
+
+  GM_setValue(confUserKey, toRaw(data));
+  ElMessage.success("删除成功");
+}
+</script>
 
 <template>
-  <div></div>
+  <el-dialog
+    v-model="show"
+    title="账户配置"
+    width="70%"
+    align-center
+    destroy-on-close
+    :z-index="20"
+  >
+    <el-alert
+      title="使用该功能将会明文存储cookie信息,可能包含隐私信息"
+      type="warning"
+      style="margin: 6px 0"
+    />
+    <el-alert
+      title="每个用户都有自己的相关配置但历史投递等信息将全局共享,如果切换后是未登陆状态可能ck不完整或过期再次登陆即可(不要删除,不然配置会丢失)"
+      type="info"
+      style="margin: 6px 0"
+    />
+    <el-table
+      :data="tableData"
+      style="width: 100%"
+      highlight-current-row
+      table-layout="auto"
+      @current-change="handleCurrentChange"
+    >
+      <el-table-column type="index" width="40" />
+      <el-table-column label="账户">
+        <template #default="scope">
+          <div style="align-items: center; display: flex">
+            <el-avatar :src="scope.row.avatar" :size="30" />
+            <span style="margin-left: 8px">{{ scope.row.user }}</span>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="性别" align="center">
+        <template #default="scope">
+          <el-tag
+            round
+            effect="dark"
+            style="border-style: none"
+            :color="scope.row.gender === 'man' ? '#9BC1FE' : '#FFBDEB'"
+          >
+            {{ scope.row.gender === "man" ? "可爱男孩" : "温柔女孩" }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="身份" align="center">
+        <template #default="scope">
+          <el-tag
+            effect="dark"
+            round
+            style="border-style: none"
+            :type="scope.row.flag === 'student' ? 'success' : 'warning'"
+          >
+            {{ scope.row.flag === "student" ? "哈巴学生" : "无情社畜" }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="date" label="上次登录" />
+      <el-table-column fixed="right" label="操作">
+        <template #default="scope">
+          <el-button link type="primary" size="small" disabled>导出</el-button>
+          <el-button
+            link
+            type="primary"
+            size="small"
+            @click="() => del(scope.row)"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <template #footer>
+      <div>
+        <el-button @click="show = false">取消</el-button>
+        <el-popconfirm
+          title="确认后将保存数据退出账户并自动刷新"
+          @confirm="() => create()"
+        >
+          <template #reference>
+            <el-button type="primary">新建&登出</el-button>
+          </template>
+        </el-popconfirm>
+        <el-button type="primary" @click="change" :disabled="!currentRow">
+          切换
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
 
 <style lang="scss" scoped></style>
diff --git a/src/main.ts b/src/main.ts
index bb81781..dd660b2 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -94,22 +94,32 @@ declare global {
       send(e: { toArrayBuffer(): ArrayBuffer }): void;
     };
     _PAGE: {
-      checkMobileUrl: string;
-      regMobileUrl: string;
-      loginMobileUrl: string;
-      loginAccountUrl: string;
-      getRandomKeyUrl: string;
-      verifyImgUrl: string;
-      getPositionUrl: string;
-      citySiteName: string;
-      citySiteCode: string;
-      skillsUrl: string;
-      uid: number;
+      isGeekChat: boolean;
+      zp_token: string;
+      userId: number;
+      identity: number;
+      encryptUserId: string;
       name: string;
-      face: string;
+      showName: string;
+      tinyAvatar: string;
+      largeAvatar: string;
       token: string;
+      isHunter: boolean;
       clientIP: string;
-      zp_token: string;
+      email: any;
+      phone: any;
+      brandName: any;
+      doubleIdentity: boolean;
+      recruit: boolean;
+      agentRecruit: boolean;
+      industryCostTag: number;
+      gender: number;
+      trueMan: boolean;
+      studentFlag: boolean;
+      completeDayStatus: boolean;
+      complete: boolean;
+      multiExpect: boolean;
+      uid: number;
     };
   }
 }
diff --git a/src/pages/web/geek/job/hooks/useForm.ts b/src/pages/web/geek/job/hooks/useForm.ts
index 60a45b7..acb4203 100644
--- a/src/pages/web/geek/job/hooks/useForm.ts
+++ b/src/pages/web/geek/job/hooks/useForm.ts
@@ -8,11 +8,11 @@ import deepmerge from "@/utils/deepmerge";
 import { FormData, Statistics } from "@/types/formData";
 import { getCurDay } from "@/utils";
 
-const formDataKey = "web-geek-job-FormData";
-const todayKey = "web-geek-job-Today";
-const statisticsKey = "web-geek-job-Statistics";
+export const formDataKey = "web-geek-job-FormData";
+export const todayKey = "web-geek-job-Today";
+export const statisticsKey = "web-geek-job-Statistics";
 
-const defaultFormData: FormData = {
+export const defaultFormData: FormData = {
   company: {
     label: "公司名",
     help: "投递工作的公司名一定包含或不包含在当前集合中，模糊匹配，可用于只投或不投某个公司/子公司。",
diff --git a/src/pages/web/geek/job/hooks/useLog.ts b/src/pages/web/geek/job/hooks/useLog.ts
index 39980fe..360c1a6 100644
--- a/src/pages/web/geek/job/hooks/useLog.ts
+++ b/src/pages/web/geek/job/hooks/useLog.ts
@@ -73,52 +73,16 @@ const columns: Column<log>[] = [
 const dataOld = ref<log[]>([]);
 const data = ref<log[]>([
   {
-    title: "获取岗位",
+    title: "嘿嘿嘿",
     state: "info",
     state_name: "消息",
-    message: "本次获取到 30 个",
+    message: "目前没有投递日志啦",
   },
   {
-    title: "数据管理专员（餐饮行业）",
-    state: "warning",
-    state_name: "岗位名筛选",
-    message: "含有排除关键词 [管理]",
-    data: {
-      jobName: "数据管理专员（餐饮行业）",
-      companyName: "四夕餐饮管理有限公司",
-      salary: "5-7K",
-      companySize: "餐饮不需要融资100-499人",
-    },
-  },
-  {
-    title: "嵌入式软件测试工程师",
-    state: "warning",
-    state_name: "薪资筛选",
-    message: "不匹配的范围 [11-20]",
-    data: {
-      jobName: "嵌入式软件测试工程师",
-      companyName: "德赛西威",
-      salary: "11-20K·13薪",
-      companySize: "汽车零部件已上市1000-9999人",
-    },
-  },
-  {
-    title: "富士康高薪招聘6000+",
-    state: "warning",
-    state_name: "岗位名筛选",
-    message: "含有排除关键词 [富士康]",
-    data: {
-      jobName: "富士康高薪招聘6000+",
-      companyName: "富士康科技集团(总部)",
-      salary: "6-9K",
-      companySize: "其他制造业不需要融资10000人以上",
-    },
-  },
-  {
-    title: "暂停投递",
-    state: "info",
+    title: "啦啦啦",
+    state: "success",
     state_name: "消息",
-    message: "剩余 27 个未处理",
+    message: "要查看其他日志请点击右上角的悬浮按钮",
   },
 ]);
 
diff --git a/src/pages/web/geek/job/logs.vue b/src/pages/web/geek/job/logs.vue
index 49e2a30..1e7b886 100644
--- a/src/pages/web/geek/job/logs.vue
+++ b/src/pages/web/geek/job/logs.vue
@@ -15,18 +15,13 @@ import { onRowRenderedParams } from "element-plus/es/components/table-v2/src/gri
 const tableRef = ref<TableV2Instance>();
 const { data, columns, Row } = useLog();
 
-watchEffect(() => {
-  tableRef.value?.scrollToRow(data.value.length - 1);
-});
+// watchEffect(() => {
+//   tableRef.value?.scrollToRow(data.value.length - 1);
+// });
 </script>
 
 <template>
-  <!-- <iframe
-    src="https://www.zhipin.com/web/geek/chat"
-    frameborder="0"
-    style="height: 1px; width: 1px; resize: both; overflow: auto"
-  ></iframe> -->
-  <el-auto-resizer>
+  <el-auto-resizer :disableHeight="true">
     <template #default="{ width }">
       <el-table-v2
         ref="tableRef"
diff --git a/src/pages/web/geek/job/statistics.vue b/src/pages/web/geek/job/statistics.vue
index f3934b3..0d5cef5 100644
--- a/src/pages/web/geek/job/statistics.vue
+++ b/src/pages/web/geek/job/statistics.vue
@@ -109,7 +109,7 @@ function stopBatch() {
     <el-col :span="5">
       <el-statistic
         help="统计当天岗位过滤的比例,被过滤/总数"
-        :value="(todayData.total - todayData.success) / todayData.total"
+        :value="((todayData.total - todayData.success) / todayData.total) * 100"
         title="过滤比例："
         suffix="%"
       ></el-statistic>
@@ -117,7 +117,7 @@ function stopBatch() {
     <el-col :span="5">
       <el-statistic
         help="统计当天岗位中已沟通的比例,已沟通/总数"
-        :value="todayData.repeat / todayData.total"
+        :value="(todayData.repeat / todayData.total) * 100"
         title="沟通比例："
         suffix="%"
       ></el-statistic>
@@ -125,7 +125,7 @@ function stopBatch() {
     <el-col :span="5">
       <el-statistic
         help="统计当天岗位中的活跃情况,不活跃/总数"
-        :value="todayData.activityFilter / todayData.total"
+        :value="(todayData.activityFilter / todayData.total) * 100"
         title="活跃比例："
         suffix="%"
       ></el-statistic>
diff --git a/src/pages/web/geek/job/ui.vue b/src/pages/web/geek/job/ui.vue
index 7feceb1..d2b046e 100644
--- a/src/pages/web/geek/job/ui.vue
+++ b/src/pages/web/geek/job/ui.vue
@@ -250,4 +250,15 @@ onMounted(() => {
 .el-tabs__content {
   overflow: unset;
 }
+.page-job-wrapper {
+  padding-top: 0 !important;
+  .job-search-wrapper.fix-top {
+    position: unset;
+    width: unset;
+    top: unset;
+    z-index: unset;
+    margin-top: unset;
+    box-shadow: unset;
+  }
+}
 </style>