feat: 读标可以走完一份文件；审计待确认区，修规则缺陷、提示词出新版本
读标操作（FR-M2-07、08） - 后端：清单项详情（ETag）、修改（If-Match 选填，记 edited_fields 和 AI 原值）、 采纳（补出处或声明「人工确认、无出处」，可带修改）、删除 / 丢弃与恢复、人工新增、 替换出处、人工建出处（选同一页的句子）、修改记录（来自审计）、确认清单（不可变版本， 内容没变复用上一版）、版本列表；正式清单有变化时已确认的清单回到草稿；项目已递交只读 - 重新解析不推翻人工决定：丢弃的不再冒出来，采纳的留在正式清单，人工补过的出处不被覆盖 - 前端：待确认区采纳 / 补上出处后采纳 / 修改后采纳 / 丢弃，正式清单修改、补出处、删除 （可撤销）、修改记录、新增条目、确认清单；pdf.js 原文查看器（点出处跳页、按坐标框高亮、 选句补出处），整屏对照布局，J / K 上下条；跨页的一句话合成一处出处显示 待确认审计（架构 §13 SK11） - 规则只修真正的缺陷：表格框线不算下划线（文字层 v3）；句号后的右括号并进同一句 （切句 s3-v3）；中文编号小节和冒号编号条目的上级条款，依据沿上级链核对；取值认中文 数字、同一行单元格和评分因素标题；补几种无效写法；比对引文前去掉我们加进输入的标记 - 不放宽：引文最短 8 个字、编号必须对、证据全部通过 - 提示词新版本：substantive v3，qualification / scoring / schedule / tech_param v2； 引文复制整句、并列多项不拆、跨页只引上一行，除实质性条款外输入改成纯文本 - BD_AI_MODELS 按提示词声明的能力选模型；离线评测工具 evals/run_extract.py - 待确认：国动 46 → 4，S02 17 → 13，S06 174 → 57 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
YANG JIANKUAN
186
apps/web/src/components/ItemDialog.vue
Normal file
186
apps/web/src/components/ItemDialog.vue
Normal file
@@ -0,0 +1,186 @@
|
||||
<script setup lang="ts">
|
||||
/**
|
||||
* 清单项对话框（宽 640，§7.14）：修改、修改后采纳、新增条目共用。
|
||||
* - 只提交改过的字段（PATCH 语义），服务端据此记 edited_fields 和修改记录；
|
||||
* - ★ 条款不满足就会被判无效，选 ★ 时自动带上「无效条款」分类（FR-M2-05）；
|
||||
* - 要求原文是招标文件的原话，AI 提取的条目不能改，人工添加的可以写；
|
||||
* - 采纳没有出处的条目：要么去原文选句子，要么勾选「人工确认、无出处」（红线 2）。
|
||||
*/
|
||||
import { X } from "@lucide/vue";
|
||||
import { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "reka-ui";
|
||||
import { computed, ref, watch } from "vue";
|
||||
import { errorTitle, isApiError } from "@/lib/api";
|
||||
import type { ItemFields } from "@/lib/checklistOps";
|
||||
import { category, CATEGORY_ORDER, IMPORTANCE_MARK, IMPORTANCE_NAME } from "@/lib/labels";
|
||||
import type { ChecklistItem } from "@/lib/queries";
|
||||
|
||||
type Mode = "edit" | "accept" | "create";
|
||||
type Cat = ChecklistItem["categories"][number];
|
||||
type Imp = ChecklistItem["importance"];
|
||||
|
||||
const props = defineProps<{ mode: Mode; item?: ChecklistItem | null; defaultCategory?: Cat }>();
|
||||
const open = defineModel<boolean>("open", { required: true });
|
||||
const emit = defineEmits<{
|
||||
/** 提交：changes 只含改过的字段；ack = 人工确认、无出处 */
|
||||
submit: [changes: ItemFields, ack: boolean, done: (err?: unknown) => void];
|
||||
/** 采纳前先去原文选句子补出处；带上已经改了的字段，选完句子一起采纳 */
|
||||
pick: [changes: ItemFields];
|
||||
}>();
|
||||
|
||||
const title = ref("");
|
||||
const cats = ref<Cat[]>([]);
|
||||
const imp = ref<Imp>("normal");
|
||||
const evidence = ref("");
|
||||
const reqText = ref("");
|
||||
const ack = ref(false);
|
||||
const busy = ref(false);
|
||||
const err = ref("");
|
||||
const titleErr = ref("");
|
||||
const catErr = ref("");
|
||||
|
||||
watch(open, (v) => {
|
||||
if (!v) return;
|
||||
const i = props.item;
|
||||
title.value = i?.title ?? "";
|
||||
cats.value = i ? [...i.categories] : props.defaultCategory ? [props.defaultCategory] : [];
|
||||
imp.value = i?.importance ?? "normal";
|
||||
evidence.value = i?.evidence_required ?? "";
|
||||
reqText.value = i?.requirement_text ?? "";
|
||||
ack.value = false;
|
||||
err.value = titleErr.value = catErr.value = "";
|
||||
});
|
||||
|
||||
const heading = computed(() => ({ edit: "修改条目", accept: "修改后采纳", create: "新增条目" })[props.mode]);
|
||||
const okText = computed(() => ({ edit: "保存", accept: "采纳", create: "添加" })[props.mode]);
|
||||
const reqEditable = computed(() => props.mode === "create" || props.item?.origin === "human");
|
||||
const noCite = computed(() => props.mode === "accept" && !props.item?.citations.length);
|
||||
|
||||
function toggleCat(c: Cat) {
|
||||
if (cats.value.includes(c)) {
|
||||
if (!(c === "invalidity" && imp.value === "substantive")) cats.value = cats.value.filter((x) => x !== c);
|
||||
} else cats.value = [...cats.value, c];
|
||||
}
|
||||
function setImp(v: Imp) {
|
||||
imp.value = v;
|
||||
if (v === "substantive" && !cats.value.includes("invalidity")) cats.value = [...cats.value, "invalidity"];
|
||||
}
|
||||
|
||||
function changes(): ItemFields {
|
||||
const i = props.item;
|
||||
const out: ItemFields = {};
|
||||
const t = title.value.trim();
|
||||
if (!i || t !== i.title) out.title = t;
|
||||
const order = (xs: Cat[]) => CATEGORY_ORDER.filter((c) => xs.includes(c));
|
||||
if (!i || order(cats.value).join() !== order(i.categories).join()) out.categories = order(cats.value);
|
||||
if (!i || imp.value !== i.importance) out.importance = imp.value;
|
||||
const ev = evidence.value.trim() || null;
|
||||
if (ev !== (i?.evidence_required ?? null)) out.evidence_required = ev;
|
||||
const rt = reqText.value.trim() || null;
|
||||
if (reqEditable.value && rt !== (i?.requirement_text ?? null)) out.requirement_text = rt;
|
||||
return out;
|
||||
}
|
||||
|
||||
function submit() {
|
||||
err.value = titleErr.value = catErr.value = "";
|
||||
if (!title.value.trim()) titleErr.value = "请写下这条要求";
|
||||
if (!cats.value.length) catErr.value = "至少选一个分类";
|
||||
if (titleErr.value || catErr.value) return;
|
||||
if (noCite.value && !ack.value) {
|
||||
err.value = "这一条没有出处：去原文选句子，或者勾选「人工确认、无出处」";
|
||||
return;
|
||||
}
|
||||
busy.value = true;
|
||||
emit("submit", changes(), noCite.value && ack.value, (e) => {
|
||||
busy.value = false;
|
||||
if (!e) open.value = false;
|
||||
else err.value = isApiError(e) && e.problem.detail ? e.problem.detail : errorTitle(e);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<DialogRoot v-model:open="open">
|
||||
<DialogPortal>
|
||||
<DialogOverlay class="scrim">
|
||||
<DialogContent class="dialog wide" :aria-describedby="undefined">
|
||||
<DialogTitle as="h2">{{ heading }}</DialogTitle>
|
||||
<DialogClose class="icon-btn sm x" aria-label="关闭"><X class="ic" :stroke-width="1.5" /></DialogClose>
|
||||
<form class="body" @submit.prevent="submit">
|
||||
<div class="field fill" :class="{ err: titleErr }">
|
||||
<label for="it-title">要求 <small>（必填）</small></label>
|
||||
<input id="it-title" v-model="title" class="input" maxlength="200" placeholder="一句话写清要求，如「须提供原厂授权书」" />
|
||||
<span v-if="titleErr" class="msg"><span class="ico w" aria-hidden="true">!</span>{{ titleErr }}</span>
|
||||
</div>
|
||||
<div class="field fill" :class="{ err: catErr }">
|
||||
<label>分类 <small>（可多选）</small></label>
|
||||
<div class="chips-row">
|
||||
<label v-for="c in CATEGORY_ORDER" :key="c" class="choice">
|
||||
<input type="checkbox" class="ck" :checked="cats.includes(c)" @change="toggleCat(c)" />{{ category(c) }}
|
||||
</label>
|
||||
</div>
|
||||
<span v-if="catErr" class="msg"><span class="ico w" aria-hidden="true">!</span>{{ catErr }}</span>
|
||||
</div>
|
||||
<div class="field fill">
|
||||
<label>重要性</label>
|
||||
<div class="seg" role="group" aria-label="重要性">
|
||||
<button v-for="v in (['substantive', 'important', 'normal'] as const)" :key="v" type="button" :aria-pressed="imp === v" @click="setImp(v)">
|
||||
<span v-if="IMPORTANCE_MARK[v]">{{ IMPORTANCE_MARK[v] }}</span>{{ IMPORTANCE_NAME[v] }}
|
||||
</button>
|
||||
</div>
|
||||
<span v-if="imp === 'substantive'" class="msg">★ 条款不满足就会被判无效，已同时归在「无效条款」</span>
|
||||
</div>
|
||||
<div class="field fill">
|
||||
<label for="it-ev">证明材料 <small>（选填）</small></label>
|
||||
<input id="it-ev" v-model="evidence" class="input" placeholder="如「提供营业执照副本复印件并加盖公章」" />
|
||||
</div>
|
||||
<div v-if="reqEditable" class="field fill">
|
||||
<label for="it-req">招标文件原文 <small>（选填）</small></label>
|
||||
<textarea id="it-req" v-model="reqText" class="input" placeholder="照录招标文件里的原话"></textarea>
|
||||
</div>
|
||||
<div v-else-if="item?.requirement_text" class="field fill">
|
||||
<label>招标文件原文 <small>（只读）</small></label>
|
||||
<p class="orig">{{ item.requirement_text }}</p>
|
||||
</div>
|
||||
<div v-if="noCite" class="field fill">
|
||||
<label>出处</label>
|
||||
<p class="cap muted">这一条没有出处。可以 <button type="button" class="lnk" @click="emit('pick', changes()); open = false">去原文选句子</button>，或者：</p>
|
||||
<label class="choice"><input v-model="ack" type="checkbox" class="ck" />找不到出处，按「人工确认、无出处」采纳</label>
|
||||
</div>
|
||||
<p v-if="mode === 'create'" class="cap muted note">人工添加的条目标注「人工添加」，可以没有出处；要补出处，添加后在原文里选句子。</p>
|
||||
<p v-if="err" class="hint-warn" role="alert"><span class="ico w" aria-hidden="true">!</span>{{ err }}</p>
|
||||
<div class="foot">
|
||||
<DialogClose class="btn" type="button" :disabled="busy">取消</DialogClose>
|
||||
<button type="submit" class="btn primary swap" :class="{ 'is-loading': busy }" :disabled="busy">
|
||||
<span class="idle">{{ okText }}</span><span class="busy">正在保存…</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</DialogContent>
|
||||
</DialogOverlay>
|
||||
</DialogPortal>
|
||||
</DialogRoot>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.body .field + .field {
|
||||
margin-top: var(--sp-4);
|
||||
}
|
||||
.chips-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: var(--sp-2) var(--sp-4);
|
||||
}
|
||||
.orig {
|
||||
margin: 0;
|
||||
padding: var(--sp-2) var(--sp-3);
|
||||
background: var(--c-n50);
|
||||
border-radius: var(--radius-ctl);
|
||||
line-height: var(--lh-read);
|
||||
max-height: 160px;
|
||||
overflow: auto;
|
||||
}
|
||||
.note,
|
||||
.hint-warn {
|
||||
margin: var(--sp-4) 0 0;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user