首页样式修改
This commit is contained in:
parent
8ffd379964
commit
dc7b9e2f91
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<el-row :gutter="6">
|
||||
<el-col :md="4" :sm="24">
|
||||
<el-col :md="3" :sm="24">
|
||||
<el-card shadow="hover">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
|
|
@ -9,20 +9,15 @@
|
|||
</template>
|
||||
<div class="card-body">
|
||||
<div v-for="item in dutyAgg" :key="item.workflow">
|
||||
<el-badge :value="item.count" class="item">
|
||||
<el-button
|
||||
icon="el-icon-promotion"
|
||||
type="primary"
|
||||
size="small"
|
||||
@click="toTicket"
|
||||
></el-button>
|
||||
</el-badge>
|
||||
<div style="font-size:12px">{{ item.workflow__name }}</div>
|
||||
</div>
|
||||
<el-badge :value="item.count" class="item">
|
||||
<el-button icon="el-icon-promotion" type="primary" size="small" @click="toTicket"></el-button>
|
||||
</el-badge>
|
||||
<div style="font-size:12px">{{ item.workflow__name }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-col :md="13" :sm="24">
|
||||
<el-card shadow="hover">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
|
|
@ -31,75 +26,47 @@
|
|||
</div>
|
||||
</template>
|
||||
<div style="height:340px">
|
||||
<scTable
|
||||
ref="table"
|
||||
:apiObj="apiObj"
|
||||
:params="params"
|
||||
row-key="id"
|
||||
fit
|
||||
stripe
|
||||
hideDo
|
||||
>
|
||||
<el-table-column label="#" type="index" width="50"></el-table-column>
|
||||
<el-table-column label="事件种类">
|
||||
<template #default="scope">
|
||||
<el-span
|
||||
v-for="item in scope.row.cates_"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
>{{ item.name }}</el-span
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发生区域" prop="area_.name"></el-table-column>
|
||||
<el-table-column label="当事人" prop="employee_.name">
|
||||
<template #default="scope">
|
||||
<span
|
||||
v-if="scope.row.employee && scope.row.obj_cate == 'people'"
|
||||
>{{ scope.row.employee_.name }}</span
|
||||
>
|
||||
<span v-else>未知人员</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<scTable ref="table" :apiObj="apiObj" :params="params" row-key="id" fit stripe hideDo>
|
||||
<!-- <el-table-column label="#" type="index" width="50"></el-table-column> -->
|
||||
<el-table-column label="事件种类">
|
||||
<template #default="scope">
|
||||
<el-span v-for="item in scope.row.cates_" :key="item.id" :label="item.name" :value="item.id">{{
|
||||
item.name }}/</el-span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发生区域" prop="area_.name"></el-table-column>
|
||||
<el-table-column label="当事人" prop="employee_.name">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.employee && scope.row.obj_cate == 'people'">{{ scope.row.employee_.name }}</span>
|
||||
<span v-else>未知人员</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="人员类型" prop="employee_.type">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.employee && scope.row.obj_cate == 'people'">
|
||||
<span
|
||||
v-if="
|
||||
<!-- <el-table-column label="人员类型" prop="employee_.type">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.employee && scope.row.obj_cate == 'people'">
|
||||
<span v-if="
|
||||
scope.row.employee_.type != '' &&
|
||||
scope.row.employee_.type == 'employee'
|
||||
"
|
||||
>正式员工</span
|
||||
>
|
||||
<span
|
||||
v-if="
|
||||
">正式员工</span>
|
||||
<span v-if="
|
||||
scope.row.employee_.type != '' &&
|
||||
scope.row.employee_.type == 'remployee'
|
||||
"
|
||||
>相关方</span
|
||||
>
|
||||
<span
|
||||
v-if="
|
||||
">相关方</span>
|
||||
<span v-if="
|
||||
scope.row.employee_.type != '' &&
|
||||
scope.row.employee_.type == 'visitor'
|
||||
"
|
||||
>访客</span
|
||||
>
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="发生时间"
|
||||
prop="create_time"
|
||||
></el-table-column>
|
||||
">访客</span>
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column label="发生时间" prop="create_time"></el-table-column>
|
||||
|
||||
<!-- <el-table-column
|
||||
<!-- <el-table-column
|
||||
label="处理人"
|
||||
prop="handle_user_name"
|
||||
></el-table-column> -->
|
||||
</scTable>
|
||||
</scTable>
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
|
|
@ -162,13 +129,21 @@ export default {
|
|||
tooltip: {
|
||||
trigger: "item",
|
||||
},
|
||||
legend: {
|
||||
// orient: 'vertical',
|
||||
left: 'center'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "事件分类",
|
||||
type: "pie",
|
||||
radius: ["40%", "70%"],
|
||||
center: ["50%", "60%"],
|
||||
label: false,
|
||||
label: {
|
||||
formatter: '{c}',
|
||||
position: 'inside',
|
||||
color: 'white'
|
||||
},
|
||||
data: this.postOptions,
|
||||
},
|
||||
],
|
||||
|
|
@ -255,16 +230,18 @@ export default {
|
|||
text-align: center;
|
||||
margin: 40px 0 20px 0;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height:24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
height:340px;
|
||||
height: 340px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue