|
@@ -40,7 +40,22 @@ |
|
@@ -40,7 +40,22 @@ |
|
40
|
:total="queryParams.count"
|
40
|
:total="queryParams.count"
|
|
41
|
@loaddata="loaddata">
|
41
|
@loaddata="loaddata">
|
|
42
|
<template #default="{row,prop,column}">
|
42
|
<template #default="{row,prop,column}">
|
|
43
|
-
|
43
|
+ <el-popover placement="right" :width="700" trigger="click" :offset="prop=='remark'?-600:0">
|
|
|
|
44
|
+ <template #reference>
|
|
|
|
45
|
+ <div v-if="prop=='remark' || prop == 'name'" style="
|
|
|
|
46
|
+ overflow: hidden;
|
|
|
|
47
|
+ text-overflow: ellipsis;
|
|
|
|
48
|
+ -webkit-box-orient: vertical;
|
|
|
|
49
|
+ -webkit-line-clamp: 2;
|
|
|
|
50
|
+ display: -webkit-box;
|
|
|
|
51
|
+ ">{{row[prop]}}</div>
|
|
|
|
52
|
+ </template>
|
|
|
|
53
|
+ <template #default>
|
|
|
|
54
|
+ <div style="max-height: 400px;overflow: auto;">
|
|
|
|
55
|
+ {{row[prop]}}
|
|
|
|
56
|
+ </div>
|
|
|
|
57
|
+ </template>
|
|
|
|
58
|
+ </el-popover>
|
|
44
|
</template>
|
59
|
</template>
|
|
45
|
<template #tools="{scope}">
|
60
|
<template #tools="{scope}">
|
|
46
|
<div class="list-handle">
|
61
|
<div class="list-handle">
|
|
@@ -152,19 +167,19 @@ |
|
@@ -152,19 +167,19 @@ |
|
152
|
</template>
|
167
|
</template>
|
|
153
|
</cm-dialog>
|
168
|
</cm-dialog>
|
|
154
|
|
169
|
|
|
155
|
- <el-drawer
|
|
|
|
156
|
- v-model="viewDrawer"
|
|
|
|
157
|
- direction="rtl"
|
|
|
|
158
|
- size="95%"
|
170
|
+ <cm-dialog
|
|
|
|
171
|
+ :showDialogVisible="viewDrawer"
|
|
|
|
172
|
+ :showFooter="false"
|
|
|
|
173
|
+ size="90%"
|
|
|
|
174
|
+ title="查看详情"
|
|
|
|
175
|
+ @hidedialog="viewDrawer = false"
|
|
159
|
>
|
176
|
>
|
|
160
|
- <template #header="{ close, titleId, titleClass }">
|
|
|
|
161
|
- <span style="text-align: left;" :id="titleId" :class="titleClass">查看详情</span>
|
|
|
|
162
|
- </template>
|
177
|
+ <template v-slot>
|
|
163
|
<div style="text-align: left;">
|
178
|
<div style="text-align: left;">
|
|
164
|
<ul>
|
179
|
<ul>
|
|
165
|
<li style="margin-bottom: 15px;display: flex;">
|
180
|
<li style="margin-bottom: 15px;display: flex;">
|
|
166
|
<div style="width: 80px;">漏洞名称：</div>
|
181
|
<div style="width: 80px;">漏洞名称：</div>
|
|
167
|
- <div style="flex: 1;">{{detail.name}}</div>
|
182
|
+ <div style="flex: 1;max-height: 200px;overflow: auto;">{{detail.name}}</div>
|
|
168
|
</li>
|
183
|
</li>
|
|
169
|
<!--<li style="margin-bottom: 15px;display: flex;">-->
|
184
|
<!--<li style="margin-bottom: 15px;display: flex;">-->
|
|
170
|
<!-- <div style="width: 80px;">漏洞级别：</div>-->
|
185
|
<!-- <div style="width: 80px;">漏洞级别：</div>-->
|
|
@@ -172,7 +187,7 @@ |
|
@@ -172,7 +187,7 @@ |
|
172
|
<!--</li>-->
|
187
|
<!--</li>-->
|
|
173
|
<li style="margin-bottom: 15px;display: flex;">
|
188
|
<li style="margin-bottom: 15px;display: flex;">
|
|
174
|
<div style="width: 80px;">漏洞详情：</div>
|
189
|
<div style="width: 80px;">漏洞详情：</div>
|
|
175
|
- <div style="flex: 1;">{{detail.remark}}</div>
|
190
|
+ <div style="flex: 1;max-height: 200px;overflow: auto;">{{detail.remark}}</div>
|
|
176
|
</li>
|
191
|
</li>
|
|
177
|
<!--<li style="margin-bottom: 15px;display: flex;">-->
|
192
|
<!--<li style="margin-bottom: 15px;display: flex;">-->
|
|
178
|
<!-- <div style="width: 80px;">影响范围：</div>-->
|
193
|
<!-- <div style="width: 80px;">影响范围：</div>-->
|
|
@@ -197,14 +212,14 @@ |
|
@@ -197,14 +212,14 @@ |
|
197
|
<el-table-column align="center" prop="isRead" label="接收状态" width="100" >
|
212
|
<el-table-column align="center" prop="isRead" label="接收状态" width="100" >
|
|
198
|
<template #default="scope">
|
213
|
<template #default="scope">
|
|
199
|
<!--<span v-if="scope.row.isRead == '0'">未读</span>-->
|
214
|
<!--<span v-if="scope.row.isRead == '0'">未读</span>-->
|
|
200
|
- <span v-if="scope.row.isRead == '1'">已读</span>
|
|
|
|
201
|
- <span v-else>未读</span>
|
215
|
+ <el-tag type="success" v-if="scope.row.isRead == '1'">已读</el-tag>
|
|
|
|
216
|
+ <el-tag type="danger" v-else>未读</el-tag>
|
|
202
|
</template>
|
217
|
</template>
|
|
203
|
</el-table-column>
|
218
|
</el-table-column>
|
|
204
|
<el-table-column align="center" prop="isRelated" label="自查结果" width="100" >
|
219
|
<el-table-column align="center" prop="isRelated" label="自查结果" width="100" >
|
|
205
|
<template #default="scope">
|
220
|
<template #default="scope">
|
|
206
|
- <span v-if="scope.row.isRelated == '1'">涉及</span>
|
|
|
|
207
|
- <span v-if="scope.row.isRelated == '0'">不涉及</span>
|
221
|
+ <el-tag v-if="scope.row.isRelated == '1'">涉及</el-tag>
|
|
|
|
222
|
+ <el-tag type="info" v-if="scope.row.isRelated == '0'">不涉及</el-tag>
|
|
208
|
</template>
|
223
|
</template>
|
|
209
|
</el-table-column>
|
224
|
</el-table-column>
|
|
210
|
<el-table-column align="center" prop="impactSite" label="影响范围" width="200" show-overflow-tooltip/>
|
225
|
<el-table-column align="center" prop="impactSite" label="影响范围" width="200" show-overflow-tooltip/>
|
|
@@ -217,10 +232,11 @@ |
|
@@ -217,10 +232,11 @@ |
|
217
|
</el-table-column>
|
232
|
</el-table-column>
|
|
218
|
<el-table-column align="center" prop="solveUserName" label="处理人" width="120" />
|
233
|
<el-table-column align="center" prop="solveUserName" label="处理人" width="120" />
|
|
219
|
<el-table-column align="center" prop="solveTime" label="处理时间" width="100" />
|
234
|
<el-table-column align="center" prop="solveTime" label="处理时间" width="100" />
|
|
220
|
- <el-table-column align="center" prop="solveRemark" label="处理说明" />
|
235
|
+ <el-table-column align="center" prop="solveRemark" label="处理说明" show-overflow-tooltip/>
|
|
221
|
|
236
|
|
|
222
|
</el-table>
|
237
|
</el-table>
|
|
223
|
</div>
|
238
|
</div>
|
|
224
|
- </el-drawer>
|
239
|
+ </template>
|
|
|
|
240
|
+ </cm-dialog>
|
|
225
|
|
241
|
|
|
226
|
</div> |
242
|
</div> |
