koishi-plugin-aipo-asbbot 0.1.107

package/client/announcement.vue

@@ -0,0 +1,227 @@
+<template>
+  <k-layout>
+    <div class="roblox-announcement-page">
+      <h2>{{ editing ? (form.id ? '编辑公告' : '创建公告') : '公告列表' }}（共 {{ list.length }} 条）</h2>
+
+      <div v-if="!editing" class="ann-toolbar">
+        <button class="btn-primary" @click="startCreate">+ 新建公告</button>
+      </div>
+
+      <!-- 编辑表单 -->
+      <div v-if="editing" class="ann-editor">
+        <div class="ann-field">
+          <label>标题</label>
+          <input v-model="form.title" placeholder="公告标题" />
+        </div>
+        <div class="ann-field">
+          <label>内容（原生 Markdown）</label>
+          <textarea v-model="form.content" rows="10" placeholder="支持 # 标题、**粗体**、*斜体*、- 列表、[链接](url)、`代码` 等原生 Markdown 语法"></textarea>
+        </div>
+        <div class="ann-field">
+          <label>定向等级（0 级 = 全体用户，默认）</label>
+          <div class="ann-levels">
+            <label v-for="lv in 8" :key="lv - 1" class="ann-level-item">
+              <input type="checkbox" :checked="form.levels.includes(lv - 1)" @change="toggleLevel(lv - 1)" />
+              <span v-if="lv - 1 === 0">0 级（全体用户）</span>
+              <span v-else>{{ lv - 1 }} 级</span>
+            </label>
+          </div>
+          <div class="ann-audience">
+            投放范围预览：
+            <template v-if="audience">符合条件用户 <b>{{ audience.count }}</b> / 已知用户 {{ audience.total }}</template>
+            <template v-else>计算中…</template>
+          </div>
+        </div>
+        <div class="ann-field ann-inline">
+          <label>触发次数（0=不触发；1=首次使用触发一次，默认；N=最多触发 N 次）</label>
+          <input type="number" min="0" step="1" v-model.number="form.maxTriggers" />
+        </div>
+        <div class="ann-field ann-inline">
+          <label>过期时间（留空 = 永不过期）</label>
+          <input type="datetime-local" v-model="expiresLocal" />
+        </div>
+        <div class="ann-field">
+          <label>预览</label>
+          <div class="ann-preview" v-html="previewHtml"></div>
+        </div>
+        <div class="ann-actions">
+          <button class="btn-primary" :disabled="busy" @click="save">保存</button>
+          <button :disabled="busy" @click="cancelEdit">取消</button>
+        </div>
+      </div>
+
+      <!-- 公告列表 -->
+      <table v-else class="ann-table">
+        <thead>
+          <tr>
+            <th>ID</th>
+            <th>标题</th>
+            <th>状态</th>
+            <th>定向等级</th>
+            <th>触发次数</th>
+            <th>已触达（人 / 次）</th>
+            <th>创建时间</th>
+            <th>发布时间</th>
+            <th>过期时间</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-if="!list.length"><td colspan="10" class="ann-empty">暂无公告，点击「新建公告」创建</td></tr>
+          <tr v-for="item in list" :key="item.id">
+            <td class="ann-id" :title="item.id">{{ item.id.slice(0, 12) }}…</td>
+            <td>{{ item.title }}</td>
+            <td :class="'status-' + item.status">{{ statusName(item.status) }}</td>
+            <td>{{ levelsLabel(item.levels) }}</td>
+            <td>{{ item.maxTriggers }}</td>
+            <td>{{ stats[item.id]?.users ?? 0 }} / {{ stats[item.id]?.triggers ?? 0 }}</td>
+            <td>{{ fmtTime(item.createdAt) }}</td>
+            <td>{{ item.publishedAt ? fmtTime(item.publishedAt) : '-' }}</td>
+            <td>{{ item.expiresAt ? fmtTime(item.expiresAt) : '永不过期' }}</td>
+            <td class="ann-ops">
+              <button :disabled="busy" @click="startEdit(item)">编辑</button>
+              <button v-if="item.status !== 'published'" class="btn-primary" :disabled="busy" @click="act('publish', item.id)">发布</button>
+              <button v-if="item.status === 'published'" :disabled="busy" @click="act('expire', item.id)">设为过期</button>
+              <button class="btn-danger" :disabled="busy" @click="remove(item.id)">删除</button>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </k-layout>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, watch } from 'vue'
+import { store, send, message } from '@koishijs/client'
+import { renderMarkdown } from './markdown'
+
+const busy = ref(false)
+const editing = ref(false)
+const audience = ref<{ count: number; total: number } | null>(null)
+
+const list = computed(() => store['roblox-announcement']?.list ?? [])
+const stats = computed(() => store['roblox-announcement']?.stats ?? {})
+
+const emptyForm = () => ({ id: '', title: '', content: '', levels: [0] as number[], maxTriggers: 1, expiresAt: 0 })
+const form = ref(emptyForm())
+const expiresLocal = ref('')
+
+const previewHtml = computed(() => renderMarkdown(form.value.content))
+
+watch(() => form.value.levels.slice(), refreshAudience, { immediate: false })
+
+async function refreshAudience() {
+  audience.value = null
+  try {
+    audience.value = await send('roblox-announcement/audience', form.value.levels as any)
+  } catch {
+    audience.value = { count: 0, total: 0 }
+  }
+}
+
+function toggleLevel(level: number) {
+  const levels = form.value.levels
+  const idx = levels.indexOf(level)
+  if (idx >= 0) levels.splice(idx, 1)
+  else levels.push(level)
+  if (!levels.length) levels.push(0)
+  levels.sort((a, b) => a - b)
+}
+
+function startCreate() {
+  form.value = emptyForm()
+  expiresLocal.value = ''
+  editing.value = true
+  refreshAudience()
+}
+
+function startEdit(item: any) {
+  form.value = {
+    id: item.id,
+    title: item.title,
+    content: item.content,
+    levels: [...item.levels],
+    maxTriggers: item.maxTriggers,
+    expiresAt: item.expiresAt,
+  }
+  expiresLocal.value = item.expiresAt ? toLocalInput(item.expiresAt) : ''
+  editing.value = true
+  refreshAudience()
+}
+
+function cancelEdit() {
+  editing.value = false
+}
+
+async function save() {
+  busy.value = true
+  try {
+    const payload = {
+      ...form.value,
+      id: form.value.id || undefined,
+      expiresAt: expiresLocal.value ? new Date(expiresLocal.value).getTime() : 0,
+    }
+    const r = await send('roblox-announcement/save', payload as any)
+    if (r?.ok) {
+      message.success(r.message)
+      editing.value = false
+    } else {
+      message.error(r?.message || '保存失败')
+    }
+  } catch (e: any) {
+    message.error(e?.message || '保存失败')
+  } finally {
+    busy.value = false
+  }
+}
+
+async function act(action: 'publish' | 'expire', id: string) {
+  busy.value = true
+  try {
+    const r = await send(`roblox-announcement/${action}` as any, id)
+    if (r?.ok) message.success(r.message)
+    else message.error(r?.message || '操作失败')
+  } catch (e: any) {
+    message.error(e?.message || '操作失败')
+  } finally {
+    busy.value = false
+  }
+}
+
+async function remove(id: string) {
+  if (!window.confirm('确认删除该公告？相关接收记录将一并删除。')) return
+  busy.value = true
+  try {
+    const r = await send('roblox-announcement/delete', id)
+    if (r?.ok) message.success(r.message)
+    else message.error(r?.message || '删除失败')
+  } catch (e: any) {
+    message.error(e?.message || '删除失败')
+  } finally {
+    busy.value = false
+  }
+}
+
+function statusName(status?: string) {
+  return { draft: '草稿', published: '已发布', expired: '已过期' }[status ?? ''] || status
+}
+
+function levelsLabel(levels: number[]) {
+  if (levels.includes(0)) return '全体用户'
+  return levels.map((v) => `${v} 级`).join('、')
+}
+
+function fmtTime(ts?: number) {
+  if (!ts) return '-'
+  const d = new Date(ts)
+  const p = (n: number) => String(n).padStart(2, '0')
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`
+}
+
+function toLocalInput(ts: number) {
+  const d = new Date(ts)
+  const p = (n: number) => String(n).padStart(2, '0')
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}T${p(d.getHours())}:${p(d.getMinutes())}`
+}
+</script>

package/client/audit.vue

@@ -0,0 +1,99 @@
+<template>
+  <k-layout>
+    <div class="roblox-audit-page">
+      <h2>待人工审核（{{ pending.length }} 条）</h2>
+      <div v-if="!pending.length" class="audit-empty">暂无待审记录</div>
+      <div v-else class="audit-cards">
+        <div v-for="item in pending" :key="item.id" class="audit-card">
+          <img v-if="item.pic" :src="item.pic" class="audit-pic" referrerpolicy="no-referrer" />
+          <div v-else class="audit-pic-none">（无图片，文本命中）</div>
+          <div class="audit-body">
+            <div class="audit-line"><b>记录 ID：</b>{{ item.id }}</div>
+            <div class="audit-line"><b>调用者 ID：</b>{{ item.reporterId }}<template v-if="item.reporterName && item.reporterName !== item.reporterId">（{{ item.reporterName }}）</template></div>
+            <div class="audit-line"><b>目标：</b>{{ targetTypeName(item.targetType) }} {{ item.targetName || item.targetId || '-' }}<template v-if="item.targetId">（ID: {{ item.targetId }}）</template></div>
+            <div class="audit-line"><b>违规类型：</b>{{ item.violationType }}</div>
+            <div class="audit-line"><b>命中原因：</b>{{ item.reason || '-' }}</div>
+            <div class="audit-line"><b>提交时间：</b>{{ fmtTime(item.createdAt) }}</div>
+            <div class="audit-summary">{{ item.summary }}</div>
+          </div>
+          <div class="audit-actions">
+            <button class="btn-violation" :disabled="busy === item.id" @click="resolve(item.id, 'violation')">违规</button>
+            <button class="btn-ok" :disabled="busy === item.id" @click="resolve(item.id, 'ok')">不违规</button>
+          </div>
+        </div>
+      </div>
+
+      <h2>审核日志（最近 {{ log.length }} 条）</h2>
+      <table class="audit-log-table">
+        <thead>
+          <tr>
+            <th>记录 ID</th>
+            <th>调用者 ID</th>
+            <th>目标</th>
+            <th>命中原因</th>
+            <th>提交时间</th>
+            <th>审核前状态</th>
+            <th>审核后状态</th>
+            <th>裁定结果</th>
+            <th>处罚</th>
+            <th>审核时间</th>
+            <th>审核人</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="item in log" :key="item.id">
+            <td>{{ item.id }}</td>
+            <td>{{ item.reporterId }}</td>
+            <td>{{ targetTypeName(item.targetType) }} {{ item.targetName || item.targetId || '-' }}</td>
+            <td>{{ item.reason || '-' }}</td>
+            <td>{{ fmtTime(item.createdAt) }}</td>
+            <td>待审核</td>
+            <td :class="'status-' + item.status">{{ statusName(item.status) }}</td>
+            <td>{{ item.verdict === 'violation' ? '违规' : item.verdict === 'ok' ? '不违规' : '-' }}</td>
+            <td>{{ item.appliedLevel ? `${item.appliedLevel} / ${item.appliedDays ?? '-'} 天` : '-' }}</td>
+            <td>{{ item.resolvedAt ? fmtTime(item.resolvedAt) : '-' }}</td>
+            <td>{{ item.resolvedBy || '-' }}</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </k-layout>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref } from 'vue'
+import { store, send, message } from '@koishijs/client'
+
+const busy = ref('')
+
+const pending = computed(() => store['roblox-audit']?.pending ?? [])
+const log = computed(() => store['roblox-audit']?.log ?? [])
+
+function fmtTime(ts?: number) {
+  if (!ts) return '-'
+  const d = new Date(ts)
+  const p = (n: number) => String(n).padStart(2, '0')
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}`
+}
+
+function targetTypeName(type?: string) {
+  return { user: '用户', game: '游戏', group: '群组' }[type ?? ''] || ''
+}
+
+function statusName(status?: string) {
+  return { pending: '待审核', approved: '已裁定违规', rejected: '已裁定误判' }[status ?? ''] || status
+}
+
+async function resolve(id: string, verdict: 'violation' | 'ok') {
+  busy.value = id
+  try {
+    const r = await send('roblox-audit/resolve', id, verdict as any)
+    if (r?.ok) message.success(r.message)
+    else message.error(r?.message || '操作失败')
+  } catch (e: any) {
+    message.error(e?.message || '操作失败')
+  } finally {
+    busy.value = ''
+  }
+}
+</script>

package/client/index.scss

@@ -0,0 +1,299 @@
+.roblox-audit-page {
+  padding: 1rem 1.5rem 3rem;
+
+  h2 {
+    margin: 0.5rem 0 1rem;
+    font-size: 1.15rem;
+  }
+
+  .audit-empty {
+    color: var(--k-color-disabled);
+    padding: 1rem 0 2rem;
+  }
+
+  .audit-cards {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+  }
+
+  .audit-card {
+    width: 300px;
+    border: 1px solid var(--k-color-divider);
+    border-radius: 8px;
+    background: var(--k-card-bg);
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    .audit-pic {
+      width: 100%;
+      height: 180px;
+      object-fit: contain;
+      background: #00000010;
+    }
+
+    .audit-pic-none {
+      width: 100%;
+      height: 180px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--k-color-disabled);
+      background: #00000010;
+    }
+
+    .audit-body {
+      padding: 0.6rem 0.8rem;
+      font-size: 13px;
+      line-height: 1.7;
+      flex: 1;
+
+      .audit-line b {
+        margin-right: 0.3em;
+      }
+
+      .audit-summary {
+        margin-top: 0.3rem;
+        padding: 0.35rem 0.5rem;
+        background: #00000010;
+        border-radius: 4px;
+        max-height: 6em;
+        overflow: auto;
+        white-space: pre-wrap;
+        word-break: break-all;
+      }
+    }
+
+    .audit-actions {
+      display: flex;
+      gap: 0.6rem;
+      padding: 0.6rem 0.8rem 0.8rem;
+
+      button {
+        flex: 1;
+        padding: 0.4rem 0;
+        border: none;
+        border-radius: 4px;
+        color: #fff;
+        cursor: pointer;
+        font-size: 13px;
+
+        &:disabled {
+          opacity: 0.5;
+          cursor: not-allowed;
+        }
+      }
+
+      .btn-violation {
+        background: #d9534f;
+      }
+
+      .btn-ok {
+        background: #5cb85c;
+      }
+    }
+  }
+
+  .audit-log-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 13px;
+
+    th, td {
+      border: 1px solid var(--k-color-divider);
+      padding: 0.35rem 0.6rem;
+      text-align: left;
+      word-break: break-all;
+    }
+
+    th {
+      background: #00000010;
+    }
+
+    .status-pending { color: #e6a23c; }
+    .status-approved { color: #d9534f; }
+    .status-rejected { color: #5cb85c; }
+  }
+}
+
+.roblox-announcement-page {
+  padding: 1rem 1.5rem 3rem;
+
+  h2 {
+    margin: 0.5rem 0 1rem;
+    font-size: 1.15rem;
+  }
+
+  button {
+    padding: 0.35rem 0.9rem;
+    border: 1px solid var(--k-color-divider);
+    border-radius: 4px;
+    background: var(--k-card-bg);
+    cursor: pointer;
+    font-size: 13px;
+
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  }
+
+  .btn-primary {
+    background: #409eff;
+    border-color: #409eff;
+    color: #fff;
+  }
+
+  .btn-danger {
+    background: #d9534f;
+    border-color: #d9534f;
+    color: #fff;
+  }
+
+  .ann-toolbar {
+    margin-bottom: 1rem;
+  }
+
+  .ann-editor {
+    max-width: 860px;
+
+    .ann-field {
+      margin-bottom: 1rem;
+
+      > label {
+        display: block;
+        margin-bottom: 0.35rem;
+        font-weight: 600;
+        font-size: 13px;
+      }
+
+      input, textarea {
+        width: 100%;
+        box-sizing: border-box;
+        padding: 0.45rem 0.6rem;
+        border: 1px solid var(--k-color-divider);
+        border-radius: 4px;
+        background: var(--k-card-bg);
+        color: inherit;
+        font-size: 13px;
+        font-family: inherit;
+      }
+
+      textarea {
+        font-family: monospace;
+        resize: vertical;
+      }
+    }
+
+    .ann-inline input {
+      width: 240px;
+    }
+
+    .ann-levels {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.4rem 1.2rem;
+
+      .ann-level-item {
+        display: flex;
+        align-items: center;
+        gap: 0.3rem;
+        font-size: 13px;
+        cursor: pointer;
+
+        input {
+          width: auto;
+        }
+      }
+    }
+
+    .ann-audience {
+      margin-top: 0.5rem;
+      font-size: 13px;
+      color: var(--k-color-disabled);
+
+      b {
+        color: #409eff;
+      }
+    }
+
+    .ann-preview {
+      border: 1px solid var(--k-color-divider);
+      border-radius: 4px;
+      padding: 0.8rem 1rem;
+      min-height: 4em;
+      font-size: 14px;
+      line-height: 1.7;
+
+      pre {
+        background: #00000010;
+        padding: 0.5rem 0.7rem;
+        border-radius: 4px;
+        overflow: auto;
+      }
+
+      code {
+        background: #00000010;
+        padding: 0.1em 0.35em;
+        border-radius: 3px;
+      }
+
+      blockquote {
+        margin: 0.4em 0;
+        padding: 0.2em 0.8em;
+        border-left: 3px solid var(--k-color-divider);
+        color: var(--k-color-disabled);
+      }
+
+      img {
+        max-width: 100%;
+      }
+    }
+
+    .ann-actions {
+      display: flex;
+      gap: 0.6rem;
+    }
+  }
+
+  .ann-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 13px;
+
+    th, td {
+      border: 1px solid var(--k-color-divider);
+      padding: 0.35rem 0.6rem;
+      text-align: left;
+      word-break: break-all;
+    }
+
+    th {
+      background: #00000010;
+    }
+
+    .ann-empty {
+      text-align: center;
+      color: var(--k-color-disabled);
+      padding: 1.2rem 0;
+    }
+
+    .ann-id {
+      font-family: monospace;
+      white-space: nowrap;
+    }
+
+    .ann-ops {
+      white-space: nowrap;
+
+      button {
+        margin-right: 0.4rem;
+      }
+    }
+
+    .status-draft { color: #e6a23c; }
+    .status-published { color: #5cb85c; }
+    .status-expired { color: var(--k-color-disabled); }
+  }
+}

package/client/index.ts

@@ -0,0 +1,23 @@
+import { Context } from '@koishijs/client'
+import Page from './audit.vue'
+import AnnouncementPage from './announcement.vue'
+import './index.scss'
+
+export default (ctx: Context) => {
+  ctx.page({
+    name: 'Roblox 人工审核',
+    path: '/roblox-audit',
+    // 需要控制台登录用户具备 3 级及以上权限（配合 @koishijs/plugin-auth）
+    authority: 3,
+    fields: ['roblox-audit'],
+    component: Page,
+  })
+  ctx.page({
+    name: 'Roblox 公告管理',
+    path: '/roblox-announcement',
+    // 公告管理仅限管理员（4 级及以上权限，配合 @koishijs/plugin-auth）
+    authority: 4,
+    fields: ['roblox-announcement'],
+    component: AnnouncementPage,
+  })
+}