群里字样改为频发

xuhongjie
许宏杰 4 months ago
parent c9ad23c7cd
commit 688e35305e

@ -6,8 +6,8 @@ ENV = 'development'
# 若依管理系统/开发环境 # 若依管理系统/开发环境
# VUE_APP_BASE_API = '/dev-api' # VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = 'http://192.168.0.128:9102/api' # VUE_APP_BASE_API = 'http://192.168.0.128:9102/api'
# VUE_APP_BASE_API = 'http://39.101.188.84:9102/api' VUE_APP_BASE_API = 'http://39.101.188.84:9102/api'
#是否正式环境 正式true 测试false #是否正式环境 正式true 测试false
VUE_APP_ISTEST= false VUE_APP_ISTEST= false

@ -6,35 +6,36 @@
overflow-y: scroll; overflow-y: scroll;
padding: 20px 0 45px 0; padding: 20px 0 45px 0;
// //
.onSubmit,.reset { .onSubmit,
.reset {
width: 64px; width: 64px;
height: 30px; height: 30px;
border-radius: 2px; border-radius: 2px;
padding: 7px 10px; padding: 7px 10px;
} }
.reset { .reset {
border: 1px solid #DEE2EE; border: 1px solid #dee2ee;
} }
.el-form-item__content { .el-form-item__content {
// //
.el-input__inner { .el-input__inner {
width: 230px; width: 230px;
height: 30px; height: 30px;
background: #FFFFFF; background: #ffffff;
border-radius: 5px; border-radius: 5px;
opacity: 1; opacity: 1;
border: 1px solid #DEE2EE; border: 1px solid #dee2ee;
&::placeholder { &::placeholder {
font-size: 14px; font-size: 14px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
line-height: 18px; line-height: 18px;
color: #A1ABBA; color: #a1abba;
} }
font-size: 14px; font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #292F38; color: #292f38;
} }
} }
.table-box { .table-box {
@ -42,25 +43,25 @@
margin-top: 10px; margin-top: 10px;
.table-item { .table-item {
.zhipaiColor { .zhipaiColor {
background-color: #FF7F35; background-color: #ff7f35;
} }
.yizhuofei { .yizhuofei {
background-color: #7A808A; background-color: #7a808a;
} }
.shouliColor { .shouliColor {
background-color: #1E80EB; background-color: #1e80eb;
} }
.wancengColor { .wancengColor {
background-color: #F76359; background-color: #f76359;
} }
.tuihuiColor { .tuihuiColor {
background-color: #FF7F35; background-color: #ff7f35;
} }
.yanqiColor { .yanqiColor {
background-color: #1E80EB; background-color: #1e80eb;
} }
.yichuliColor { .yichuliColor {
background-color: #31D9AE; background-color: #31d9ae;
} }
.colors { .colors {
width: 8px; width: 8px;
@ -71,7 +72,7 @@
font-size: 12px; font-size: 12px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #292F38; color: #292f38;
line-height: 40px; line-height: 40px;
height: 40px; height: 40px;
} }
@ -88,7 +89,7 @@
} }
.columnFactor { .columnFactor {
div { div {
overflow:hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
display: -webkit-box; display: -webkit-box;
@ -121,7 +122,7 @@
.sqbtn1 { .sqbtn1 {
background: #ebf5ff; background: #ebf5ff;
border: 1px solid #a1cbf8; border: 1px solid #a1cbf8;
color: #0E7CF4; color: #0e7cf4;
} }
.state-sub { .state-sub {
display: flex; display: flex;
@ -140,7 +141,7 @@
.headerText { .headerText {
width: 100%; width: 100%;
padding: 10px 0px 8px 20px; padding: 10px 0px 8px 20px;
border-bottom: 1px solid #DEE2EE; border-bottom: 1px solid #dee2ee;
font-family: "Source Han Sans CN-Bold"; font-family: "Source Han Sans CN-Bold";
font-weight: bold; font-weight: bold;
color: #323233; color: #323233;
@ -164,7 +165,7 @@
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi; font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #CCCCCC; color: #cccccc;
} }
&::before { &::before {
@ -180,7 +181,7 @@
} }
.arithmetic-query { .arithmetic-query {
padding: 20px; padding: 20px;
border-bottom: 1px solid #DEE2EE; border-bottom: 1px solid #dee2ee;
.el-form-item { .el-form-item {
margin-bottom: 0; margin-bottom: 0;
margin-right: 60px; margin-right: 60px;
@ -188,7 +189,7 @@
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi; font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #3D3D3D; color: #3d3d3d;
} }
.el-form-item__content { .el-form-item__content {
.el-input { .el-input {
@ -212,23 +213,24 @@
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi; font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
font-weight: 700; font-weight: 700;
font-size: 18px; font-size: 18px;
color: #3D3D3D; color: #3d3d3d;
} }
.tabs-header { .tabs-header {
margin-top: 10px; margin-top: 10px;
.tabs-title { .tabs-title {
width: 100%; width: 100%;
border-bottom: 1px solid #DEE2EE; border-bottom: 1px solid #dee2ee;
display: flex; display: flex;
margin-bottom: 20px; margin-bottom: 20px;
.await-audit,.already-affirm { .await-audit,
.already-affirm {
cursor: pointer; cursor: pointer;
padding: 8px 30px; padding: 8px 30px;
border-top: 1px solid #DEE2EE; border-top: 1px solid #dee2ee;
border-right: 1px solid #DEE2EE; border-right: 1px solid #dee2ee;
} }
.await-audit { .await-audit {
border-left: 1px solid #DEE2EE; border-left: 1px solid #dee2ee;
} }
.active-tab { .active-tab {
background-color: #3f3f3f; background-color: #3f3f3f;
@ -241,7 +243,7 @@
.tabs-line { .tabs-line {
width: 100%; width: 100%;
height: 1px; height: 1px;
background: #DEE2EE; background: #dee2ee;
margin: 20px 0; margin: 20px 0;
} }
} }
@ -255,21 +257,21 @@
font-family: "Source Han Sans CN-Regular"; font-family: "Source Han Sans CN-Regular";
margin-bottom: 15px; margin-bottom: 15px;
&>div:nth-of-type(1) { & > div:nth-of-type(1) {
color: #8E9298; color: #8e9298;
width: 25%; width: 25%;
text-align: right; text-align: right;
} }
&>div:nth-of-type(2) { & > div:nth-of-type(2) {
color: #292F38; color: #292f38;
width: 70%; width: 70%;
} }
} }
.travel { .travel {
background: #FFFFFF; background: #ffffff;
.el-dialog__header { .el-dialog__header {
background: #F8F9FA; background: #f8f9fa;
padding: 10px; padding: 10px;
.dialog-title { .dialog-title {
display: flex; display: flex;
@ -283,7 +285,7 @@
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi; font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
font-weight: 500; font-weight: 500;
font-size: 18px; font-size: 18px;
color: #3D3D3D; color: #3d3d3d;
position: relative; position: relative;
margin-left: 5px; margin-left: 5px;
} }
@ -294,7 +296,7 @@
height: 16px; height: 16px;
left: -5px; left: -5px;
top: 5px; top: 5px;
background-color: #2F8AE5; background-color: #2f8ae5;
} }
i { i {
cursor: pointer; cursor: pointer;
@ -319,7 +321,7 @@
border-radius: 2px; border-radius: 2px;
height: 32px; height: 32px;
width: 240px; width: 240px;
border: 1px solid #E5E5E5; border: 1px solid #e5e5e5;
padding: 0 15px; padding: 0 15px;
line-height: 32px; line-height: 32px;
} }
@ -341,7 +343,7 @@
} }
.el-button { .el-button {
margin-left: 10px; margin-left: 10px;
background: rgba(47,138,229,0.1); background: rgba(47, 138, 229, 0.1);
border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;
padding: 8px 15px; padding: 8px 15px;
span { span {
@ -350,7 +352,7 @@
font-family: "AlibabaPuHuiTi"; font-family: "AlibabaPuHuiTi";
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #2F8AE5; color: #2f8ae5;
img { img {
width: 14px; width: 14px;
height: 14px; height: 14px;
@ -375,17 +377,17 @@
border-radius: 2px; border-radius: 2px;
height: 32px; height: 32px;
width: 240px; width: 240px;
border: 1px solid #E5E5E5; border: 1px solid #e5e5e5;
padding: 0 15px; padding: 0 15px;
line-height: 32px; line-height: 32px;
white-space: nowrap; /* 不换行 */ white-space: nowrap; /* 不换行 */
overflow: hidden; /* 隐藏超出范围的文本 */ overflow: hidden; /* 隐藏超出范围的文本 */
text-overflow: ellipsis; /* 省略号 */ text-overflow: ellipsis; /* 省略号 */
} }
} }
.el-button { .el-button {
margin-left: 10px; margin-left: 10px;
background: rgba(47,138,229,0.1); background: rgba(47, 138, 229, 0.1);
border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;
padding: 8px 15px; padding: 8px 15px;
span { span {
@ -394,7 +396,7 @@
font-family: "AlibabaPuHuiTi"; font-family: "AlibabaPuHuiTi";
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #2F8AE5; color: #2f8ae5;
img { img {
width: 14px; width: 14px;
height: 14px; height: 14px;
@ -432,9 +434,9 @@
} }
.work-order-change-value { .work-order-change-value {
width: 400px; width: 400px;
white-space: nowrap; /* 不换行 */ white-space: nowrap; /* 不换行 */
overflow: hidden; /* 隐藏超出范围的文本 */ overflow: hidden; /* 隐藏超出范围的文本 */
text-overflow: ellipsis; /* 省略号 */ text-overflow: ellipsis; /* 省略号 */
} }
} }
.work-order-item { .work-order-item {
@ -464,18 +466,18 @@
} }
.work-order-value-value { .work-order-value-value {
width: 240px; width: 240px;
white-space: nowrap; /* 不换行 */ white-space: nowrap; /* 不换行 */
overflow: hidden; /* 隐藏超出范围的文本 */ overflow: hidden; /* 隐藏超出范围的文本 */
text-overflow: ellipsis; /* 省略号 */ text-overflow: ellipsis; /* 省略号 */
} }
.value-value { .value-value {
flex:1; flex: 1;
width: 100%; width: 100%;
} }
} }
.el-button { .el-button {
margin-left: 10px; margin-left: 10px;
background: rgba(47,138,229,0.1); background: rgba(47, 138, 229, 0.1);
border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;
padding: 8px 15px; padding: 8px 15px;
span { span {
@ -484,7 +486,7 @@
font-family: "AlibabaPuHuiTi"; font-family: "AlibabaPuHuiTi";
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #2F8AE5; color: #2f8ae5;
img { img {
width: 14px; width: 14px;
height: 14px; height: 14px;
@ -506,26 +508,26 @@
.el-table { .el-table {
.anjianmiaoshu { .anjianmiaoshu {
.cell { .cell {
display: -webkit-box; /* 必需的,使用弹性盒模型 */ display: -webkit-box; /* 必需的,使用弹性盒模型 */
-webkit-box-orient: vertical; /* 必需的,设置弹性盒方向为垂直 */ -webkit-box-orient: vertical; /* 必需的,设置弹性盒方向为垂直 */
-webkit-line-clamp: 2; /* 显示的行数 */ -webkit-line-clamp: 2; /* 显示的行数 */
overflow: hidden; /* 隐藏超出范围的内容 */ overflow: hidden; /* 隐藏超出范围的内容 */
text-overflow: ellipsis; /* 省略号 */ text-overflow: ellipsis; /* 省略号 */
} }
} }
.anjianmiaoshuTwo { .anjianmiaoshuTwo {
display: -webkit-box; /* 必需的,使用弹性盒模型 */ display: -webkit-box; /* 必需的,使用弹性盒模型 */
width: 20ch; width: 20ch;
-webkit-box-orient: vertical; /* 必需的,设置弹性盒方向为垂直 */ -webkit-box-orient: vertical; /* 必需的,设置弹性盒方向为垂直 */
-webkit-line-clamp: 1; /* 显示的行数 */ -webkit-line-clamp: 1; /* 显示的行数 */
overflow: hidden; /* 隐藏超出范围的内容 */ overflow: hidden; /* 隐藏超出范围的内容 */
text-overflow: ellipsis; /* 省略号 */ text-overflow: ellipsis; /* 省略号 */
} }
.sign { .sign {
color: #D9001B; color: #d9001b;
} }
.unmark { .unmark {
color: #32B16C; color: #32b16c;
} }
.operation-box { .operation-box {
.cell { .cell {
@ -600,11 +602,11 @@
border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
line-height: 40px; line-height: 40px;
padding: 0 20px; padding: 0 20px;
background-color: rgba(47,138,229,0.05); background-color: rgba(47, 138, 229, 0.05);
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi; font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
font-weight: 700; font-weight: 700;
font-size: 16px; font-size: 16px;
color: #3D3D3D; color: #3d3d3d;
} }
.warning-list-content { .warning-list-content {
padding: 10px; padding: 10px;
@ -620,7 +622,7 @@
} }
.el-button { .el-button {
border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
background-color:#2F8AE5; background-color: #2f8ae5;
color: #fff; color: #fff;
} }
} }
@ -634,7 +636,7 @@
.lists { .lists {
border-radius: 10px; border-radius: 10px;
padding: 20px 10px; padding: 20px 10px;
background-color: #FAFAFA; background-color: #fafafa;
.hearder { .hearder {
display: flex; display: flex;
.warning-title { .warning-title {
@ -658,33 +660,34 @@
// align-content: space-between; // align-content: space-between;
// flex-wrap: wrap; // flex-wrap: wrap;
} }
// 12345 // 12345
.qunti { .qunti {
color: #F43147; color: #f43147;
background: rgba(244,49,71,0.1); background: rgba(244, 49, 71, 0.1);
} }
.tongren{ .tongren {
color: #2BC4C4; color: #2bc4c4;
background: rgba(43,196,196,0.1); background: rgba(43, 196, 196, 0.1);
} }
.jinji{ .jinji {
background: rgba(245,154,35,0.1); background: rgba(245, 154, 35, 0.1);
color: #F59A23; color: #f59a23;
} }
.zhongdian{ .zhongdian {
background: rgba(162,75,243,0.1); background: rgba(162, 75, 243, 0.1);
color: #a24bf3; color: #a24bf3;
} }
.yiren{ .yiren {
color: #F954A5; color: #f954a5;
background: rgba(249,84,165,0.1); background: rgba(249, 84, 165, 0.1);
} }
} }
.content { .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 10px 0; margin: 10px 0;
.content-top,.content-bottom { .content-top,
.content-bottom {
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi; font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
@ -722,7 +725,8 @@
border-radius: 5px; border-radius: 5px;
padding: 8px 0; padding: 8px 0;
position: relative; position: relative;
.audit,.info { .audit,
.info {
flex: 1; flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
@ -736,7 +740,7 @@
color: #808080; color: #808080;
} }
.info { .info {
color: #2F8AE5; color: #2f8ae5;
} }
span { span {
@ -744,7 +748,7 @@
left: 50%; left: 50%;
width: 1px; width: 1px;
height: 40%; height: 40%;
background-color: #F2F2F2; background-color: #f2f2f2;
} }
} }
} }
@ -770,8 +774,8 @@
grid-row-gap: 10px; grid-row-gap: 10px;
border-radius: 5px; border-radius: 5px;
// border: 1px solid #DEE2EE; // border: 1px solid #DEE2EE;
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
background: #FFFFFF; background: #ffffff;
z-index: 1000; z-index: 1000;
.warning-events-event { .warning-events-event {
display: flex; display: flex;

@ -24,7 +24,7 @@ export function getFilterRouter() {
component: () => component: () =>
import("@/views/warningManage/warningAudit/groupEvent"), import("@/views/warningManage/warningAudit/groupEvent"),
name: "GroupEvent", name: "GroupEvent",
meta: { title: "驾驶舱群体事件", icon: "", affix: true }, meta: { title: "驾驶舱频发事件", icon: "", affix: true },
}, },
{ {
path: "/instancyEvent", path: "/instancyEvent",

@ -17,27 +17,54 @@
<div class="grid-content" v-if="auditStatus == 1"> <div class="grid-content" v-if="auditStatus == 1">
<div class="grid-title">概括名称</div> <div class="grid-title">概括名称</div>
<div class="grid-value-btn"> <div class="grid-value-btn">
<el-tooltip class="item" effect="light" :content="audioInfo.title" placement="top"> <el-tooltip
class="item"
effect="light"
:content="audioInfo.title"
placement="top"
>
<!-- @blur="titleBlur" --> <!-- @blur="titleBlur" -->
<el-input class="grid-value-value" v-loading="InputLoading" v-model="audioInfo.title" placeholder="概括名称" :disabled="disabled"></el-input> <el-input
class="grid-value-value"
v-loading="InputLoading"
v-model="audioInfo.title"
placeholder="概括名称"
:disabled="disabled"
></el-input>
</el-tooltip> </el-tooltip>
<el-button size="mini" @click="changeTitle"><img src="@/assets/images/changeTitle.png" alt=""> 修改标题</el-button> <el-button size="mini" @click="changeTitle"
><img src="@/assets/images/changeTitle.png" alt="" />
修改标题</el-button
>
</div> </div>
</div> </div>
<div class="lookTitle" v-else> <div class="lookTitle" v-else>
<div class="grid-content"> <div class="grid-content">
<div class="grid-title">概括名称</div> <div class="grid-title">概括名称</div>
<el-tooltip class="item" effect="light" :content="audioInfo.title" placement="top"> <el-tooltip
class="item"
effect="light"
:content="audioInfo.title"
placement="top"
>
<div class="grid-value">{{ audioInfo.title }}</div> <div class="grid-value">{{ audioInfo.title }}</div>
</el-tooltip> </el-tooltip>
</div> </div>
<el-button size="mini" v-if="audioInfo.titleBefore" @click="lookTitleBefore"><img src="@/assets/images/changeTitle.png" alt=""> </el-button> <el-button
size="mini"
v-if="audioInfo.titleBefore"
@click="lookTitleBefore"
><img src="@/assets/images/changeTitle.png" alt="" />
查看原标题</el-button
>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="grid-content"> <div class="grid-content">
<div class="grid-title">预警时间</div> <div class="grid-title">预警时间</div>
<div class="grid-value">{{ audioInfo.firstWarnTimeDate || audioInfo.caseDate }}</div> <div class="grid-value">
{{ audioInfo.firstWarnTimeDate || audioInfo.caseDate }}
</div>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -51,7 +78,12 @@
<el-col :span="8"> <el-col :span="8">
<div class="grid-content"> <div class="grid-content">
<div class="grid-title">预警因素</div> <div class="grid-title">预警因素</div>
<el-tooltip class="item" effect="light" :content="audioInfo.warnFactor" placement="top"> <el-tooltip
class="item"
effect="light"
:content="audioInfo.warnFactor"
placement="top"
>
<div class="grid-value">{{ audioInfo.warnFactor }}</div> <div class="grid-value">{{ audioInfo.warnFactor }}</div>
</el-tooltip> </el-tooltip>
</div> </div>
@ -59,7 +91,21 @@
<el-col :span="8"> <el-col :span="8">
<div class="grid-content"> <div class="grid-content">
<div class="grid-title">预警类别</div> <div class="grid-title">预警类别</div>
<div class="grid-value warning-type">{{ audioInfo.msgType == '1' ? "群体事件" : audioInfo.msgType == '2' ? "同人同诉" : audioInfo.msgType == '3' ? "紧急事件" : audioInfo.msgType == '4' ? "重点人员" : audioInfo.msgType == '5' ? "一人多诉" : "" }}</div> <div class="grid-value warning-type">
{{
audioInfo.msgType == "1"
? "频发事件"
: audioInfo.msgType == "2"
? "同人同诉"
: audioInfo.msgType == "3"
? "紧急事件"
: audioInfo.msgType == "4"
? "重点人员"
: audioInfo.msgType == "5"
? "一人多诉"
: ""
}}
</div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -67,7 +113,12 @@
<div class="audit-table"> <div class="audit-table">
<section class="table-box"> <section class="table-box">
<div class="table-item"> <div class="table-item">
<el-table v-loading="loading" :data="tableData" :cell-class-name="addStyle" border> <el-table
v-loading="loading"
:data="tableData"
:cell-class-name="addStyle"
border
>
<el-table-column <el-table-column
type="index" type="index"
label="序号" label="序号"
@ -76,13 +127,20 @@
/> />
<el-table-column label="工单编号" align="center" prop="caseSerial"> <el-table-column label="工单编号" align="center" prop="caseSerial">
</el-table-column> </el-table-column>
<el-table-column label="案件描述" width="180" align="center" prop="caseContent"> <el-table-column
label="案件描述"
width="180"
align="center"
prop="caseContent"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-tooltip class="item" effect="light" placement="top"> <el-tooltip class="item" effect="light" placement="top">
<template slot="content"> <template slot="content">
<p style="width: 400px;">{{ scope.row.caseContent }}</p> <p style="width: 400px">{{ scope.row.caseContent }}</p>
</template> </template>
<div class="anjianmiaoshuTwo"> {{ scope.row.caseContent }}</div> <div class="anjianmiaoshuTwo">
{{ scope.row.caseContent }}
</div>
</el-tooltip> </el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
@ -90,22 +148,51 @@
</el-table-column> </el-table-column>
<el-table-column label="上报时间" align="center" prop="caseDate"> <el-table-column label="上报时间" align="center" prop="caseDate">
</el-table-column> </el-table-column>
<el-table-column label="审核时间" v-if="auditStatus == 2" align="center" prop="auditTime"> <el-table-column
label="审核时间"
v-if="auditStatus == 2"
align="center"
prop="auditTime"
>
</el-table-column> </el-table-column>
<el-table-column label="审核结果" v-if="auditStatus == 2" align="center" prop="isReport"> <el-table-column
label="审核结果"
v-if="auditStatus == 2"
align="center"
prop="isReport"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span class="sign" v-if="scope.row.isReport == 1 || scope.row.isReport == 2"></span> <span
class="sign"
v-if="scope.row.isReport == 1 || scope.row.isReport == 2"
>不符合</span
>
<span class="unmark" v-else></span> <span class="unmark" v-else></span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="operation-box" > <el-table-column
label="操作"
align="center"
class-name="operation-box"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div class="operation"> <div class="operation">
<el-radio-group v-model="scope.row.radio" @change.native="changRadio(scope.row)" v-if="auditStatus == 1"> <el-radio-group
v-model="scope.row.radio"
@change.native="changRadio(scope.row)"
v-if="auditStatus == 1"
>
<el-radio v-removeAriaHiddent :label="1">符合</el-radio> <el-radio v-removeAriaHiddent :label="1">符合</el-radio>
<el-radio v-removeAriaHiddent :label="2" value="13212">不符合</el-radio> <el-radio v-removeAriaHiddent :label="2" value="13212"
>不符合</el-radio
>
</el-radio-group> </el-radio-group>
<el-button @click="toDetail(scope.row)" type="text" style="margin-left: 20px;" class="sqbtn sqbtn1"> <el-button
@click="toDetail(scope.row)"
type="text"
style="margin-left: 20px"
class="sqbtn sqbtn1"
>
查看详情 查看详情
</el-button> </el-button>
</div> </div>
@ -134,174 +221,214 @@
width="30%" width="30%"
title="查看标题" title="查看标题"
:visible.sync="innerVisible" :visible.sync="innerVisible"
append-to-body> append-to-body
>
<el-descriptions :column="1"> <el-descriptions :column="1">
<el-descriptions-item label="当前标题">{{ audioInfo.title }}</el-descriptions-item> <el-descriptions-item label="当前标题">{{
<el-descriptions-item label="历史标题">{{ audioInfo.titleBefore }}</el-descriptions-item> audioInfo.title
}}</el-descriptions-item>
<el-descriptions-item label="历史标题">{{
audioInfo.titleBefore
}}</el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-dialog> </el-dialog>
<urgency-audit title="工单详情" ref="urgencyAudit" :auditStatus="auditStatusTwo"></urgency-audit> <urgency-audit
title="工单详情"
ref="urgencyAudit"
:auditStatus="auditStatusTwo"
></urgency-audit>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import { auditList, eventChangeIsReport, editTitle } from "@/api/eventPage" import { auditList, eventChangeIsReport, editTitle } from "@/api/eventPage";
import urgencyAudit from '@/views/components/urgencyAudit.vue' import urgencyAudit from "@/views/components/urgencyAudit.vue";
export default { export default {
components:{ components: {
urgencyAudit urgencyAudit,
}, },
data() { data() {
return { return {
showCK:false, showCK: false,
audioInfo:{}, audioInfo: {},
backupsInfo:{}, backupsInfo: {},
loading:false, loading: false,
InputLoading:false, InputLoading: false,
tableData:[], tableData: [],
total:0, total: 0,
pages: { pages: {
current: 1, current: 1,
size: 10 size: 10,
}, },
disabled:true, disabled: true,
multipleSelection: [], multipleSelection: [],
innerVisible:false, innerVisible: false,
auditStatusTwo: 1, auditStatusTwo: 1,
} };
}, },
props:{ props: {
title:{ title: {
type:String, type: String,
default:"" default: "",
},
auditStatus: {
type: Number,
required: true,
}, },
auditStatus:{
type:Number,
required: true
}
}, },
methods:{ methods: {
// //
open(row){ open(row) {
this.audioInfo = {...row}; this.audioInfo = { ...row };
this.backupsInfo = {...row}; this.backupsInfo = { ...row };
this.showCK = true; this.showCK = true;
this.getList(row.innerEventId); this.getList(row.innerEventId);
}, },
// //
close(){ close() {
this.showCK = false; this.showCK = false;
this.InputLoading = false; this.InputLoading = false;
this.loading = false; this.loading = false;
this.multipleSelection = []; this.multipleSelection = [];
this.pages = { this.pages = {
current: 1, current: 1,
size: 10 size: 10,
} };
}, },
getList(id){ getList(id) {
this.loading = true; this.loading = true;
auditList(id,{...this.pages}).then(res=>{ auditList(id, { ...this.pages })
const deepCopy = JSON.parse(JSON.stringify(res.data.records)); .then((res) => {
this.tableData = deepCopy; const deepCopy = JSON.parse(JSON.stringify(res.data.records));
if(this.multipleSelection.length > 0) { this.tableData = deepCopy;
this.tableData.forEach(item=>{ if (this.multipleSelection.length > 0) {
this.$set(item, 'radio', 1); this.tableData.forEach((item) => {
this.multipleSelection.forEach(itemTwo=>{ this.$set(item, "radio", 1);
if(itemTwo == item.caseSerial) { this.multipleSelection.forEach((itemTwo) => {
this.$set(item, 'radio', 2); if (itemTwo == item.caseSerial) {
} this.$set(item, "radio", 2);
}) }
}) });
} else { });
this.tableData.map(item=>{ } else {
this.$set(item, 'radio', 1); this.tableData.map((item) => {
}) this.$set(item, "radio", 1);
} });
this.total = res.data.total; }
this.loading = false; this.total = res.data.total;
}).catch(err=>{ this.loading = false;
this.loading = false; })
}) .catch((err) => {
this.loading = false;
});
}, },
// //
toDetail(item){ toDetail(item) {
// console.log(item); // console.log(item);
this.auditStatusTwo = 2; this.auditStatusTwo = 2;
this.$refs.urgencyAudit.open(this.audioInfo,item); this.$refs.urgencyAudit.open(this.audioInfo, item);
}, },
changRadio(row){ changRadio(row) {
if(row.radio == 2) { if (row.radio == 2) {
this.multipleSelection.push(row.caseSerial); this.multipleSelection.push(row.caseSerial);
} else if(row.radio == 1){ } else if (row.radio == 1) {
this.multipleSelection = this.multipleSelection.filter((item)=> item !== row.caseSerial) this.multipleSelection = this.multipleSelection.filter(
(item) => item !== row.caseSerial
);
} }
}, },
// /退 // /退
reported(id){ reported(id) {
this.$confirm(`确定要${id == 1 ? '重新上报驾驶舱' : id == 2 ? '退回重训练' : id == 3 ? '审核通过':''}吗?`, "警告", { this.$confirm(
confirmButtonText: "确定", `确定要${
cancelButtonText: "取消", id == 1
type: "warning", ? "重新上报驾驶舱"
}).then(() => { : id == 2
if(id !== 3) { ? "退回重训练"
: id == 3
? "审核通过"
: ""
}?`,
"警告",
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}
).then(() => {
if (id !== 3) {
// if(this.multipleSelection.length > 0 || this.backupsInfo.title !== this.audioInfo.title) { // if(this.multipleSelection.length > 0 || this.backupsInfo.title !== this.audioInfo.title) {
if(this.backupsInfo.title !== this.audioInfo.title) { if (this.backupsInfo.title !== this.audioInfo.title) {
eventChangeIsReport({isReport:id,caseSerial:this.multipleSelection,innerEventId:this.audioInfo.innerEventId,newTitle:this.audioInfo.title,oldTitle:this.backupsInfo.title}).then(res=>{ eventChangeIsReport({
// console.log(res); isReport: id,
this.multipleSelection = []; caseSerial: this.multipleSelection,
this.$message({ innerEventId: this.audioInfo.innerEventId,
type: "success", newTitle: this.audioInfo.title,
message: id == 1 ? '已上报驾驶舱' : '已退回重训练' + "!", oldTitle: this.backupsInfo.title,
}); }).then((res) => {
this.$emit('closeDialog') // console.log(res);
this.close(); this.multipleSelection = [];
}) this.$message({
} else { type: "success",
eventChangeIsReport({isReport:id,caseSerial:this.multipleSelection,innerEventId:this.audioInfo.innerEventId}).then(res=>{ message: id == 1 ? "已上报驾驶舱" : "已退回重训练" + "!",
// console.log(res); });
this.multipleSelection = []; this.$emit("closeDialog");
this.$message({ this.close();
type: "success", });
message: id == 1 ? '已上报驾驶舱' : '已退回重训练' + "!", } else {
}); eventChangeIsReport({
this.$emit('closeDialog') isReport: id,
this.close(); caseSerial: this.multipleSelection,
}) innerEventId: this.audioInfo.innerEventId,
} }).then((res) => {
// console.log(res);
this.multipleSelection = [];
this.$message({
type: "success",
message: id == 1 ? "已上报驾驶舱" : "已退回重训练" + "!",
});
this.$emit("closeDialog");
this.close();
});
}
// } else { // } else {
// this.$message.error(`${id == 1 ? '' : id == 2 ? '退' : ''}`); // this.$message.error(`${id == 1 ? '' : id == 2 ? '退' : ''}`);
// } // }
} else { } else {
if(this.backupsInfo.title !== this.audioInfo.title) { if (this.backupsInfo.title !== this.audioInfo.title) {
this.$message.error(`您已修改标题,请上报驾驶舱或退回重训练`); this.$message.error(`您已修改标题,请上报驾驶舱或退回重训练`);
} else if(this.multipleSelection.length > 0) { } else if (this.multipleSelection.length > 0) {
this.$message.error(`您已标记工单为不符合,请上报驾驶舱或退回重训练`); this.$message.error(
`您已标记工单为不符合,请上报驾驶舱或退回重训练`
);
} else { } else {
eventChangeIsReport({isReport:id,innerEventId:this.audioInfo.innerEventId}).then(res=>{ eventChangeIsReport({
isReport: id,
innerEventId: this.audioInfo.innerEventId,
}).then((res) => {
// console.log(res); // console.log(res);
this.$message({ this.$message({
type: "success", type: "success",
message: "审核完成", message: "审核完成",
}); });
this.$emit('closeDialog') this.$emit("closeDialog");
this.close(); this.close();
}) });
} }
} }
}) });
}, },
// //
lookTitleBefore(){ lookTitleBefore() {
this.innerVisible = true; this.innerVisible = true;
}, },
// //
changeTitle(){ changeTitle() {
this.disabled = false; this.disabled = false;
}, },
// //
titleBlur(){ titleBlur() {
this.disabled = true; this.disabled = true;
if(this.backupsInfo.title !== this.audioInfo.title) { if (this.backupsInfo.title !== this.audioInfo.title) {
// this.InputLoading = true; // this.InputLoading = true;
// editTitle({title:this.audioInfo.title, innerEventId:this.audioInfo.innerEventId}).then(res=>{ // editTitle({title:this.audioInfo.title, innerEventId:this.audioInfo.innerEventId}).then(res=>{
// if(res.code == 200) { // if(res.code == 200) {
@ -323,11 +450,11 @@ export default {
this.getList(this.audioInfo.innerEventId); this.getList(this.audioInfo.innerEventId);
}, },
// //
addStyle({row, column, rowIndex, columnIndex}) { addStyle({ row, column, rowIndex, columnIndex }) {
if(columnIndex === 2) { if (columnIndex === 2) {
return "columnFactor" return "columnFactor";
} }
}, },
}, },
} };
</script> </script>

@ -39,7 +39,7 @@
<div v-if="eventList.length > 0"> <div v-if="eventList.length > 0">
<div class="lists" v-for="(item, index) in eventList"> <div class="lists" v-for="(item, index) in eventList">
<div class="hearder"> <div class="hearder">
<!--群体事件1同人同诉2紧急事件3重点人员4一人多诉5 --> <!--频发事件1同人同诉2紧急事件3重点人员4一人多诉5 -->
<div <div
class="anniu" class="anniu"
:class=" :class="
@ -155,7 +155,7 @@ export default {
event: [ event: [
{ {
img: require("../../assets/images/icon-qtsj-1@2x.png"), img: require("../../assets/images/icon-qtsj-1@2x.png"),
text: "群体事件", text: "频发事件",
color: "#d9001b", color: "#d9001b",
}, },
{ {
@ -382,7 +382,7 @@ export default {
}); });
let arr = [...res.data]; let arr = [...res.data];
arr.map((item, index) => { arr.map((item, index) => {
// 12345 // 12345
if (item.msgType == "1") { if (item.msgType == "1") {
let lat = item.caseLnglat.split(",")[1]; let lat = item.caseLnglat.split(",")[1];
let lon = item.caseLnglat.split(",")[0]; let lon = item.caseLnglat.split(",")[0];
@ -448,7 +448,7 @@ export default {
</div> </div>
<div class="infoValue">${ <div class="infoValue">${
item.msgType == "1" item.msgType == "1"
? "群体事件" ? "频发事件"
: item.msgType == "2" : item.msgType == "2"
? "同人同诉" ? "同人同诉"
: item.msgType == "3" : item.msgType == "3"

@ -1,8 +1,8 @@
<!-- 驾驶舱群体事件 --> <!-- 驾驶舱频发事件 -->
<template> <template>
<div class="L-ultimately-container"> <div class="L-ultimately-container">
<header> <header>
驾驶舱群体事件 驾驶舱频发事件
<span class="title-span" <span class="title-span"
>解释同地点同一件事发生多起规则3天内同地点同一件事发生超过10次的如果超过30天则创建新事件如果当天再发生不再推送新事件第二天再发生再推送新事件</span >解释同地点同一件事发生多起规则3天内同地点同一件事发生超过10次的如果超过30天则创建新事件如果当天再发生不再推送新事件第二天再发生再推送新事件</span
> >

Loading…
Cancel
Save