博客 / 詳情

返回

AIGC項目中的【模板進程】方案的設計實踐

1 項目介紹

1.1 項目背景

簡單一句話:模板進程是流程的子流程;往往用於比較複雜的aigc項目流程中。

由於一個模板有多個流程,一個運營人員可以操作多個流程,也可創建多個流程。在模板推薦時,就會導致不知道是哪次流程。

1.2 項目目標

為了區分模板中流程,就需要增加進程的概念(子流程),為了方便運營理解,此處也叫模板進程。

2 需求分析

2.1 底層邏輯

1、場景模板、指令觸發模板均支持實例,模板數據支持根據實例進行隔離(原來啓航項目創建多個SC,每次都需要澄清,現在根據進程隔離,當一個進程中存在多個SC時,才需要澄清),公共信息存儲需要新增實例查詢等能力

2、進程不會結束,支持移除(邏輯刪除,不真實刪除),僅進程創建人可刪除自己創建的進程,項目管理員可刪除所有進場,無權限不顯示刪除按鈕(需要增加埋點,記錄操作人及時間)

3、模板卡片的步驟流程狀態,根據進程獨立顯示。

2.2 觸發方式

1、【自動顯示】每次進入項目詳情頁,若全部進程中存在進程,自動顯示此卡片,無進程不顯示。

2、【指令觸發】輸入:進程/場景進程/模板進程

3、無進程,用户觸發任意步驟,均創建一個新的進程

4、用户可根據需求選擇【新建進程】

2.3 進程分類

1、區分:全部進程、我的進程

2、每次觸發卡片。默認打開【全部進程】

3、卡片引導文案,如下

全部進程:以下當前項目下正在進行中的所有進程,請選擇。

我的進程:以下是您在當前項目下正在進行中的所有進程,請選擇。

4、全部進程顯示邏輯:顯示當前項目的所有進程,按照創建時間倒序顯示

2.4 進程詳情

1、顯示字段

進程名稱:默認顯示模板名稱,支持編輯

創建時間:進程創建時間,年月日 時分秒

創建人:顯示創建人頭像、中文名,點擊支持快速喚起京ME進行對話

模板進度:顯示當前模板進程實例中步驟完成情況

當前步驟信息:顯示當前板進程實例中最新的正在操作/代操作的步驟

當前步驟操作人:若當前步驟有操作人,顯示當前操作人信息,像是規則同創建人,若當前步驟操作人不顯示該字段信息

2.5 進程名稱修改

1、點擊編輯按鈕,進程名稱可編輯(保留原名稱),最多支持1-20漢字長度,支持特殊字符。

2、刪除空內容時,顯示提示內容:支持1-20漢字

3、點擊其他區域直接保存內容(若保存時,名稱無內容,直接填充原始內容-模板名稱)

2.6 刪除進程

1、僅進程創建人可刪除自己創建的進程,項目管理員可刪除所有進場,無權限不顯示刪除按鈕

2、點擊刪除按鈕,顯示彈窗,二次確認

彈窗內容:是否確認刪除此進程,進程刪除後對應產生的數據建無法修改以及編輯,請慎重操作!

2.7 新建進程

點擊新建進程,後自動喚起場景模板引導卡片,新卡片無進程,用户點擊任意步驟後,創建新進程實例



3 概要設計

3.1 系統流程圖


在這裏插入圖片描述



3.2 進程設計邏輯

在這裏插入圖片描述



3.3 進程卡片邏輯

在這裏插入圖片描述

4 詳細設計

4.1 各模塊實現方案

1、自動卡片展示:每當用户訪問項目詳情頁面時,系統將自動檢測當前是否有任何進程正在運行。若存在進程,則立即顯示相應的卡片信息;若當前無進程進行,則卡片不會顯示,以保持界面的整潔性。

2、指令式激活:用户可通過輸入特定的指令來觸發相關功能,這些指令包括“進程”、“場景進程”或“模板進程”。輸入任一指令後,系統將根據指令內容執行相應的操作或展示相關信息。

3、新建進程機制:若當前系統檢測到沒有正在進行的進程,並且用户嘗試通過任何方式(如點擊按鈕、輸入指令等)觸發與進程相關的操作,系統將自動為用户創建一個全新的進程實例,以滿足用户的操作需求。

4、用户自定義新建:此外,為了提供更高的靈活性和便捷性,用户還可以根據自己的具體需求,主動選擇【新建進程】的選項來手動創建一個新的進程。這一功能允許用户隨時根據自己的工作計劃或項目需求,快速啓動新的任務或項目進程。

5、進程的增刪改查:添加、修改名字、搜索等邏輯。

4.2 實現方案詳細設計

以下為詳細設計方案

在這裏插入圖片描述

4.3 模版進程卡片設計

卡片樣式配置規則

subType: "subType"

cardStyle: "subType\_card\_style" (控制樣式專用)

在這裏插入圖片描述



卡片數據結構

"cardInfo": {
    "title": "", // 卡片名稱
    "subType": "full_work_card", // 卡片標識
    "workItem":{
        "allItem":"全部進程",
        "userItem": "僅我創建",
        "myTurnItem": "輪到我的",
    }
    "newItem":"新建進程",
}
// 返回給後端結構
{
    "ext":{
        "skillCall": {
            "domainCode": "",
            "commandCode": "",
            "workId": ""
        }
    }
}

5 實際效果

點擊項目詳情,聊天助手打開進程卡片:

在這裏插入圖片描述



點擊 “測2” 進程,進入如下頁面:

在這裏插入圖片描述



**

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.