|
|
|
|
@ -45,7 +45,7 @@
|
|
|
|
|
size="small" |
|
|
|
|
style="width: 200px" |
|
|
|
|
placeholder="请输入" |
|
|
|
|
v-model="query.mobileNumber" |
|
|
|
|
v-model="query.idCode" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
@ -55,7 +55,7 @@
|
|
|
|
|
size="small" |
|
|
|
|
style="width: 200px" |
|
|
|
|
placeholder="请输入" |
|
|
|
|
v-model="query.idCode" |
|
|
|
|
v-model="query.mobileNumber" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
@ -112,14 +112,16 @@
|
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column label="高风险因素"> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<div class="flex gap-4 wrap" v-if="row.smallTags"> |
|
|
|
|
<el-tag |
|
|
|
|
v-for="item in getSmallTags(row.smallTags)" |
|
|
|
|
:type="item.type" |
|
|
|
|
:key="item" |
|
|
|
|
>{{ item.value }} |
|
|
|
|
</el-tag> |
|
|
|
|
</div> |
|
|
|
|
<el-scrollbar max-height="80px"> |
|
|
|
|
<div class="flex gap-4 wrap"> |
|
|
|
|
<el-tag |
|
|
|
|
v-for="item in getSmallTags(row.smallTags)" |
|
|
|
|
:type="item.type" |
|
|
|
|
:key="item" |
|
|
|
|
>{{ item.value }} |
|
|
|
|
</el-tag> |
|
|
|
|
</div> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
@ -163,117 +165,184 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-dialog title="风险人员详情" v-model="show" width="80vw" top="2vh"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="4"> |
|
|
|
|
<div v-for="item in rules" :key="item"> |
|
|
|
|
<div class="risk-first">{{ item.riskName }}</div> |
|
|
|
|
<el-dialog |
|
|
|
|
title="风险人员详情" |
|
|
|
|
v-model="show" |
|
|
|
|
width="80vw" |
|
|
|
|
top="2vh" |
|
|
|
|
style="margin-bottom: 2vh" |
|
|
|
|
class="dialog-body-nopadding" |
|
|
|
|
> |
|
|
|
|
<el-row :gutter="20"> |
|
|
|
|
<el-col :span="5"> |
|
|
|
|
<el-scrollbar max-height="calc(96vh - 92px)" class="ml-16"> |
|
|
|
|
<div |
|
|
|
|
v-for="risk in item.children" |
|
|
|
|
:key="risk" |
|
|
|
|
class="risk-second pointer" |
|
|
|
|
v-for="item in personal.riskClues" |
|
|
|
|
:key="item" |
|
|
|
|
> |
|
|
|
|
{{ risk.riskName }} |
|
|
|
|
<div class="risk-anchor-title flex between"> |
|
|
|
|
<span>{{ item.riskName }}</span> |
|
|
|
|
<span style="color: #999"> |
|
|
|
|
<span style="color: #333">{{ |
|
|
|
|
item.score |
|
|
|
|
}}</span> |
|
|
|
|
分 |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
v-for="(risk, index) in item.riskIndexs" |
|
|
|
|
:key="index" |
|
|
|
|
class="risk-anchor pointer flex between" |
|
|
|
|
:active="activeRiskIndex === risk.riskIndex" |
|
|
|
|
@click="handlescrollbarTo(risk.riskIndex)" |
|
|
|
|
:disabled="risk.score === 0" |
|
|
|
|
> |
|
|
|
|
<span>{{ risk.riskIndex }}</span> |
|
|
|
|
<span style="color: #999"> |
|
|
|
|
<span style="color: #333">{{ |
|
|
|
|
risk.score |
|
|
|
|
}}</span> |
|
|
|
|
分 |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="20"> |
|
|
|
|
<el-row class="mt-20"> |
|
|
|
|
<el-col :span="19"> |
|
|
|
|
<p class="text-primary mb-10">风险人员基本情况</p> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="4"> |
|
|
|
|
|
|
|
|
|
<img :src="personal.riskPersonal?.avatar" v-if="personal.riskPersonal?.avatar" |
|
|
|
|
<el-col :span="19"> |
|
|
|
|
<el-scrollbar |
|
|
|
|
height="calc(96vh - 92px)" |
|
|
|
|
style="padding-right: 16px" |
|
|
|
|
ref="riskClueScrollbarRef" |
|
|
|
|
> |
|
|
|
|
<el-row class="mt-20 mb-20"> |
|
|
|
|
<el-col :span="19"> |
|
|
|
|
<p class="text-primary mb-10">风险人员基本情况</p> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="4"> |
|
|
|
|
<img |
|
|
|
|
:src="personal.riskPersonal?.avatar" |
|
|
|
|
v-if="personal.riskPersonal?.avatar" |
|
|
|
|
style="height: 180px; width: 140px" |
|
|
|
|
/> |
|
|
|
|
<img src="@/assets/images/defaultPhoto.png" v-else |
|
|
|
|
<img |
|
|
|
|
src="@/assets/images/defaultPhoto.png" |
|
|
|
|
v-else |
|
|
|
|
style="height: 180px; width: 140px" |
|
|
|
|
/> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="20"> |
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>姓名</label> |
|
|
|
|
<span>{{ activeRow.name }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>性别</label> |
|
|
|
|
<span>{{ |
|
|
|
|
getGender(activeRow.gender) |
|
|
|
|
}}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>年龄</label> |
|
|
|
|
<span>{{ activeRow.age }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>证件号码</label> |
|
|
|
|
<span>{{ activeRow.idCode }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>手机号码</label> |
|
|
|
|
<span>{{ |
|
|
|
|
activeRow.mobileNumber |
|
|
|
|
}}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>管控单位</label> |
|
|
|
|
<span>{{ |
|
|
|
|
activeRow.controlDepartName |
|
|
|
|
}}</span> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="20"> |
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>姓名</label> |
|
|
|
|
<span>{{ activeRow.name }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>性别</label> |
|
|
|
|
<span>{{ |
|
|
|
|
getGender(activeRow.gender) |
|
|
|
|
}}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>年龄</label> |
|
|
|
|
<span>{{ activeRow.age }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>证件号码</label> |
|
|
|
|
<span>{{ activeRow.idCode }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>手机号码</label> |
|
|
|
|
<span>{{ |
|
|
|
|
activeRow.mobileNumber |
|
|
|
|
}}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>管控单位</label> |
|
|
|
|
<span>{{ |
|
|
|
|
activeRow.controlDepartName |
|
|
|
|
}}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="5"> |
|
|
|
|
<div class="flex center column text-center"> |
|
|
|
|
<div |
|
|
|
|
class="socre-box" |
|
|
|
|
:type=" |
|
|
|
|
getScoreType( |
|
|
|
|
personal.riskPersonal?.riskScore |
|
|
|
|
) |
|
|
|
|
" |
|
|
|
|
> |
|
|
|
|
{{ |
|
|
|
|
personal.riskPersonal?.riskScore.toFixed( |
|
|
|
|
0 |
|
|
|
|
) |
|
|
|
|
}} |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="5"> |
|
|
|
|
<div class="flex center column text-center"> |
|
|
|
|
<div class="socre-box"> |
|
|
|
|
{{ personal.riskPersonal.riskScore.toFixed(1) }} |
|
|
|
|
<span style="font-size: 24px" class="mt-10" |
|
|
|
|
>风险指数</span |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<div style="min-height: 50vh" class="risk-clue-container"> |
|
|
|
|
<div |
|
|
|
|
v-for="(item, index) in personal.riskClues" |
|
|
|
|
:key="index" |
|
|
|
|
> |
|
|
|
|
<h4>{{ item.riskName }}</h4> |
|
|
|
|
<div v-for="risk in item.riskIndexs" :key="risk"> |
|
|
|
|
<div |
|
|
|
|
class="second-title mb-8 mt-20" |
|
|
|
|
:id="risk.riskIndex" |
|
|
|
|
> |
|
|
|
|
{{ risk.riskIndex }} |
|
|
|
|
</div> |
|
|
|
|
<el-table :data="risk.clues"> |
|
|
|
|
<el-table-column |
|
|
|
|
label="发生时间" |
|
|
|
|
prop="eventTime" |
|
|
|
|
width="180" |
|
|
|
|
/> |
|
|
|
|
<el-table-column |
|
|
|
|
label="风险因素" |
|
|
|
|
prop="riskName" |
|
|
|
|
width="160" |
|
|
|
|
show-overflow-tooltip |
|
|
|
|
/> |
|
|
|
|
<el-table-column |
|
|
|
|
label="风险内容" |
|
|
|
|
show-overflow-tooltip |
|
|
|
|
> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<span |
|
|
|
|
style="white-space: pre-wrap" |
|
|
|
|
>{{ row.data }}</span |
|
|
|
|
> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
width="80" |
|
|
|
|
label="分值" |
|
|
|
|
prop="scoreResult" |
|
|
|
|
> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<span |
|
|
|
|
v-if="row.scoreResult != null" |
|
|
|
|
>{{ row.scoreResult.toFixed(0) }}</span |
|
|
|
|
> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
</div> |
|
|
|
|
<span style="font-size: 24px" class="mt-10" |
|
|
|
|
>风险指数</span |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<div style="min-height: 50vh"> |
|
|
|
|
<div |
|
|
|
|
v-for="(item, index) in personal.riskClueList" |
|
|
|
|
:key="index" |
|
|
|
|
> |
|
|
|
|
<h5>{{ item.riskName }}</h5> |
|
|
|
|
<el-table :data="item.clues"> |
|
|
|
|
<el-table-column |
|
|
|
|
label="发生时间" |
|
|
|
|
prop="eventTime" |
|
|
|
|
width="180" |
|
|
|
|
/> |
|
|
|
|
<el-table-column |
|
|
|
|
label="风险因素" |
|
|
|
|
prop="riskName" |
|
|
|
|
width="160" |
|
|
|
|
show-overflow-tooltip |
|
|
|
|
/> |
|
|
|
|
<el-table-column |
|
|
|
|
label="风险内容" |
|
|
|
|
show-overflow-tooltip |
|
|
|
|
> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<span style="white-space: pre-wrap">{{ |
|
|
|
|
row.data |
|
|
|
|
}}</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
width="80" |
|
|
|
|
label="分值" |
|
|
|
|
prop="scoreResult" |
|
|
|
|
/> |
|
|
|
|
</el-table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="mb-20"></div> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</el-dialog> |
|
|
|
|
@ -358,7 +427,6 @@ import {
|
|
|
|
|
listRiskPersonnel, |
|
|
|
|
getRiskPersonnel, |
|
|
|
|
} from "@/api/sensitivePerception/riskPersonnel"; |
|
|
|
|
import { listRiskScoreRuleTree } from "@/api/sensitivePerception/riskScoreRule"; |
|
|
|
|
import { alarmNotificationCommit } from "~/api/work/alarm"; |
|
|
|
|
import feedback from "~/utils/feedback"; |
|
|
|
|
import { listPoliceAll } from "~/api/system/police"; |
|
|
|
|
@ -468,12 +536,8 @@ function reset() {
|
|
|
|
|
getList(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const rules = ref([]); |
|
|
|
|
onMounted(() => { |
|
|
|
|
getList(); |
|
|
|
|
listRiskScoreRuleTree().then((data) => { |
|
|
|
|
rules.value = data; |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const activeRow = ref({}); |
|
|
|
|
@ -483,6 +547,7 @@ const personal = ref({
|
|
|
|
|
|
|
|
|
|
async function handleShowDesc(row) { |
|
|
|
|
activeRow.value = row; |
|
|
|
|
activeRiskIndex.value = ""; |
|
|
|
|
const data = await getRiskPersonnel(row.id); |
|
|
|
|
show.value = true; |
|
|
|
|
personal.value = data; |
|
|
|
|
@ -561,6 +626,54 @@ const tags = [
|
|
|
|
|
label: "推送排查人员", |
|
|
|
|
value: "推送排查人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "110纠纷报警3次以上的人员", |
|
|
|
|
value: "110纠纷报警3次以上的人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "执法办案嫌疑人员", |
|
|
|
|
value: "执法办案嫌疑人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "矛盾纠纷排查人员", |
|
|
|
|
value: "矛盾纠纷排查人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "精神疾病人员", |
|
|
|
|
value: "精神疾病人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "案件受害人员", |
|
|
|
|
value: "案件受害人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "刑事前科人员", |
|
|
|
|
value: "刑事前科人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "吸毒涉毒人员", |
|
|
|
|
value: "吸毒涉毒人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "个人极端人员", |
|
|
|
|
value: "个人极端人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "四无人员", |
|
|
|
|
value: "四无人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "涉酒驾人员", |
|
|
|
|
value: "涉酒驾人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "借贷人员", |
|
|
|
|
value: "借贷人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "违禁物品网购人员", |
|
|
|
|
value: "违禁物品网购人员", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "其他人员", |
|
|
|
|
value: "其他人员", |
|
|
|
|
@ -705,23 +818,23 @@ const educations = [
|
|
|
|
|
const ages = [ |
|
|
|
|
{ |
|
|
|
|
label: "16~24岁", |
|
|
|
|
value: "16岁至24岁", |
|
|
|
|
value: "年龄处于16岁至24岁之间", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "25~34岁", |
|
|
|
|
value: "25岁至34岁", |
|
|
|
|
value: "年龄处于25岁至34岁之间", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "35~55岁", |
|
|
|
|
value: "35岁至55岁", |
|
|
|
|
value: "年龄处于35岁至55岁之间", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "56~65岁", |
|
|
|
|
value: "56岁至65岁", |
|
|
|
|
value: "年龄处于56岁至65岁之间", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "66~75岁", |
|
|
|
|
value: "66岁至74岁", |
|
|
|
|
value: "年龄处于66岁至74岁之间", |
|
|
|
|
}, |
|
|
|
|
]; |
|
|
|
|
|
|
|
|
|
@ -788,17 +901,61 @@ function getColor(score) {
|
|
|
|
|
} |
|
|
|
|
return "#333"; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const riskClueScrollbarRef = ref(); |
|
|
|
|
const activeRiskIndex = ref(""); |
|
|
|
|
function handlescrollbarTo(id) { |
|
|
|
|
activeRiskIndex.value = id; |
|
|
|
|
riskClueScrollbarRef.value.setScrollTop( |
|
|
|
|
document.getElementById(id).offsetTop |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function getScoreType(score) { |
|
|
|
|
if (score >= 80) { |
|
|
|
|
return "red"; |
|
|
|
|
} |
|
|
|
|
if (score >= 60) { |
|
|
|
|
return "orange"; |
|
|
|
|
} |
|
|
|
|
if (score >= 40) { |
|
|
|
|
return "yellow"; |
|
|
|
|
} |
|
|
|
|
if (score >= 20) { |
|
|
|
|
return "blue"; |
|
|
|
|
} |
|
|
|
|
return "green"; |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.socre-box { |
|
|
|
|
background: linear-gradient(180deg, #ffa36a 0%, #ff0000 100%); |
|
|
|
|
border-radius: 9px; |
|
|
|
|
border: 2px solid #f11d16; |
|
|
|
|
height: 153px; |
|
|
|
|
line-height: 153px; |
|
|
|
|
text-align: center; |
|
|
|
|
font-size: 124px; |
|
|
|
|
font-size: 120px; |
|
|
|
|
color: #fff; |
|
|
|
|
&[type="red"] { |
|
|
|
|
background: linear-gradient(180deg, #ffa36a 0%, #ff0000 100%); |
|
|
|
|
border-color: #f11d16; |
|
|
|
|
} |
|
|
|
|
&[type="orange"] { |
|
|
|
|
background: linear-gradient(180deg, #febf00 0%, #eca20c 100%); |
|
|
|
|
border-color: #d59705; |
|
|
|
|
} |
|
|
|
|
&[type="yellow"] { |
|
|
|
|
background: linear-gradient(180deg, #ffff00 0%, #e7ba04 100%); |
|
|
|
|
border-color: #efd800; |
|
|
|
|
} |
|
|
|
|
&[type="blue"] { |
|
|
|
|
background: linear-gradient(180deg, #01b0f1 0%, #026cf1 100%); |
|
|
|
|
border-color: #0693c9; |
|
|
|
|
} |
|
|
|
|
&[type="green"] { |
|
|
|
|
background: linear-gradient(180deg, #23e84b 0%, #07b303 100%); |
|
|
|
|
border-color: #0dc916; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.person-photo { |
|
|
|
|
text-align: center; |
|
|
|
|
@ -823,14 +980,65 @@ function getColor(score) {
|
|
|
|
|
margin-bottom: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.risk-first { |
|
|
|
|
.risk-anchor-title { |
|
|
|
|
height: 60px; |
|
|
|
|
line-height: 60px; |
|
|
|
|
padding: 0 20px; |
|
|
|
|
color: #222; |
|
|
|
|
} |
|
|
|
|
.risk-second { |
|
|
|
|
.risk-anchor { |
|
|
|
|
height: 40px; |
|
|
|
|
line-height: 40px; |
|
|
|
|
box-shadow: inset 0px -1px 0px 0px #e9ebfd; |
|
|
|
|
padding: 0 20px; |
|
|
|
|
&:hover, |
|
|
|
|
&[active="true"] { |
|
|
|
|
background: #d1d7ff; |
|
|
|
|
} |
|
|
|
|
&[disabled=true] { |
|
|
|
|
* { |
|
|
|
|
color: #c2c2c2 !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.risk-clue-container { |
|
|
|
|
> div:first-child { |
|
|
|
|
--color: #926509; |
|
|
|
|
--bg-color: #fff5df; |
|
|
|
|
} |
|
|
|
|
> div:nth-child(2) { |
|
|
|
|
--color: #023950; |
|
|
|
|
--bg-color: #e0f6ff; |
|
|
|
|
} |
|
|
|
|
> div:nth-child(3) { |
|
|
|
|
--color: #7f0f25; |
|
|
|
|
--bg-color: #f0f0f0; |
|
|
|
|
} |
|
|
|
|
> div { |
|
|
|
|
--color: var(--primary-color); |
|
|
|
|
--bg-color: #eff0f5; |
|
|
|
|
h4 { |
|
|
|
|
height: 58px; |
|
|
|
|
line-height: 58px; |
|
|
|
|
margin: 0; |
|
|
|
|
background: var(--bg-color); |
|
|
|
|
color: var(--color); |
|
|
|
|
padding-left: 8px; |
|
|
|
|
} |
|
|
|
|
.second-title { |
|
|
|
|
color: var(--color); |
|
|
|
|
padding-left: 8px; |
|
|
|
|
} |
|
|
|
|
:deep() { |
|
|
|
|
.el-table { |
|
|
|
|
thead { |
|
|
|
|
color: #333; |
|
|
|
|
} |
|
|
|
|
th.el-table__cell { |
|
|
|
|
background: var(--bg-color); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
wxc
12 months ago
