From 98a6297b10a4b97c3022f84d3ba7908c178d9ee0 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期二, 20 十月 2020 10:30:10 +0800
Subject: [PATCH] 应用中心安装提示bug修复
---
src/pages/datapush/index/RightEvent.vue | 718 +++++++++++++++++++----------------------------------------
1 files changed, 232 insertions(+), 486 deletions(-)
diff --git a/src/pages/datapush/index/RightEvent.vue b/src/pages/datapush/index/RightEvent.vue
index cc4c6f0..c0a6f68 100644
--- a/src/pages/datapush/index/RightEvent.vue
+++ b/src/pages/datapush/index/RightEvent.vue
@@ -3,12 +3,17 @@
<div class="s-right-config">
<el-form>
<el-form-item label="鍚嶇О">
- <el-input v-model="eventData.name" placeholder="璇疯緭鍏ュ悕绉�" size="small" style="width:400px"></el-input>
+ <el-input
+ v-model="taskEditData.name"
+ placeholder="璇疯緭鍏ュ悕绉�"
+ size="small"
+ style="width:400px"
+ ></el-input>
</el-form-item>
<el-form-item label="鏃堕棿">
<el-date-picker
- v-model="eventData.time"
+ v-model="taskEditData.time"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
@@ -20,35 +25,15 @@
</el-form-item>
<span style="line-height: 38px;">鎺ㄩ�佹湇鍔″櫒</span>
- <div class="icon-btn" v-if="ips.length < 1" @click="addUrl('ip')">
+ <div class="icon-btn" v-if="urls.length < 1" @click="addUrl()">
<i class="el-icon-circle-plus-outline"></i>
- <span> 娣诲姞ip</span>
- </div>
- <div class="icon-btn" v-if="domains.length < 1" @click="addUrl('domain')">
- <i class="el-icon-circle-plus-outline"></i>
- <span> 娣诲姞鍩熷悕</span>
+ <span> 娣诲姞鎺ュ彛鍦板潃</span>
</div>
<div v-for="(item,index) in urls" :key="item.hash" class="flex-box server-url">
<div>
<el-checkbox v-model="item.enable"></el-checkbox>
- <span class="ml20">{{item.type =='ip' ? 'IP ' : '鍩熷悕 '}}</span>
- <!-- <el-input v-model="item.url" style="width:400px;margin-left:34px;" size="small"></el-input> -->
- <ip-input
- v-if="item.type == 'ip'"
- :id="item.url"
- :ip="item.ip"
- :item="item"
- :on-item-change="onIpBlur"
- style="width: 255px"
- ></ip-input>
- <el-input
- v-else
- v-model="item.domain"
- style="width:256px;margin-left:0px;"
- size="small"
- ></el-input>
- <span class="ml10">绔彛</span>
- <el-input v-model="item.port" style="width:100px;margin-left:5px;" size="small"></el-input>
+ <span class="ml20">{{'URL '}}</span>
+ <el-input v-model="item.url" style="width:360px;margin-left:0px;" size="small"></el-input>
</div>
<div class="server-add">
<i
@@ -56,14 +41,14 @@
@click="delUrl(index)"
style="color:red;margin-right:10px"
/>
- <i class="el-icon-circle-plus-outline" @click="addUrl(item.type)"></i>
+ <i class="el-icon-circle-plus-outline" @click="addUrl()"></i>
</div>
</div>
<el-form-item label="鑱斿姩鏂瑰紡" style="margin-top: 20px;width:100">
- <el-select v-model="eventData.lineWay" placeholder="璇烽�夋嫨" size="small">
+ <el-select v-model="taskEditData.lineWay" placeholder="璇烽�夋嫨" size="small">
<el-option
- v-for="item in eventData.lineOptions"
+ v-for="item in taskEditData.lineOptions"
:key="item.value"
:label="item.label"
:value="item.value"
@@ -72,8 +57,8 @@
</el-form-item>
<el-form-item label="鏍囩">
- <el-radio v-model="eventData.radioValue" label="1">婊¤冻鍏ㄩ儴</el-radio>
- <el-radio v-model="eventData.radioValue" label="2">婊¤冻浠绘剰涓�涓�</el-radio>
+ <el-radio v-model="taskEditData.radioValue" label="1">婊¤冻鍏ㄩ儴</el-radio>
+ <el-radio v-model="taskEditData.radioValue" label="2">婊¤冻浠绘剰涓�涓�</el-radio>
</el-form-item>
</el-form>
</div>
@@ -91,81 +76,82 @@
</div>
</div>
- <div v-for="(temp,index) in dataList" :key="index" style="margin-top:10px">
+ <div v-for="(rule,index) in dataList" :key="index" style="margin-top:10px">
<el-row :gutter="20">
+ <!-- 涓婚 -->
<el-col :span="4">
<el-select
- v-model="temp.polygon_id"
+ v-model="rule.topic_type"
placeholder="璇烽�夋嫨"
- @change="selectChange($event,'options1',temp)"
+ @change="selectTopic(rule, true)"
size="small"
>
<el-option
- v-for="item in temp.options1"
+ v-for="item in rule.topicTypeOptions"
:key="item.id"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-col>
+
+ <!-- 杩囨护鍊� -->
<el-col :span="4">
<el-select
- v-model="temp.sdk_id"
+ v-model="rule.topic_arg"
placeholder="璇烽�夋嫨"
- @change="selectChange($event,'options2',temp)"
+ @change="selectArg(rule, true)"
size="small"
>
<el-option
- v-for="item in temp.options2"
+ v-for="item in rule.topicArgOptions"
:key="item.id"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-col>
+
+ <!-- 鎿嶄綔绗� -->
+ <el-col :span="4">
+ <el-select v-model="rule.operator" placeholder="璇烽�夋嫨" size="small">
+ <el-option label="==" value="="></el-option>
+ </el-select>
+ </el-col>
+
+ <!-- 鍊肩被鍨� -->
<el-col :span="4">
<el-select
- v-model="temp.sdk_arg_alias"
+ v-model="rule.operator_type"
placeholder="璇烽�夋嫨"
- @change="selectChange($event,'options3',temp)"
+ @change="selectOperator(rule, true)"
size="small"
>
<el-option
- v-for="item in temp.options3"
+ v-for="item in rule.operatorTypeOpionts"
:key="item.id"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-col>
+
+ <!-- 杩囨护鍊� -->
<el-col :span="4">
- <el-select
- v-model="temp.operator"
- placeholder="璇烽�夋嫨"
- @change="selectChange($event,'options4',temp)"
- size="small"
- >
- <el-option
- v-for="item in temp.options4"
- :key="item.id"
- :label="item.name"
- :value="item.value"
- ></el-option>
- </el-select>
- </el-col>
- <el-col :span="4">
- <div v-if="temp.operator === 'custom'">
- <el-input v-model="temp.operator_type" placeholder="璇疯緭鍏ュ唴瀹�" size="small"></el-input>
+ <div v-if="rule.operator_type === 'custom'">
+ <el-input v-model="rule.rule_value" placeholder="璇疯緭鍏ュ唴瀹�" size="small"></el-input>
</div>
- <div v-if="temp.operator !== 'custom'">
+ <div v-else>
<el-select
- v-model="temp.operator_type"
+ v-model="rule.rule_values"
+ multiple
+ collapse-tags
placeholder="璇烽�夋嫨"
- @change="selectChange($event,'options5',temp)"
size="small"
+ @change="selectValue( rule, $event)"
>
<el-option
- v-for="item in temp.options5"
+ v-for="item in rule.ruleValueOptions"
:key="item.id"
:label="item.name"
:disabled="item.disabled"
@@ -196,31 +182,23 @@
<div class="rule-title2">
<b>瑙勫垯</b>
- <div class="div-border">{{eventData.eventTxt}}</div>
+ <div class="div-border" v-html="taskEditData.eventTxt"></div>
</div>
<div class="save-btn">
- <el-button type="info" size="small" @click="onCancle">鍙栨秷</el-button>
+ <el-button type="info" size="small" @click="onCancle" style="color:#222">鍙栨秷</el-button>
<el-button type="primary" @click="eventPushsSave" size="small">淇濆瓨</el-button>
</div>
</div>
</div>
</template>
<script>
-import ipInput from "@/components/subComponents/IPInput";
import { eventPushsSave, findByEventTopic } from "@/api/event";
import { findDictionaryByType, findDictionaryByID } from "@/api/dictionary";
+import { getTaskList } from "@/api/search";
+
export default {
name: "rightEvent",
- components: { ipInput },
- filters: {
- ipSplit(url) {
- return url.split(":")[0]
- },
- portSplit(url) {
- return url.split(":")[1]
- }
- },
props: {
eventObject: {
type: Object,
@@ -231,89 +209,65 @@
},
computed: {
urls() {
- return this.eventData.urls
- },
- ips() {
- return this.eventData.urls.filter(item => {
- return item.type === 'ip';
- })
- },
- domains() {
- return this.eventData.urls.filter(item => {
- return item.type === 'domain';
- })
+ return this.taskEditData.urls
}
+ },
+ data() {
+ return {
+ taskEditData: {},
+ dataList: [],
+ dictionary: [],
+ cameras: [],
+ tasks: [],
+ tables: [],
+ baseRule: {
+ event_push_id: "",
+ id: "",
+ operator: "==",
+ operator_type: "",
+ rule_value: "",
+ rule_values: [],
+ topic_arg: "",
+ topic_type: "",
+
+ topicTypeOptions: {},
+ topicArgOptions: {},
+ operatorOptions: {},
+ operatorTypeOpionts: {},
+ ruleValueOptions: []
+ },
+ };
},
watch: {
eventObject: {
handler(newVal, oldVal) {
- this.eventData.enable = this.eventObject.enable;
+ this.taskEditData.enable = this.eventObject.enable;
if (newVal !== oldVal) {
- // console.log(newVal, "褰撳墠閫変腑鐨勪簨浠秝atch");
- if (this.eventData.id !== newVal.id) {
+ if (this.taskEditData.id !== newVal.id) {
this.dataList = [];
- // console.log(this.eventObject.enable)
- this.eventData.id = newVal.id;
- this.eventData.name = newVal.name;
- this.eventData.time = [
+ this.taskEditData.id = newVal.id;
+ this.taskEditData.name = newVal.name;
+ this.taskEditData.time = [
this.eventObject.time_start,
this.eventObject.time_end
];
- this.eventData.serverIp = newVal.ip_ports;
- this.eventData.urls = newVal.urls;
- this.eventData.lineWay = newVal.link_type;
- this.eventData.eventTxt = newVal.rule_text;
- this.eventData.radioValue = newVal.is_satisfy_all ? "1" : "2";
+ this.taskEditData.serverIp = newVal.ip_ports;
+ this.taskEditData.urls = newVal.urls;
+ this.taskEditData.lineWay = newVal.link_type;
+ this.taskEditData.eventTxt = newVal.rule_text;
+ this.taskEditData.radioValue = newVal.is_satisfy_all ? "1" : "2";
- // urls鍙嶈В鏋�
- let ipSum = 0, domainSum = 0;
- if (!this.eventData.urls) {
- this.$set(this.eventData, "urls", [])
+ if (!this.taskEditData.urls) {
+ this.$set(this.taskEditData, "urls", [])
}
- for (let i = 0; i < this.eventData.urls.length; i++) {
- let item = this.eventData.urls[i]
- item.hash = Math.random().toString(36).substr(2);
- // 瑙ｆ瀽鎴恑p鎴栧煙鍚�
- let addr = item.url.split(":")[0]
- if (this.isValidIP(addr)) {
- item.ip = addr
- this.$set(item, "domain", "")
- this.$set(item, "type", "ip")
- ipSum++
- } else {
- this.$set(item, "domain", addr)
- this.$set(item, "type", "domain")
- item.ip = ""
- domainSum++
- }
- // item.port =
- this.$set(item, "port", item.url.split(":")[1])
- }
- this.eventData.urls.sort(function (a, b) {
- var val1 = b.type;
- var val2 = a.type;
- if (val1 < val2) {
- return -1;
- } else if (val1 > val2) {
- return 1;
- } else {
- return 0;
- }
- })
if (newVal.rules) {
- newVal.rules.map((i, index) => {
- this.dataList.push(JSON.parse(JSON.stringify(this.baseDateL)));
- this.dataList[index].id = i.id;
- this.dataList[index].event_push_id = i.event_push_id;
- this.dataList[index].polygon_id = i.topic_type;
- this.selectChange(i.topic_type, "options1", this.dataList[index]);
- this.dataList[index].sdk_id = i.topic_arg;
- this.selectChange(i.topic_arg, "options2", this.dataList[index]);
- this.dataList[index].operator_type = i.rule_value;
- this.dataList[index].sdk_arg_alias = i.operator;
- this.dataList[index].operator = i.operator_type;
- });
+ newVal.rules.forEach(element => {
+ let newRule = Object.assign(JSON.parse(JSON.stringify(this.baseRule)), element)
+ this.dataList.push(newRule)
+ this.selectTopic(newRule);
+ this.selectOperator(newRule);
+ })
}
}
}
@@ -321,264 +275,95 @@
deep: true
}
},
- data() {
- return {
- eventData: {
- enable: false,
- id: "",
- name: "",
- time: [
- this.$moment().format("YYYY-MM-DD 00:00:00"),
- this.$moment().format("YYYY-MM-DD HH:mm:ss")
- ],
- serverIp: [
- {
- enable: true,
- server_ip: "",
- port: 0
- }
- ],
- urls: [
- {
- enable: true,
- url: "http://"
- }
- ],
- lineWay: "",
- lineOptions: [
- {
- value: "001",
- label: "IP骞挎挱"
- }
- ],
- radioValue: "1",
- eventTxt: ""
- },
- dataList: [],
- baseDateL: {
- event_push_id: "",
- id: "",
- options1: [
- {
- id: "all",
- name: "鍏ㄩ儴鍖哄煙"
- },
- {
- id: "002",
- name: "鐭╁舰1"
- }
- ],
- polygon_id: "",
- options2: [
- {
- value: "001",
- label: "鍏ㄩ儴绠楁硶"
- },
- {
- value: "002",
- label: "绠楁硶1"
- },
- {
- value: "003",
- label: "绠楁硶2"
- }
- ],
- sdk_id: "",
- options3: [
- {
- value: "001",
- label: "浜烘暟"
- },
- {
- value: "002",
- label: "鏁忔劅搴�"
- },
- {
- value: "003",
- label: "鎸佺画鏃堕棿"
- }
- ],
- sdk_arg_alias: "",
- unit: "",
- options4: [
- {
- value: "001",
- label: ">"
- },
- {
- value: "002",
- label: "<"
- },
- {
- value: "003",
- label: "=="
- }
- ],
- operator: "",
- options5: [
- {
- value: "001",
- label: "鍊�"
- },
- {
- value: "002",
- label: "澶囬�夐」"
- }
- ],
- operator_type: "",
- options6: [
- {
- value: "001",
- label: "鍊�"
- },
- {
- value: "002",
- label: "澶囬�夐」"
- }
- ],
- select_time_rule: "",
- sdk_arg_value: "",
- options7: [
- {
- value: "001",
- label: "浠诲姟1"
- },
- {
- value: "002",
- label: "浠诲姟2"
- }
- ],
- select_task: ""
- }
- };
+ created() {
+ this.reAdd();
+ },
+ mounted() {
+ // 鍔犺浇瀛楀吀瀛楀吀
+ this.findByType();
+ this.getCameras();
+ this.getTasks();
},
methods: {
- addServer() {
- // console.log("addServer");
- let obj = {
- enable: true,
- server_ip: "",
- port: ""
- };
- this.eventData.serverIp.push(obj);
- },
- addUrl(type) {
- let obj = {
+ addUrl() {
+ this.taskEditData.urls.push({
checked: true,
hash: Math.random().toString(36).substr(2),
url: "",
- ip: "",
- port: "",
- type: type,
- domain: ""
- };
- this.eventData.urls.push(obj);
- this.eventData.urls.sort(function (a, b) {
- var val1 = b.type;
- var val2 = a.type;
- if (val1 < val2) {
- return -1;
- } else if (val1 > val2) {
- return 1;
- } else {
- return 0;
- }
- })
+ });
},
delUrl(index) {
- this.$set(this.eventData.urls, index, this.baseDateL)
- this.eventData.urls.splice(index, 1)
+ this.$set(this.taskEditData.urls, index, this.baseRule)
+ this.taskEditData.urls.splice(index, 1)
},
// 淇濆瓨
async eventPushsSave() {
// 鍒ゆ柇淇濆瓨鐨刬p鏄惁绗﹀悎鏍煎紡瑕佹眰
- if (this.eventData.urls.length < 1) {
+ if (this.taskEditData.urls.length < 1) {
this.$notify({
type: "warning",
message: "璇烽厤缃嚦灏戜竴鍙版帹閫佹湇鍔″櫒"
});
return;
}
- let isValid = true;
- for (let i = 0; i < this.eventData.urls.length; i++) {
- let item = this.eventData.urls[i]
- if (item.type == 'ip') {
- if (this.isValidIP(item.ip) && this.isValidPort(item.port)) {
- item.url = item.ip + ":" + item.port
- } else {
- isValid = false
- }
- } else {
- if (item.domain.length > 0 && this.isValidPort(item.port)) {
- item.url = item.domain + ":" + item.port
- } else {
- isValid = false
- }
+ for (let i = 0; i < this.taskEditData.urls.length; i++) {
+ if (this.taskEditData.urls[i].url.length < 1) {
+ this.$notify({
+ type: "warning",
+ message: "鎺ュ彛URL鍦板潃涓嶅厑璁镐负绌�"
+ });
+ return;
}
}
- if (!isValid) {
- this.$notify({
- type: "warning",
- message: "璇疯緭鍏ユ纭牸寮忕殑鏈嶅姟鍣ㄥ湴鍧� 鍜� 绔彛"
- });
- return;
- }
- // 鎷兼帴瀛楃涓�
+ // 鎷兼帴瀛楃涓�
let ruleDesc = []
- this.dataList.map(i => {
+ this.dataList.forEach(i => {
let str = "";
- if (i.polygon_id) {
- str += this.getNameByValue(i.options1, i.polygon_id);
+ if (i.topic_type) {
+ str += this.getNameByValue(i.topicTypeOptions, i.topic_type);
}
- if (i.sdk_id && i.sdk_id !== 'empty') {
- str += this.getNameByValue(i.options2, i.sdk_id);
+ if (i.topic_arg) {
+ str += this.getNameByValue(i.topicArgOptions, i.topic_arg);
}
- if (i.sdk_arg_alias === '==') {
- str += '=';
- } else {
- // str += i.sdk_arg_alias;
- str += this.getNameByValue(i.options3, i.sdk_arg_alias);
+ if (i.operator === '==') {
+ str += ' = ';
}
- if (i.operator_type) {
- if (i.operator === "custom") {
- str += i.operator_type;
- } else {
- str += this.getNameByValue(i.options5, i.operator_type);
- }
- }
+
+ str += i.rule_value === "all*all" ? "鍏ㄩ儴" : i.rule_value;
if (str.length > 0) {
ruleDesc.push(str)
}
});
// 澶勭悊瑙勫垯鍒楄〃鏁版嵁缁撴瀯
- let list = this.dataList.map(i => {
- let obj = {};
- obj.operator = i.sdk_arg_alias;
- obj.rule_value = i.operator_type;
- obj.operator_type = i.operator;
- obj.topic_type = i.polygon_id;
- obj.topic_arg = i.sdk_id;
- return obj;
+ let ruleList = this.dataList.map(i => {
+ return {
+ topic_type: i.topic_type,
+ topic_arg: i.topic_arg,
+ operator: i.operator,
+ operator_type: i.operator_type,
+ rule_value: i.rule_value
+ }
});
- // console.log(this.eventData)
+
let json = {
- enable: this.eventData.enable,
- id: this.eventData.id,
- ip_ports: this.eventData.serverIp,
- name: this.eventData.name,
- rule_text: ruleDesc.join("锛�"),
- rules: list,
- time_start: this.eventData.time[0],
- time_end: this.eventData.time[1],
- urls: this.eventData.urls,
- is_satisfy_all: this.eventData.radioValue === "1",
- link_type: this.eventData.lineWay
+ enable: this.taskEditData.enable,
+ id: this.taskEditData.id,
+ ip_ports: this.taskEditData.serverIp,
+ name: this.taskEditData.name,
+ rule_text: ruleDesc.join("<br/>"),
+ rules: ruleList,
+ time_start: this.taskEditData.time[0],
+ time_end: this.taskEditData.time[1],
+ urls: this.taskEditData.urls,
+ is_satisfy_all: this.taskEditData.radioValue === "1",
+ link_type: this.taskEditData.lineWay
};
+
let res = await eventPushsSave(json);
if (res && res.success) {
- this.eventData.eventTxt = ruleDesc.join("锛�");
+ this.taskEditData.eventTxt = ruleDesc.join("<br/>");
this.$emit("updateList", res.data.id);
this.$notify({
type: "success",
@@ -590,122 +375,120 @@
async findByType() {
let res = await findDictionaryByType();
if (res && res.success) {
- // console.log(res, "鏌ヨ閰嶇疆鍖哄煙鏁版嵁婧�");
- this.baseDateL.options1 = res.data.EVENTRULETOPIC;
- this.baseDateL.options3 = res.data.RULECOMPUTE;
- this.baseDateL.options4 = res.data.EVENTTYPECOMPUTE;
+ this.dictionary = Object.assign(this.dictionary, res.data)
+ this.baseRule.topicTypeOptions = this.dictionary.EVENTRULETOPIC
+ this.baseRule.operatorTypeOpionts = this.dictionary.EVENTTYPECOMPUTE
+ this.dictionary['alarmLevel'] = this.dictionary.ALARMLEVEL.map(el => {
+ return {
+ name: el.name,
+ value: el.name
+ }
+ })
}
},
- // 楠岃瘉ip鐨刯s鏂规硶
- isValidIP(str) {
- // let reg = /^(http:\/\/|https:\/\/)(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\:([0-9]|[1-9]\d{1,3}|[1-5]\d{4}|6[0-5]{2}[0-3][0-5])(\/)([a-zA-Z0-9_/]+)$/
- /* eslint-disable */
- let reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
- return reg.test(str);
+ async getCameras() {
+ let rsp = await findByEventTopic({ topic: 'camera', type: 'name' });
+ if (rsp && rsp.success) {
+ this.dictionary['camera'] = rsp.data
+ }
+
+ rsp = await findByEventTopic({ topic: 'dbtable' });
+ if (rsp && rsp.success) {
+ this.dictionary['dbtable'] = rsp.data.map(el => {
+ return {
+ name: el.name,
+ value: el.name
+ }
+ })
+ }
},
- isValidPort(str) {
- return parseInt(str) > 0 && parseInt(str) < 65536
+ async getTasks() {
+ this.dictionary['task'] = []
+ let rsp = await getTaskList();
+ if (rsp && rsp.success) {
+ let hash = {}
+ rsp.data.forEach(task => {
+ if (!task.isDelete && !hash[task.name]) {
+ this.dictionary['task'].push({
+ value: task.name,
+ name: task.name
+ })
+ hash[task.name] = true
+ }
+ })
+ }
},
// 鏂板缓閰嶇疆
createSet() {
- this.dataList.push(JSON.parse(JSON.stringify(this.baseDateL)));
+ this.dataList.push(JSON.parse(JSON.stringify(this.baseRule)));
},
cleanSet() {
this.dataList.splice(0, this.dataList.length);
},
// 娣诲姞瀛愯鍒�
addRule() {
- this.dataList.push(JSON.parse(JSON.stringify(this.baseDateL)));
+ this.dataList.push(JSON.parse(JSON.stringify(this.baseRule)));
},
// 鍒犻櫎瀛愯鍒�
delRule(index) {
this.dataList.splice(index, 1);
},
// 瑙勫垯涓笅鎷夋鐨勯�夋嫨鍥炶皟
- async selectChange(value, type, data) {
- if (type === "options1") {
- this.$set(data, "sdk_id", "");
- if (value === "dbtable" || value === "task" || value === "alarmLevel") {
- let list = [
- {
- name: "绌�",
- value: "empty",
- id: "000"
- }
- ];
- this.$set(data, "options2", list);
- this.$set(data, "sdk_id", "empty");
- let json = {
- topic: data.polygon_id,
- type: ""
- };
- let res = await findByEventTopic(json);
- if (res && res.success) {
- console.log(res, "鏍规嵁涓�浜岀骇閫夐」鑾峰彇");
- this.$set(data, "options5", res.data);
- }
- } else {
- let id = this.getIdByValue(data.options1, value);
- if (id !== undefined) {
- this.findByParentId(id).then(i => {
- // console.log(i, '鏍规嵁鐖秈d鏌ヨ瀛愬弬鏁�')
- if (i && i.length !== 0) {
- this.$set(data, "options2", i);
- }
- });
+ selectTopic(rule, resetNext = false) {
+ rule.topicTypeOptions.forEach(element => {
+ if (element.value === rule.topic_type) {
+ rule.topicArgOptions = element.children;
+ if (resetNext) {
+ rule.topic_arg = rule.topicArgOptions[0].value
+ this.selectArg(rule, resetNext)
}
}
- }
- if (type === "options2") {
- if (data.polygon_id && data.sdk_id) {
- let json = {
- topic: data.polygon_id,
- type: data.sdk_id
- };
- let res = await findByEventTopic(json);
- if (res && res.success) {
- // console.log(res, "鏍规嵁涓�浜岀骇閫夐」鑾峰彇");
- this.$set(data, "options5", res.data);
- }
+ });
+ },
+ selectArg(rule, resetNext = false) {
+ let argInfo = rule.topicArgOptions.filter(arg => {
+ return arg.value === rule.topic_arg
+ })
+
+ if (argInfo.length > 0) {
+ let desc = argInfo[0].description.split(",")
+ if (desc.length > 0) {
+ rule.operatorTypeOpionts = this.dictionary.EVENTTYPECOMPUTE.filter(el => {
+ return desc.indexOf(el.value) >= 0
+ })
}
}
- if (type === "options3") {
- return false;
- }
- if (type === "options4") {
- return false;
- }
- if (type === "options5") {
- return false;
+
+ if (resetNext) {
+ rule.operator_type = rule.operatorTypeOpionts[rule.operatorTypeOpionts.length - 1].value
+ this.selectOperator(rule, resetNext)
}
},
- // 鏍规嵁value杩斿洖瀵瑰簲鐨刬d
- getIdByValue(arr, id) {
- let s = arr.find(item => {
- return item.value === id;
- });
- // console.log(s, 'label')
- return s.id;
+ selectOperator(rule, resetNext = false) {
+ if (rule.operator_type === "option") {
+ rule.ruleValueOptions = this.dictionary[rule.topic_type] ? this.dictionary[rule.topic_type] : []
+ rule.rule_values = rule.rule_value.split(",")
+ }
+
+ if (resetNext) {
+ rule.rule_value = "";
+ rule.rule_values = [];
+ }
+ },
+ selectValue(rule, val) {
+ rule.rule_value = val.join(",")
},
// 鏍规嵁value杩斿洖瀵瑰簲鐨刵ame
getNameByValue(arr, value) {
let s = arr.find(item => {
return item.value === value;
});
+
return s.name;
- },
- // 鏍规嵁瀛楀吀鐨刬d鏌ヨ瀵瑰簲鐨勫瓧鍏�
- async findByParentId(id) {
- let res = await findDictionaryByID({ parentId: id });
- if (res && res.success) {
- // console.log(res, "鏍规嵁瀛楀吀鐨刬d鏌ヨ瀵瑰簲鐨勫瓧鍏�");
- let list = JSON.parse(JSON.stringify(res.data));
- return list;
- }
},
// 娓呯┖閲嶆柊鏂板
reAdd() {
- this.eventData = {
+ this.taskEditData = {
id: "",
name: "",
time: [
@@ -733,46 +516,9 @@
};
this.dataList = [];
},
- onIpBlur(ip, item) {
- item.ip = ip
- },
- onCancle(){
+ onCancle() {
this.$emit('onCancle')
}
- },
- mounted() {
- this.findByType().then(() => {
- if (Object.keys(this.eventObject).length !== 0) {
- // console.log(this.eventObject, "褰撳墠閫変腑鐨勪簨浠秏ounted");
- this.eventData.enable = this.eventObject.enable;
- this.eventData.id = this.eventObject.id;
- this.eventData.name = this.eventObject.name;
- this.eventData.time = [
- this.eventObject.time_start,
- this.eventObject.time_end
- ];
- this.eventData.serverIp = this.eventObject.ip_ports;
- this.eventData.urls = this.eventObject.urls;
- this.eventData.lineWay = this.eventObject.link_type;
- this.eventData.eventTxt = this.eventObject.rule_text;
- this.eventData.radioValue = this.eventObject.is_satisfy_all ? "1" : "2";
-
- if (this.eventObject.rules) {
- this.eventObject.rules.map((i, index) => {
- this.dataList.push(JSON.parse(JSON.stringify(this.baseDateL)));
- this.dataList[index].id = i.id;
- this.dataList[index].event_push_id = i.event_push_id;
- this.dataList[index].polygon_id = i.topic_type;
- this.selectChange(i.topic_type, "options1", this.dataList[index]);
- this.dataList[index].sdk_id = i.topic_arg;
- this.selectChange(i.topic_arg, "options2", this.dataList[index]);
- this.dataList[index].sdk_arg_alias = i.operator;
- this.dataList[index].operator = i.operator_type;
- this.dataList[index].operator_type = i.rule_value;
- });
- }
- }
- });
}
};
</script>
@@ -795,7 +541,7 @@
height: 10px;
background-color: #e9ebf2;
width: 100%;
- position: absolute;
+ //position: absolute;
}
.s-right-rule {
--
Gitblit v1.8.0