Gugongyu/vue-tickets
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改工单列表

Browse Source
This commit is contained in:
GiveMePast
2026-02-11 11:52:58 +08:00
parent b1f1216ef8
commit 9bc45f6b03
1 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/TicketList.vue
View File

@@ -1,19 +1,9 @@
<template> <template>
<el-card class="compact-card" shadow="never"> <el-card class="compact-card" shadow="never">
<el-table <el-table :data="tickets" v-loading="loading" header-cell-class-name="table-header" style="width: 100%">
:data="tickets"
v-loading="loading"
header-cell-class-name="table-header"
style="width: 100%"
>
<el-table-column prop="website" label="网站地址" min-width="180"> <el-table-column prop="website" label="网站地址" min-width="180">
<template #default="{ row }"> <template #default="{ row }">
<el-link <el-link type="primary" :href="row.website" target="_blank" class="site-link">
type="primary"
:href="row.website"
target="_blank"
class="site-link"
>
{{ row.website }} {{ row.website }}
</el-link> </el-link>
</template> </template>
@@ -94,6 +84,7 @@ const getStatusStyle = (status) => {
gap: 6px; gap: 6px;
padding: 4px 0; padding: 4px 0;
} }
.staff-item { .staff-item {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -103,6 +94,7 @@ const getStatusStyle = (status) => {
overflow: hidden; overflow: hidden;
border: 1px solid transparent; border: 1px solid transparent;
} }
.staff-role { .staff-role {
width: 40px; width: 40px;
height: 100%; height: 100%;
@@ -112,6 +104,7 @@ const getStatusStyle = (status) => {
font-size: 11px; font-size: 11px;
font-weight: bold; font-weight: bold;
} }
.staff-name { .staff-name {
padding-left: 8px; padding-left: 8px;
font-weight: 500; font-weight: 500;
@@ -123,6 +116,7 @@ const getStatusStyle = (status) => {
border-color: #e9e9eb; border-color: #e9e9eb;
color: #909399; color: #909399;
} }
.staff-item.client .staff-role { .staff-item.client .staff-role {
background: #909399; background: #909399;
color: #fff; color: #fff;
@@ -134,6 +128,7 @@ const getStatusStyle = (status) => {
border-color: #d9ecff; border-color: #d9ecff;
color: #409eff; color: #409eff;
} }
.staff-item.internal .staff-role { .staff-item.internal .staff-role {
background: #409eff; background: #409eff;
color: #fff; color: #fff;
@@ -157,17 +152,20 @@ const getStatusStyle = (status) => {
flex-direction: column; flex-direction: column;
gap: 4px; gap: 4px;
} }
.role-tag { .role-tag {
font-size: 12px; font-size: 12px;
padding: 2px 8px; padding: 2px 8px;
border-radius: 2px; border-radius: 2px;
width: fit-content; width: fit-content;
} }
.role-tag.client { .role-tag.client {
background: #f0f2f5; background: #f0f2f5;
color: #666; color: #666;
border-left: 3px solid #dcdfe6; border-left: 3px solid #dcdfe6;
} }
.role-tag.owner { .role-tag.owner {
background: #e8f4ff; background: #e8f4ff;
color: #1890ff; color: #1890ff;
@@ -192,6 +190,7 @@ const getStatusStyle = (status) => {
font-size: 12px; font-size: 12px;
color: #606266; color: #606266;
} }
.update-label { .update-label {
color: #909399; color: #909399;
} }