feat: 光子添加我的主页页面
This commit is contained in:
parent
9797b51ded
commit
966603c422
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue