e
8 months ago
parent
74810344e2
commit
f8ddd5c042
@ -0,0 +1,121 @@
|
|||||||
|
<template>
|
||||||
|
<div class="elementInfoPanel">
|
||||||
|
<tableMain>
|
||||||
|
<div class="elementInfoWrap">
|
||||||
|
<div class="titleWrap">提醒配置管理</div>
|
||||||
|
<div class="topHead">
|
||||||
|
<gTab
|
||||||
|
ref="gTabRef"
|
||||||
|
:tabList="tabList"
|
||||||
|
:curTab="curTab"
|
||||||
|
@tabClick="tabChange"
|
||||||
|
></gTab>
|
||||||
|
</div>
|
||||||
|
<div class="btmBody">
|
||||||
|
<router-view></router-view>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</tableMain>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import tableMain from "../components/tableMain.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
tableMain,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tabList: [
|
||||||
|
{
|
||||||
|
name: "统计分析",
|
||||||
|
value: "1",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "研判应用",
|
||||||
|
value: "2",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
curTab: "1",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.tabChange("1");
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
tabChange(val, obj) {
|
||||||
|
if (val == "1") {
|
||||||
|
this.gotoPage("/teamWork/elementScreen");
|
||||||
|
}
|
||||||
|
if (val == "2") {
|
||||||
|
this.gotoPage("/teamWork/juageApply");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
gotoPage(val) {
|
||||||
|
this.$router.push({
|
||||||
|
path: val,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss">
|
||||||
|
@import "@/loveflow/assets/index.scss";
|
||||||
|
.elementInfoPanel {
|
||||||
|
padding: 16px;
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #ffffff;
|
||||||
|
overflow-y: scroll;
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.elementInfoWrap {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.titleWrap {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 46px;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #ebfff4;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
text-shadow: 0px 0px 9px rgba(21, 255, 195, 0.6);
|
||||||
|
border-bottom: solid 1px rgba(91, 116, 140, 0.6);
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
margin: 0 2px;
|
||||||
|
width: vw(20);
|
||||||
|
height: vw(20);
|
||||||
|
background: url("~@/assets/images/base/navI.png") no-repeat center
|
||||||
|
center;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
.dealDetailTitle {
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: vw(16);
|
||||||
|
color: #ebf7ff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.topHead {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
height: 50px;
|
||||||
|
border-bottom: solid 1px rgba(91, 116, 140, 0.6);
|
||||||
|
}
|
||||||
|
.btmBody {
|
||||||
|
padding-top: vw(14);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: calc(100% - 100px);
|
||||||
|
overflow-y: scroll;
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,183 @@
|
|||||||
|
<template>
|
||||||
|
<div class="juageApplyPanel">
|
||||||
|
<div class="flexSpaceBetween">
|
||||||
|
<div class="tableOperator"></div>
|
||||||
|
<div class="searchWrap">
|
||||||
|
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
|
||||||
|
<el-form-item label="消息类型:">
|
||||||
|
<el-select clearable v-model="queryParam.msg" placeholder="">
|
||||||
|
<el-option
|
||||||
|
v-for="item in msgList"
|
||||||
|
:label="item.name"
|
||||||
|
:key="item.name"
|
||||||
|
:value="item.value"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="请选择推送方式:">
|
||||||
|
<el-select clearable v-model="queryParam.cq" placeholder="">
|
||||||
|
<el-option
|
||||||
|
v-for="item in pushList"
|
||||||
|
:label="item.name"
|
||||||
|
:key="item.name"
|
||||||
|
:value="item.value"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="超期短信提醒:">
|
||||||
|
<el-select clearable v-model="queryParam.tx" placeholder="">
|
||||||
|
<el-option
|
||||||
|
v-for="item in isNoList"
|
||||||
|
:label="item.name"
|
||||||
|
:key="item.name"
|
||||||
|
:value="item.value"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="searchQuery">查询</el-button>
|
||||||
|
<el-button type="primary" plain @click="searchReset"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tableWrap">
|
||||||
|
<gMainTable
|
||||||
|
border
|
||||||
|
stripe
|
||||||
|
ref="gMainTable"
|
||||||
|
:tableData="dataSource"
|
||||||
|
:columns="columns"
|
||||||
|
rowKey="id"
|
||||||
|
:pagination="ipagination"
|
||||||
|
@pageSizeChange="handlePageSizeChange"
|
||||||
|
@currentPageChange="handleCurrentPageChange"
|
||||||
|
>
|
||||||
|
<template v-slot:idSlot="{ scope }">
|
||||||
|
<span class="serialWrap">
|
||||||
|
{{ scope.row.id }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
<template v-slot:optSlot="{ scope }">
|
||||||
|
<span class="tableOPtBtn" @click="ruleSet(scope.row)">
|
||||||
|
规则配置
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
<template v-slot:isnSlot="{ scope }">
|
||||||
|
<gDict :options="isNoList" :value="scope.row.msg"></gDict>
|
||||||
|
</template>
|
||||||
|
<template v-slot:msgSlot="{ scope }">
|
||||||
|
<gDict :options="msgList" :value="scope.row.jj"></gDict>
|
||||||
|
</template>
|
||||||
|
</gMainTable>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<FormDialog
|
||||||
|
labelPosition="top"
|
||||||
|
ref="formDialog"
|
||||||
|
:formItems="formItems"
|
||||||
|
width="800px"
|
||||||
|
@formSubmit="formSubmit"
|
||||||
|
>
|
||||||
|
</FormDialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
|
||||||
|
import { commonMixins } from "@/loveflow/mixins/commonMixins";
|
||||||
|
export default {
|
||||||
|
mixins: [tableListMixins, commonMixins],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
slot: "idSlot",
|
||||||
|
prop: "id",
|
||||||
|
label: "序号",
|
||||||
|
attrs: {
|
||||||
|
width: 60,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "risk",
|
||||||
|
label: "风险类型",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "flowType",
|
||||||
|
label: "异常明细项",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slot: "waySlot",
|
||||||
|
prop: "way",
|
||||||
|
label: "处置方式",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "deal",
|
||||||
|
label: "处置要求",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
slot: "optSlot",
|
||||||
|
prop: "jj",
|
||||||
|
label: "处置配置",
|
||||||
|
attrs: {
|
||||||
|
width: 140,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "remarks",
|
||||||
|
label: "备注",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
formItems: [
|
||||||
|
{
|
||||||
|
type: "select",
|
||||||
|
itemAttrs: {
|
||||||
|
label: "请选择处置要求",
|
||||||
|
span: 24,
|
||||||
|
rules: this.requiredItem,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
model: "push",
|
||||||
|
value: "",
|
||||||
|
option: [],
|
||||||
|
style: {
|
||||||
|
width: "100%",
|
||||||
|
paddingRight: "16px",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.setFindItem("formItems", "push").attrs.option = this.dealWayList;
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
ruleSet(obj) {
|
||||||
|
this.$refs.formDialog.openDialog("detail", obj, "推送规则设置");
|
||||||
|
},
|
||||||
|
formSubmit(obj) {
|
||||||
|
console.log(obj);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss">
|
||||||
|
@import "@/loveflow/assets/index.scss";
|
||||||
|
.juageApplyPanel {
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
overflow: hidden;
|
||||||
|
.tableWrap {
|
||||||
|
.serialWrap {
|
||||||
|
padding: 2px 6px;
|
||||||
|
border: solid 1px #9ed7e7;
|
||||||
|
color: #33e6ff;
|
||||||
|
font-weight: bold;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,51 @@
|
|||||||
|
<template>
|
||||||
|
<div class="elementInfoScreen">
|
||||||
|
<div class="screenRow pb14">
|
||||||
|
<div class="colWrap">
|
||||||
|
<colWrap title="要素数量统计"> </colWrap>
|
||||||
|
</div>
|
||||||
|
<div class="colWrap">
|
||||||
|
<colWrap title="风险处置情况"> </colWrap>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="screenRow pb14">
|
||||||
|
<div class="colWrap">
|
||||||
|
<colWrap title="异常事件分布"> </colWrap>
|
||||||
|
</div>
|
||||||
|
<div class="colWrap">
|
||||||
|
<timeSelect></timeSelect>
|
||||||
|
<colWrap title="违法行为统计"> </colWrap>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import colWrap from "../components/colWrap.vue";
|
||||||
|
import timeSelect from "../components/timeSelect.vue";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
colWrap,
|
||||||
|
timeSelect,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss">
|
||||||
|
@import "@/loveflow/assets/index.scss";
|
||||||
|
.elementInfoScreen {
|
||||||
|
height: 100%;
|
||||||
|
padding: 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
overflow: hidden;
|
||||||
|
.screenRow {
|
||||||
|
display: flex;
|
||||||
|
height: 50%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.colWrap{
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue