|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="u-detail">
|
|
|
- <el-form ref="ruleForm" label-width="120px" label-suffix=":">
|
|
|
+ <el-form ref="ruleForm" label-width="90px" label-suffix=":">
|
|
|
<dg-row :gutter="20">
|
|
|
<dg-col :span="12">
|
|
|
<el-form-item label="方案名称">
|
|
@@ -18,12 +18,14 @@
|
|
|
<dg-row :gutter="20">
|
|
|
<dg-col :span="12">
|
|
|
<el-form-item label="创建时间">
|
|
|
- <div class="u-detail__text">{{ sizeForm.createTime }}</div>
|
|
|
+ <div class="u-detail__text">
|
|
|
+ {{ sizeForm.createTime | dateFormatter("YYYY-MM-DD HH:mm:ss") }}
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
</dg-col>
|
|
|
</dg-row>
|
|
|
<dg-row :gutter="20">
|
|
|
- <dg-col :span="12">
|
|
|
+ <dg-col :span="24">
|
|
|
<el-form-item label="检测规则">
|
|
|
<div v-if="sizeForm.type === 'JQBYTJBWZFX'">
|
|
|
<p>
|
|
@@ -32,7 +34,7 @@
|
|
|
<div>
|
|
|
鉴权类型:
|
|
|
<dg-radio-group
|
|
|
- v-model="sizeForm.authType"
|
|
|
+ v-model="form.authType"
|
|
|
enum="AuthenticationNecessaryParamEnum"
|
|
|
@change="setNecessaryParams"
|
|
|
call-off
|
|
@@ -41,26 +43,29 @@
|
|
|
<div class="form-inline">
|
|
|
<label>必要参数:</label>
|
|
|
<dg-checkbox-group
|
|
|
- v-model="sizeForm.necessaryParams"
|
|
|
+ v-model="form.necessaryParams"
|
|
|
enum="AuthenticationTypeEnum"
|
|
|
disabled
|
|
|
></dg-checkbox-group>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div v-else>
|
|
|
+ {{ ruleContent }}
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
</dg-col>
|
|
|
</dg-row>
|
|
|
<dg-row :gutter="20">
|
|
|
<dg-col :span="24">
|
|
|
- <el-form-item label="风险内容">
|
|
|
- <div class="u-detail__text">{{ sizeForm.contentFormat }}</div>
|
|
|
+ <el-form-item label="规则说明">
|
|
|
+ <div class="u-detail__text">{{ sizeForm.ruleExplain }}</div>
|
|
|
</el-form-item>
|
|
|
</dg-col>
|
|
|
</dg-row>
|
|
|
<dg-row :gutter="20">
|
|
|
<dg-col :span="24">
|
|
|
- <el-form-item label="规则说明">
|
|
|
- <div class="u-detail__text">{{ sizeForm.ruleExplain }}</div>
|
|
|
+ <el-form-item label="风险内容">
|
|
|
+ <div class="u-detail__text">{{ sizeForm.contentFormat }}</div>
|
|
|
</el-form-item>
|
|
|
</dg-col>
|
|
|
</dg-row>
|
|
@@ -88,36 +93,45 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
data() {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ form: {
|
|
|
+ necessaryParams: "",
|
|
|
+ authType: ""
|
|
|
+ },
|
|
|
+ ruleContent: "",
|
|
|
+ necessaryParams: []
|
|
|
+ };
|
|
|
},
|
|
|
methods: {
|
|
|
+ init() {
|
|
|
+ if (this.sizeForm.type === "JQBYTJBWZFX") {
|
|
|
+ this.necessaryParams = JSON.parse(this.sizeForm.ruleContent);
|
|
|
+ if (Array.isArray(this.necessaryParams) && this.necessaryParams.length) {
|
|
|
+ this.form.authType = this.necessaryParams[0].type;
|
|
|
+ this.setNecessaryParams(this.form.authType);
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const { interval, frequency } = JSON.parse(this.sizeForm.ruleContent);
|
|
|
+ const text = this.sizeForm.type === "DSJPFJQFX" ? "分钟内,鉴权次数超过" : "分钟内,命中红/白名单超过";
|
|
|
+ this.ruleContent = interval + text + frequency + "次";
|
|
|
+ },
|
|
|
handleClose() {
|
|
|
this.$emit("close");
|
|
|
+ },
|
|
|
+ setNecessaryParams(key) {
|
|
|
+ const seleted = this.necessaryParams.find(item => item.type === key);
|
|
|
+ if (seleted) {
|
|
|
+ this.form.necessaryParams = seleted.params
|
|
|
+ .map(item => {
|
|
|
+ return item.name;
|
|
|
+ })
|
|
|
+ .join(",");
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- const that = this;
|
|
|
- const { sizeForm } = that;
|
|
|
- // let str = "";
|
|
|
- // policeMsgApi
|
|
|
- // .businessDetail({
|
|
|
- // codeDicId: "DM_POLICE_BUSINESS",
|
|
|
- // columnName: "police_type_id",
|
|
|
- // columnValue: sizeForm.policeCategory ? sizeForm.policeCategory : "01"
|
|
|
- // })
|
|
|
- // .then(res => {
|
|
|
- // if (sizeForm.policeBusiness) {
|
|
|
- // if (res && res.length > 0) {
|
|
|
- // res.forEach(item => {
|
|
|
- // if (sizeForm.policeBusiness.indexOf(item.value) !== -1) {
|
|
|
- // str += item.label + ",";
|
|
|
- // }
|
|
|
- // });
|
|
|
- // str = str.slice(0, str.length - 1);
|
|
|
- // }
|
|
|
- // that.policeBusinessLabel = str;
|
|
|
- // }
|
|
|
- // });
|
|
|
+ this.init();
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
@@ -128,4 +142,10 @@ export default {
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
}
|
|
|
+.form-inline {
|
|
|
+ display: flex;
|
|
|
+ label {
|
|
|
+ min-width: 5.4em;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|