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