feat: 光子添加我的主页页面

This commit is contained in:
caoqianming 2025-12-12 10:35:25 +08:00
parent 9797b51ded
commit 966603c422
1 changed files with 17 additions and 5 deletions

View File

@ -31,7 +31,8 @@
<div class="statNumber">{{ ownerCount }}</div> <div class="statNumber">{{ ownerCount }}</div>
</div> </div>
</div> </div>
<div class="quickActionsCard"> <div style="display: flex;gap: 15px;">
<div class="quickActionsCard" style="flex:3;">
<div class="quickActionsTitle">发起流程</div> <div class="quickActionsTitle">发起流程</div>
<div class="quickActionsGrid"> <div class="quickActionsGrid">
<div class="actionItem" v-for="group in wfOptions" :key="group.category" @click="startGroup(group)"> <div class="actionItem" v-for="group in wfOptions" :key="group.category" @click="startGroup(group)">
@ -39,6 +40,16 @@
<div class="actionLabel">{{ group.category }}</div> <div class="actionLabel">{{ group.category }}</div>
</div> </div>
</div> </div>
</div>
<div class="quickActionsCard">
<div class="quickActionsTitle">流程统计</div>
<scTable :apiObj="API.wf.workflow.ticketCount" hidePagination hideDo :height="300" row-key="id">
<el-table-column prop="workflow_cate" label="流程分类"></el-table-column>
<el-table-column prop="workflow_name" label="流程名称"></el-table-column>
<el-table-column prop="count_processing" width="180" label="进行中"></el-table-column>
<el-table-column prop="count_done" width="180" label="已完成"></el-table-column>
</scTable>
</div>
</div> </div>
</div> </div>
<el-dialog v-model="dialogVisible" :title="dialogTitle"> <el-dialog v-model="dialogVisible" :title="dialogTitle">
@ -153,7 +164,7 @@ const handleSuccess = () => {
background: linear-gradient(135deg, background: linear-gradient(135deg,
rgba(58, 149, 255, 0.95) 0%, rgba(58, 149, 255, 0.95) 0%,
rgba(27, 92, 255, 0.95) 100%); rgba(27, 92, 255, 0.95) 100%);
border-radius: 12px; border-radius: 2px;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
@ -368,7 +379,7 @@ const handleSuccess = () => {
.statCard { .statCard {
flex: 1; flex: 1;
background: white; background: white;
border-radius: 12px; border-radius: 2px;
padding: 20px; padding: 20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
text-align: center; text-align: center;
@ -390,9 +401,10 @@ const handleSuccess = () => {
/* 快速操作卡片样式 */ /* 快速操作卡片样式 */
.quickActionsCard { .quickActionsCard {
background: white; background: white;
border-radius: 12px; border-radius: 2px;
padding: 20px; padding: 20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
flex: 2;
} }
.quickActionsTitle { .quickActionsTitle {
@ -405,7 +417,7 @@ const handleSuccess = () => {
.quickActionsGrid { .quickActionsGrid {
display: grid; display: grid;
grid-template-columns: repeat(8, 1fr); grid-template-columns: repeat(6, 1fr);
gap: 6px; gap: 6px;
} }