You've already forked agentic-coding-workflow
style(web): lint --fix sweep + disable no-undef for ts/vue (DOM globals)
This commit is contained in:
@@ -4,18 +4,35 @@
|
||||
<div class="space-y-4">
|
||||
<!-- Header -->
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-2xl font-semibold">需求列表</h1>
|
||||
<h1 class="text-2xl font-semibold">
|
||||
需求列表
|
||||
</h1>
|
||||
<div class="flex items-center gap-3">
|
||||
<NRadioGroup v-model:value="viewMode" size="small">
|
||||
<NRadioButton value="kanban">看板</NRadioButton>
|
||||
<NRadioButton value="table">表格</NRadioButton>
|
||||
<NRadioGroup
|
||||
v-model:value="viewMode"
|
||||
size="small"
|
||||
>
|
||||
<NRadioButton value="kanban">
|
||||
看板
|
||||
</NRadioButton>
|
||||
<NRadioButton value="table">
|
||||
表格
|
||||
</NRadioButton>
|
||||
</NRadioGroup>
|
||||
<NButton type="primary" @click="showCreate = true">新建需求</NButton>
|
||||
<NButton
|
||||
type="primary"
|
||||
@click="showCreate = true"
|
||||
>
|
||||
新建需求
|
||||
</NButton>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Kanban view -->
|
||||
<div v-if="viewMode === 'kanban'" class="flex gap-3 overflow-x-auto pb-2">
|
||||
<div
|
||||
v-if="viewMode === 'kanban'"
|
||||
class="flex gap-3 overflow-x-auto pb-2"
|
||||
>
|
||||
<div
|
||||
v-for="phase in PHASES"
|
||||
:key="phase"
|
||||
@@ -39,14 +56,22 @@
|
||||
<div class="space-y-1">
|
||||
<div class="flex items-center justify-between gap-1">
|
||||
<span class="text-xs text-gray-400 font-mono">#{{ r.number }}</span>
|
||||
<NTag :type="r.status === 'open' ? 'success' : 'default'" size="tiny">
|
||||
<NTag
|
||||
:type="r.status === 'open' ? 'success' : 'default'"
|
||||
size="tiny"
|
||||
>
|
||||
{{ r.status === 'open' ? '开放' : '关闭' }}
|
||||
</NTag>
|
||||
</div>
|
||||
<p class="text-sm font-medium leading-snug">{{ r.title }}</p>
|
||||
<p class="text-sm font-medium leading-snug">
|
||||
{{ r.title }}
|
||||
</p>
|
||||
</div>
|
||||
</NCard>
|
||||
<div v-if="columnItems(phase).length === 0" class="text-xs text-gray-300 text-center py-4">
|
||||
<div
|
||||
v-if="columnItems(phase).length === 0"
|
||||
class="text-xs text-gray-300 text-center py-4"
|
||||
>
|
||||
拖放到此处
|
||||
</div>
|
||||
</div>
|
||||
@@ -62,27 +87,56 @@
|
||||
striped
|
||||
/>
|
||||
|
||||
<div v-if="!store.loading && store.items.length === 0" class="text-gray-400 text-sm py-8 text-center">
|
||||
<div
|
||||
v-if="!store.loading && store.items.length === 0"
|
||||
class="text-gray-400 text-sm py-8 text-center"
|
||||
>
|
||||
暂无需求,点击「新建需求」创建第一条。
|
||||
</div>
|
||||
</div>
|
||||
</NSpin>
|
||||
|
||||
<!-- Create modal -->
|
||||
<NModal v-model:show="showCreate" preset="card" title="新建需求" class="w-full max-w-md">
|
||||
<NModal
|
||||
v-model:show="showCreate"
|
||||
preset="card"
|
||||
title="新建需求"
|
||||
class="w-full max-w-md"
|
||||
>
|
||||
<NForm @submit.prevent="onSubmit">
|
||||
<NFormItem label="标题">
|
||||
<NInput v-model:value="form.title" placeholder="需求标题" />
|
||||
<NInput
|
||||
v-model:value="form.title"
|
||||
placeholder="需求标题"
|
||||
/>
|
||||
</NFormItem>
|
||||
<NFormItem label="描述">
|
||||
<NInput v-model:value="form.description" type="textarea" :rows="4" placeholder="(可选)" />
|
||||
<NInput
|
||||
v-model:value="form.description"
|
||||
type="textarea"
|
||||
:rows="4"
|
||||
placeholder="(可选)"
|
||||
/>
|
||||
</NFormItem>
|
||||
<div class="flex justify-end gap-2 mt-4">
|
||||
<NButton @click="showCreate = false">取消</NButton>
|
||||
<NButton type="primary" attr-type="submit" :loading="creating">创建</NButton>
|
||||
<NButton @click="showCreate = false">
|
||||
取消
|
||||
</NButton>
|
||||
<NButton
|
||||
type="primary"
|
||||
attr-type="submit"
|
||||
:loading="creating"
|
||||
>
|
||||
创建
|
||||
</NButton>
|
||||
</div>
|
||||
</NForm>
|
||||
<p v-if="createError" class="text-red-500 text-sm mt-2">{{ createError }}</p>
|
||||
<p
|
||||
v-if="createError"
|
||||
class="text-red-500 text-sm mt-2"
|
||||
>
|
||||
{{ createError }}
|
||||
</p>
|
||||
</NModal>
|
||||
</AppShell>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user