|
@@ -7,10 +7,10 @@
|
|
<template>
|
|
<template>
|
|
<div class="ruleModule">
|
|
<div class="ruleModule">
|
|
<div class="toolbox-automate-rules-create-body">
|
|
<div class="toolbox-automate-rules-create-body">
|
|
- <a-steps :current="current" size="default" style="width: 50%; margin: 0 auto" v-if="editShow">
|
|
|
|
|
|
+ <!-- <a-steps :current="current" size="default" style="width: 50%; margin: 0 auto" v-if="editShow">
|
|
<a-step title="预警值填写" />
|
|
<a-step title="预警值填写" />
|
|
<a-step title="开关设置" />
|
|
<a-step title="开关设置" />
|
|
- </a-steps>
|
|
|
|
|
|
+ </a-steps> -->
|
|
|
|
|
|
<!-- {{ ceshi }}{{ time }}
|
|
<!-- {{ ceshi }}{{ time }}
|
|
<br />
|
|
<br />
|
|
@@ -26,342 +26,415 @@
|
|
:radioStyle="true"
|
|
:radioStyle="true"
|
|
/>
|
|
/>
|
|
{{ form }} -->
|
|
{{ form }} -->
|
|
- <div v-if="current == 0">
|
|
|
|
- <div class="toolbox-automate-rules-create-content_title"><h3>预警值填写</h3></div>
|
|
|
|
- <a-spin :spinning="spinLoading">
|
|
|
|
- <div class="toolbox-automate-rules-create-content">
|
|
|
|
- <a-form-model ref="ruleForm" :model="form" layout="horizontal" v-bind="allCol">
|
|
|
|
- <div class="moduler">
|
|
|
|
- <template v-for="(item, index) of form.ruleList">
|
|
|
|
- <div class="row-item" v-if="item.ruleType == 'base' && item.isCopy == 0">
|
|
|
|
- <div class="hint-item">
|
|
|
|
- <a-tooltip>
|
|
|
|
- <template slot="title">
|
|
|
|
- {{ item.remark }}
|
|
|
|
- </template>
|
|
|
|
- <a-icon type="question-circle" />
|
|
|
|
- </a-tooltip>
|
|
|
|
- </div>
|
|
|
|
- <div class="label-item">
|
|
|
|
- <div class="text-item">{{ item.groupName }}</div>
|
|
|
|
- <div class="required-item"></div>
|
|
|
|
- </div>
|
|
|
|
- <div class="input-item">
|
|
|
|
- <a-form-model-item
|
|
|
|
- v-for="(value, valueIndex) of item.ruleDetail"
|
|
|
|
- :key="valueIndex"
|
|
|
|
- :ref="value.indicatorCode + valueIndex"
|
|
|
|
- :prop="'ruleList.' + index + '.ruleDetail.' + valueIndex + '.threshold'"
|
|
|
|
- :rules="{
|
|
|
|
- required: true,
|
|
|
|
- message: `${item.groupName}必填`,
|
|
|
|
- trigger: value.dataType == 'array' ? 'change' : 'blur',
|
|
|
|
- }"
|
|
|
|
- >
|
|
|
|
- <a-input-number
|
|
|
|
- v-model="value.threshold"
|
|
|
|
- :min="0"
|
|
|
|
- style="width: 300px;margin-right:5px"
|
|
|
|
- v-if="value.modelType == 'numberText'"
|
|
|
|
- />
|
|
|
|
- <a-input v-model="value.threshold" style="width: 300px;margin-right:5px" v-else-if="value.modelType == 'text'" />
|
|
|
|
- <selectGroup
|
|
|
|
- v-model="value.threshold"
|
|
|
|
- style="width: 300px;margin-right:5px"
|
|
|
|
- :code="value.dictId"
|
|
|
|
- :multiple="value.dataType == 'string' ? false : true"
|
|
|
|
- v-else-if="value.modelType == 'select'"
|
|
|
|
- />
|
|
|
|
- <!-- <selectGroup
|
|
|
|
|
|
+
|
|
|
|
+ <div class="toolbox-automate-rules-create-content_title">
|
|
|
|
+ <h3>预警值{{ editShow ? '填写' : '表单预览' }}</h3>
|
|
|
|
+ </div>
|
|
|
|
+ <a-spin :spinning="spinLoading">
|
|
|
|
+ <div class="toolbox-automate-rules-create-content">
|
|
|
|
+ <a-form-model ref="ruleForm" :model="form" layout="horizontal">
|
|
|
|
+ <div class="moduler">
|
|
|
|
+ <template v-for="(item, index) of form.ruleList">
|
|
|
|
+ <div class="row-item" v-if="item.ruleType == 'base' && item.isCopy == 0">
|
|
|
|
+ <div class="hint-item">
|
|
|
|
+ <a-tooltip>
|
|
|
|
+ <template slot="title">
|
|
|
|
+ {{ item.remark }}
|
|
|
|
+ </template>
|
|
|
|
+ <a-icon type="question-circle" />
|
|
|
|
+ </a-tooltip>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="label-item">
|
|
|
|
+ <div class="text-item">{{ item.groupName }}</div>
|
|
|
|
+ <div class="required-item" v-if="item.isRequired == 1"></div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-item">
|
|
|
|
+ <a-form-model-item
|
|
|
|
+ v-for="(value, valueIndex) of item.ruleDetail"
|
|
|
|
+ :key="valueIndex"
|
|
|
|
+ :ref="value.indicatorCode + valueIndex"
|
|
|
|
+ :prop="'ruleList.' + index + '.ruleDetail.' + valueIndex + '.threshold'"
|
|
|
|
+ :rules="{
|
|
|
|
+ required: item.isRequired == 1 ? true : false,
|
|
|
|
+ message: `${item.groupName}必填`,
|
|
|
|
+ trigger: value.dataType == 'array' ? 'change' : 'blur',
|
|
|
|
+ }"
|
|
|
|
+ >
|
|
|
|
+ <a-input-number
|
|
|
|
+ :disabled="!editShow"
|
|
|
|
+ v-model="value.threshold"
|
|
|
|
+ :min="0"
|
|
|
|
+ style="width: 100px; margin-right: 5px"
|
|
|
|
+ v-if="value.modelType == 'numberText'"
|
|
|
|
+ />
|
|
|
|
+ <a-input
|
|
|
|
+ :disabled="!editShow"
|
|
|
|
+ v-model="value.threshold"
|
|
|
|
+ style="width: 300px; margin-right: 5px"
|
|
|
|
+ v-else-if="value.modelType == 'text'"
|
|
|
|
+ />
|
|
|
|
+ <selectGroup
|
|
|
|
+ :disabled="!editShow"
|
|
|
|
+ v-model="value.threshold"
|
|
|
|
+ style="width: 300px; margin-right: 5px"
|
|
|
|
+ :code="value.dictId"
|
|
|
|
+ :multiple="
|
|
|
|
+ value.dataType == 'string' ||
|
|
|
|
+ value.dataType == 'number' ||
|
|
|
|
+ value.indicatorCode == 'presentedVideo' ||
|
|
|
|
+ value.indicatorCode == 'hideIfExists'
|
|
|
|
+ ? false
|
|
|
|
+ : true
|
|
|
|
+ "
|
|
|
|
+ v-else-if="value.modelType == 'select'"
|
|
|
|
+ />
|
|
|
|
+ <!-- <selectGroup
|
|
v-model="value.threshold"
|
|
v-model="value.threshold"
|
|
style="width: 300px;margin-right:5px"
|
|
style="width: 300px;margin-right:5px"
|
|
:code="value.dictId"
|
|
:code="value.dictId"
|
|
:multiple="value.dataType == 'string' ? false : true"
|
|
:multiple="value.dataType == 'string' ? false : true"
|
|
/> -->
|
|
/> -->
|
|
- <checkBoxGroup
|
|
|
|
- v-model="value.threshold"
|
|
|
|
- style="width: 300px;margin-right:5px"
|
|
|
|
- :code="value.dictId"
|
|
|
|
- :allValue="value.dataType == 'string' ? true : false"
|
|
|
|
- :radioStyle="value.dataType == 'string' ? true : false"
|
|
|
|
- v-else-if="value.modelType == 'checkBox'"
|
|
|
|
- />
|
|
|
|
- <a-select
|
|
|
|
- mode="tags"
|
|
|
|
- style="width: 100%"
|
|
|
|
- placeholder="按回车生成标签"
|
|
|
|
- v-model="value.threshold"
|
|
|
|
- dropdownClassName="display-none-selset"
|
|
|
|
- :token-separators="[',', ' ', ',']"
|
|
|
|
- v-else-if="value.modelType == 'tagBox'"
|
|
|
|
- >
|
|
|
|
- </a-select>
|
|
|
|
- {{ value.dataUnit }}
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <checkBoxGroup
|
|
|
|
+ :disabled="!editShow"
|
|
|
|
+ v-model="value.threshold"
|
|
|
|
+ style="width: 100%; margin-right: 5px"
|
|
|
|
+ :code="value.dictId"
|
|
|
|
+ :allValue="true"
|
|
|
|
+ :radioStyle="
|
|
|
|
+ value.dataType == 'string' ||
|
|
|
|
+ value.dataType == 'number' ||
|
|
|
|
+ value.indicatorCode == 'presentedVideo' ||
|
|
|
|
+ value.indicatorCode == 'hideIfExists'
|
|
|
|
+ ? true
|
|
|
|
+ : false
|
|
|
|
+ "
|
|
|
|
+ v-else-if="value.modelType == 'checkBox'"
|
|
|
|
+ />
|
|
|
|
+ <a-select
|
|
|
|
+ :disabled="!editShow"
|
|
|
|
+ mode="tags"
|
|
|
|
+ style="width: 100%"
|
|
|
|
+ placeholder="按回车生成"
|
|
|
|
+ v-model="value.threshold"
|
|
|
|
+ dropdownClassName="display-none-selset"
|
|
|
|
+ :token-separators="[',', ' ', ',']"
|
|
|
|
+ v-else-if="value.modelType == 'tagBox'"
|
|
|
|
+ >
|
|
|
|
+ </a-select>
|
|
|
|
+ {{ value.dataUnit }}
|
|
|
|
+ </a-form-model-item>
|
|
</div>
|
|
</div>
|
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="row-item" v-else-if="item.ruleType == 'group' && item.isCopy == 0">
|
|
|
|
- <div class="hint-item">
|
|
|
|
- <a-tooltip>
|
|
|
|
- <template slot="title">
|
|
|
|
- {{ item.remark }}
|
|
|
|
- </template>
|
|
|
|
- <a-icon type="question-circle" />
|
|
|
|
- </a-tooltip>
|
|
|
|
- </div>
|
|
|
|
- <div class="label-item">
|
|
|
|
- <div class="text-item">{{ item.groupName }}</div>
|
|
|
|
- <div class="required-item"></div>
|
|
|
|
- </div>
|
|
|
|
- <div class="input-item">
|
|
|
|
- <div class="toolbox-automate-rules-create-content_rules-and-condition_rules">
|
|
|
|
- <div class="content">
|
|
|
|
- <div class="rules-list">
|
|
|
|
- <div class="rules-list-item">
|
|
|
|
- <template v-for="(value, valueIndex) of item.ruleDetail">
|
|
|
|
- <div class="row-item row-group" v-if="value.variableType == 1">
|
|
|
|
- <!-- <div class="hint-item"></div>
|
|
|
|
|
|
+ <div class="row-item" v-else-if="item.ruleType == 'group' && item.isCopy == 0">
|
|
|
|
+ <div class="hint-item">
|
|
|
|
+ <a-tooltip>
|
|
|
|
+ <template slot="title">
|
|
|
|
+ {{ item.remark }}
|
|
|
|
+ </template>
|
|
|
|
+ <a-icon type="question-circle" />
|
|
|
|
+ </a-tooltip>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="label-item">
|
|
|
|
+ <div class="text-item">{{ item.groupName }}</div>
|
|
|
|
+ <div class="required-item" v-if="item.isRequired == 1"></div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-item">
|
|
|
|
+ <div class="toolbox-automate-rules-create-content_rules-and-condition_rules">
|
|
|
|
+ <div class="content">
|
|
|
|
+ <div class="rules-list">
|
|
|
|
+ <div class="rules-list-item">
|
|
|
|
+ <template v-for="(value, valueIndex) of item.ruleDetail">
|
|
|
|
+ <div class="row-item row-group" v-if="value.variableType == 1">
|
|
|
|
+ <!-- <div class="hint-item"></div>
|
|
<div class="label-item">
|
|
<div class="label-item">
|
|
<div class="text-item"></div>
|
|
<div class="text-item"></div>
|
|
<div class="required-item"></div>
|
|
<div class="required-item"></div>
|
|
</div> -->
|
|
</div> -->
|
|
- <div class="input-item">
|
|
|
|
- <a-form-model-item
|
|
|
|
- :label="value.name"
|
|
|
|
- :ref="value.indicatorCode + valueIndex"
|
|
|
|
- :prop="'ruleList.' + index + '.ruleDetail.' + valueIndex + '.threshold'"
|
|
|
|
- :rules="{
|
|
|
|
- required: true,
|
|
|
|
- message: `${value.name}必填`,
|
|
|
|
- trigger: 'blur',
|
|
|
|
- }"
|
|
|
|
- v-if="value.modelType == 'numberText'"
|
|
|
|
- >
|
|
|
|
- <a-input-number style="width: 95%;" v-model="value.threshold" :min="0" />{{
|
|
|
|
- value.dataUnit
|
|
|
|
- }}
|
|
|
|
- </a-form-model-item>
|
|
|
|
- <a-form-model-item
|
|
|
|
- :label="value.name"
|
|
|
|
- :ref="value.indicatorCode + valueIndex"
|
|
|
|
- :prop="'ruleList.' + index + '.ruleDetail.' + valueIndex + '.threshold'"
|
|
|
|
- :rules="{
|
|
|
|
- required: true,
|
|
|
|
- message: `${value.name}必填`,
|
|
|
|
- trigger: 'blur',
|
|
|
|
- }"
|
|
|
|
- v-else-if="value.modelType == 'text'"
|
|
|
|
- >
|
|
|
|
- <a-input v-model="value.threshold" style="width: 95%;" />
|
|
|
|
- </a-form-model-item>
|
|
|
|
- <a-form-model-item
|
|
|
|
- :label="value.name"
|
|
|
|
- :ref="value.indicatorCode + valueIndex"
|
|
|
|
- :prop="'ruleList.' + index + '.ruleDetail.' + valueIndex + '.threshold'"
|
|
|
|
- :rules="{
|
|
|
|
- required: true,
|
|
|
|
- message: `${value.name}必选`,
|
|
|
|
- trigger: 'change',
|
|
|
|
- }"
|
|
|
|
- v-else-if="value.modelType == 'select' || value.modelType == 'checkBox'"
|
|
|
|
- >
|
|
|
|
- <selectGroup
|
|
|
|
- v-model="value.threshold"
|
|
|
|
- :code="value.dictId"
|
|
|
|
- :multiple="value.dataType == 'string' ? false : true"
|
|
|
|
- style="width: 95%"
|
|
|
|
- @clearValidate="clearAll"
|
|
|
|
- />
|
|
|
|
- </a-form-model-item>
|
|
|
|
- <a-form-model-item
|
|
|
|
- :label="value.name"
|
|
|
|
- :ref="value.indicatorCode + valueIndex"
|
|
|
|
- :prop="'ruleList.' + index + '.ruleDetail.' + valueIndex + '.threshold'"
|
|
|
|
- :rules="{
|
|
|
|
- required: true,
|
|
|
|
- message: `${value.name}必选`,
|
|
|
|
- trigger: 'change',
|
|
|
|
- }"
|
|
|
|
- v-else-if="value.modelType == 'tagBox'"
|
|
|
|
|
|
+ <div class="input-item">
|
|
|
|
+ <a-form-model-item
|
|
|
|
+ :label-col="{ span: 6 }"
|
|
|
|
+ :wrapper-col="{ span: 18 }"
|
|
|
|
+ :label="value.name"
|
|
|
|
+ :ref="value.indicatorCode + valueIndex"
|
|
|
|
+ :prop="'ruleList.' + index + '.ruleDetail.' + valueIndex + '.threshold'"
|
|
|
|
+ :rules="{
|
|
|
|
+ required: item.isRequired == 1 ? true : false,
|
|
|
|
+ message: `${value.name}必填`,
|
|
|
|
+ trigger: 'blur',
|
|
|
|
+ }"
|
|
|
|
+ v-if="value.modelType == 'numberText'"
|
|
|
|
+ >
|
|
|
|
+ <a-input-number
|
|
|
|
+ :disabled="!editShow"
|
|
|
|
+ style="width: 100px; margin-right: 5px"
|
|
|
|
+ v-model="value.threshold"
|
|
|
|
+ :min="0"
|
|
|
|
+ />{{ value.dataUnit }}
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ <a-form-model-item
|
|
|
|
+ :label-col="{ span: 6 }"
|
|
|
|
+ :wrapper-col="{ span: 18 }"
|
|
|
|
+ :label="value.name"
|
|
|
|
+ :ref="value.indicatorCode + valueIndex"
|
|
|
|
+ :prop="'ruleList.' + index + '.ruleDetail.' + valueIndex + '.threshold'"
|
|
|
|
+ :rules="{
|
|
|
|
+ required: item.isRequired == 1 ? true : false,
|
|
|
|
+ message: `${value.name}必填`,
|
|
|
|
+ trigger: 'blur',
|
|
|
|
+ }"
|
|
|
|
+ v-else-if="value.modelType == 'text'"
|
|
|
|
+ >
|
|
|
|
+ <a-input v-model="value.threshold" style="width: 95%" :disabled="!editShow" />
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ <a-form-model-item
|
|
|
|
+ :label-col="{ span: 6 }"
|
|
|
|
+ :wrapper-col="{ span: 18 }"
|
|
|
|
+ :label="value.name"
|
|
|
|
+ :ref="value.indicatorCode + valueIndex"
|
|
|
|
+ :prop="'ruleList.' + index + '.ruleDetail.' + valueIndex + '.threshold'"
|
|
|
|
+ :rules="{
|
|
|
|
+ required: item.isRequired == 1 ? true : false,
|
|
|
|
+ message: `${value.name}必选`,
|
|
|
|
+ trigger: 'change',
|
|
|
|
+ }"
|
|
|
|
+ v-else-if="value.modelType == 'select' || value.modelType == 'checkBox'"
|
|
|
|
+ >
|
|
|
|
+ <selectGroup
|
|
|
|
+ :disabled="!editShow"
|
|
|
|
+ v-model="value.threshold"
|
|
|
|
+ :code="value.dictId"
|
|
|
|
+ :multiple="
|
|
|
|
+ value.dataType == 'string' ||
|
|
|
|
+ value.dataType == 'number' ||
|
|
|
|
+ value.indicatorCode == 'presentedVideo' ||
|
|
|
|
+ value.indicatorCode == 'hideIfExists'
|
|
|
|
+ ? false
|
|
|
|
+ : true
|
|
|
|
+ "
|
|
|
|
+ style="width: 95%"
|
|
|
|
+ @clearValidate="clearAll"
|
|
|
|
+ />
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ <a-form-model-item
|
|
|
|
+ :label-col="{ span: 6 }"
|
|
|
|
+ :wrapper-col="{ span: 18 }"
|
|
|
|
+ :label="value.name"
|
|
|
|
+ :ref="value.indicatorCode + valueIndex"
|
|
|
|
+ :prop="'ruleList.' + index + '.ruleDetail.' + valueIndex + '.threshold'"
|
|
|
|
+ :rules="{
|
|
|
|
+ required: item.isRequired == 1 ? true : false,
|
|
|
|
+ message: `${value.name}必选`,
|
|
|
|
+ trigger: 'change',
|
|
|
|
+ }"
|
|
|
|
+ v-else-if="value.modelType == 'tagBox'"
|
|
|
|
+ >
|
|
|
|
+ <a-select
|
|
|
|
+ :disabled="!editShow"
|
|
|
|
+ mode="tags"
|
|
|
|
+ style="width: 95%"
|
|
|
|
+ placeholder="按回车生成"
|
|
|
|
+ v-model="value.threshold"
|
|
|
|
+ dropdownClassName="display-none-selset"
|
|
|
|
+ :token-separators="[',', ' ', ',']"
|
|
|
|
+ :maxTagCount="3"
|
|
>
|
|
>
|
|
- <a-select
|
|
|
|
- mode="tags"
|
|
|
|
- style="width: 100%"
|
|
|
|
- placeholder="按回车生成标签"
|
|
|
|
- v-model="value.threshold"
|
|
|
|
- dropdownClassName="display-none-selset"
|
|
|
|
- :token-separators="[',', ' ', ',']"
|
|
|
|
- >
|
|
|
|
- </a-select>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </div>
|
|
|
|
|
|
+ </a-select>
|
|
|
|
+ </a-form-model-item>
|
|
</div>
|
|
</div>
|
|
- </template>
|
|
|
|
- </div>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="row-item" v-else-if="item.ruleType == 'group' && item.isCopy == 1">
|
|
|
|
- <div class="hint-item">
|
|
|
|
- <a-tooltip>
|
|
|
|
- <template slot="title">
|
|
|
|
- {{ item.remark }}
|
|
|
|
- </template>
|
|
|
|
- <a-icon type="question-circle" />
|
|
|
|
- </a-tooltip>
|
|
|
|
- </div>
|
|
|
|
- <div class="label-item">
|
|
|
|
- <div class="text-item">{{ item.groupName }}</div>
|
|
|
|
- <div class="required-item"></div>
|
|
|
|
- </div>
|
|
|
|
- <div class="input-item">
|
|
|
|
- <div class="toolbox-automate-rules-create-content_rules-and-condition_rules">
|
|
|
|
- <div class="content">
|
|
|
|
- <div class="rules-list" v-for="(valueElse, valueIndex) of item.ruleDetail">
|
|
|
|
- <div class="rules-list-item">
|
|
|
|
- <template v-for="(value, valueElseIndex) of valueElse">
|
|
|
|
- <div class="row-item row-group" v-if="value.variableType == 1">
|
|
|
|
- <!-- <div class="hint-item"></div>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="row-item" v-else-if="item.ruleType == 'group' && item.isCopy == 1">
|
|
|
|
+ <div class="hint-item">
|
|
|
|
+ <a-tooltip>
|
|
|
|
+ <template slot="title">
|
|
|
|
+ {{ item.remark }}
|
|
|
|
+ </template>
|
|
|
|
+ <a-icon type="question-circle" />
|
|
|
|
+ </a-tooltip>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="label-item">
|
|
|
|
+ <div class="text-item">{{ item.groupName }}</div>
|
|
|
|
+ <div class="required-item" v-if="item.isRequired == 1"></div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-item">
|
|
|
|
+ <div class="toolbox-automate-rules-create-content_rules-and-condition_rules">
|
|
|
|
+ <div class="content">
|
|
|
|
+ <div class="rules-list" v-for="(valueElse, valueIndex) of item.ruleDetail">
|
|
|
|
+ <div class="rules-list-item">
|
|
|
|
+ <template v-for="(value, valueElseIndex) of valueElse">
|
|
|
|
+ <div class="row-item row-group" v-if="value.variableType == 1">
|
|
|
|
+ <!-- <div class="hint-item"></div>
|
|
<div class="label-item">
|
|
<div class="label-item">
|
|
<div class="text-item"></div>
|
|
<div class="text-item"></div>
|
|
<div class="required-item"></div>
|
|
<div class="required-item"></div>
|
|
</div> -->
|
|
</div> -->
|
|
- <div class="input-item">
|
|
|
|
- <a-form-model-item
|
|
|
|
- :label="value.name"
|
|
|
|
- :ref="value.indicatorCode + valueIndex"
|
|
|
|
- :prop="
|
|
|
|
- 'ruleList.' +
|
|
|
|
- index +
|
|
|
|
- '.ruleDetail.' +
|
|
|
|
- valueIndex +
|
|
|
|
- '.' +
|
|
|
|
- valueElseIndex +
|
|
|
|
- '.threshold'
|
|
|
|
- "
|
|
|
|
- :rules="{
|
|
|
|
- required: true,
|
|
|
|
- message: `${value.name}必填`,
|
|
|
|
- trigger: 'blur',
|
|
|
|
- }"
|
|
|
|
- v-if="value.modelType == 'numberText'"
|
|
|
|
- >
|
|
|
|
- <a-input-number style="width: 95%;" v-model="value.threshold" :min="0" />{{
|
|
|
|
- value.dataUnit
|
|
|
|
- }}
|
|
|
|
- </a-form-model-item>
|
|
|
|
- <a-form-model-item
|
|
|
|
- :label="value.name"
|
|
|
|
- :ref="value.indicatorCode + valueIndex"
|
|
|
|
- :prop="
|
|
|
|
- 'ruleList.' +
|
|
|
|
- index +
|
|
|
|
- '.ruleDetail.' +
|
|
|
|
- valueIndex +
|
|
|
|
- '.' +
|
|
|
|
- valueElseIndex +
|
|
|
|
- '.threshold'
|
|
|
|
|
|
+ <div class="input-item">
|
|
|
|
+ <a-form-model-item
|
|
|
|
+ :label-col="{ span: 6 }"
|
|
|
|
+ :wrapper-col="{ span: 18 }"
|
|
|
|
+ :label="value.name"
|
|
|
|
+ :ref="value.indicatorCode + valueIndex"
|
|
|
|
+ :prop="
|
|
|
|
+ 'ruleList.' +
|
|
|
|
+ index +
|
|
|
|
+ '.ruleDetail.' +
|
|
|
|
+ valueIndex +
|
|
|
|
+ '.' +
|
|
|
|
+ valueElseIndex +
|
|
|
|
+ '.threshold'
|
|
|
|
+ "
|
|
|
|
+ :rules="{
|
|
|
|
+ required: item.isRequired == 1 ? true : false,
|
|
|
|
+ message: `${value.name}必填`,
|
|
|
|
+ trigger: 'blur',
|
|
|
|
+ }"
|
|
|
|
+ v-if="value.modelType == 'numberText'"
|
|
|
|
+ >
|
|
|
|
+ <a-input-number
|
|
|
|
+ :disabled="!editShow"
|
|
|
|
+ style="width: 100px; margin-right: 5px"
|
|
|
|
+ v-model="value.threshold"
|
|
|
|
+ :min="0"
|
|
|
|
+ />{{ value.dataUnit }}
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ <a-form-model-item
|
|
|
|
+ :label-col="{ span: 6 }"
|
|
|
|
+ :wrapper-col="{ span: 18 }"
|
|
|
|
+ :label="value.name"
|
|
|
|
+ :ref="value.indicatorCode + valueIndex"
|
|
|
|
+ :prop="
|
|
|
|
+ 'ruleList.' +
|
|
|
|
+ index +
|
|
|
|
+ '.ruleDetail.' +
|
|
|
|
+ valueIndex +
|
|
|
|
+ '.' +
|
|
|
|
+ valueElseIndex +
|
|
|
|
+ '.threshold'
|
|
|
|
+ "
|
|
|
|
+ :rules="{
|
|
|
|
+ required: item.isRequired == 1 ? true : false,
|
|
|
|
+ message: `${value.name}必填`,
|
|
|
|
+ trigger: 'blur',
|
|
|
|
+ }"
|
|
|
|
+ v-else-if="value.modelType == 'text'"
|
|
|
|
+ >
|
|
|
|
+ <a-input :disabled="!editShow" v-model="value.threshold" style="width: 95%" />
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ <a-form-model-item
|
|
|
|
+ :label-col="{ span: 6 }"
|
|
|
|
+ :wrapper-col="{ span: 18 }"
|
|
|
|
+ :label="value.name"
|
|
|
|
+ :ref="value.indicatorCode + valueIndex"
|
|
|
|
+ :prop="
|
|
|
|
+ 'ruleList.' +
|
|
|
|
+ index +
|
|
|
|
+ '.ruleDetail.' +
|
|
|
|
+ valueIndex +
|
|
|
|
+ '.' +
|
|
|
|
+ valueElseIndex +
|
|
|
|
+ '.threshold'
|
|
|
|
+ "
|
|
|
|
+ :rules="{
|
|
|
|
+ required: item.isRequired == 1 ? true : false,
|
|
|
|
+ message: `${value.name}必选`,
|
|
|
|
+ trigger: 'change',
|
|
|
|
+ }"
|
|
|
|
+ v-else-if="value.modelType == 'select' || value.modelType == 'checkBox'"
|
|
|
|
+ >
|
|
|
|
+ <selectGroup
|
|
|
|
+ :disabled="!editShow"
|
|
|
|
+ v-model="value.threshold"
|
|
|
|
+ :code="value.dictId"
|
|
|
|
+ :multiple="
|
|
|
|
+ value.dataType == 'string' ||
|
|
|
|
+ value.dataType == 'number' ||
|
|
|
|
+ value.indicatorCode == 'presentedVideo' ||
|
|
|
|
+ value.indicatorCode == 'hideIfExists'
|
|
|
|
+ ? false
|
|
|
|
+ : true
|
|
"
|
|
"
|
|
- :rules="{
|
|
|
|
- required: true,
|
|
|
|
- message: `${value.name}必填`,
|
|
|
|
- trigger: 'blur',
|
|
|
|
- }"
|
|
|
|
- v-else-if="value.modelType == 'text'"
|
|
|
|
|
|
+ style="width: 95%"
|
|
|
|
+ @clearValidate="clearAll"
|
|
|
|
+ />
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ <a-form-model-item
|
|
|
|
+ :label-col="{ span: 6 }"
|
|
|
|
+ :wrapper-col="{ span: 18 }"
|
|
|
|
+ :label="value.name"
|
|
|
|
+ :ref="value.indicatorCode + valueIndex"
|
|
|
|
+ :prop="
|
|
|
|
+ 'ruleList.' +
|
|
|
|
+ index +
|
|
|
|
+ '.ruleDetail.' +
|
|
|
|
+ valueIndex +
|
|
|
|
+ '.' +
|
|
|
|
+ valueElseIndex +
|
|
|
|
+ '.threshold'
|
|
|
|
+ "
|
|
|
|
+ :rules="{
|
|
|
|
+ required: item.isRequired == 1 ? true : false,
|
|
|
|
+ message: `${value.name}必选`,
|
|
|
|
+ trigger: 'change',
|
|
|
|
+ }"
|
|
|
|
+ v-else-if="value.modelType == 'tagBox'"
|
|
|
|
+ >
|
|
|
|
+ <a-select
|
|
|
|
+ :disabled="!editShow"
|
|
|
|
+ mode="tags"
|
|
|
|
+ style="width: 95%"
|
|
|
|
+ placeholder="按回车生成"
|
|
|
|
+ v-model="value.threshold"
|
|
|
|
+ dropdownClassName="display-none-selset"
|
|
|
|
+ :token-separators="[',', ' ', ',']"
|
|
|
|
+ :maxTagCount="3"
|
|
>
|
|
>
|
|
- <a-input v-model="value.threshold" style="width: 95%" />
|
|
|
|
- </a-form-model-item>
|
|
|
|
- <a-form-model-item
|
|
|
|
- :label="value.name"
|
|
|
|
- :ref="value.indicatorCode + valueIndex"
|
|
|
|
- :prop="
|
|
|
|
- 'ruleList.' +
|
|
|
|
- index +
|
|
|
|
- '.ruleDetail.' +
|
|
|
|
- valueIndex +
|
|
|
|
- '.' +
|
|
|
|
- valueElseIndex +
|
|
|
|
- '.threshold'
|
|
|
|
- "
|
|
|
|
- :rules="{
|
|
|
|
- required: true,
|
|
|
|
- message: `${value.name}必选`,
|
|
|
|
- trigger: 'change',
|
|
|
|
- }"
|
|
|
|
- v-else-if="value.modelType == 'select' || value.modelType == 'checkBox'"
|
|
|
|
- >
|
|
|
|
- <selectGroup
|
|
|
|
- v-model="value.threshold"
|
|
|
|
- :code="value.dictId"
|
|
|
|
- :multiple="value.dataType == 'string' ? false : true"
|
|
|
|
- style="width: 95%"
|
|
|
|
- @clearValidate="clearAll"
|
|
|
|
- />
|
|
|
|
- </a-form-model-item>
|
|
|
|
- <a-form-model-item
|
|
|
|
- :label="value.name"
|
|
|
|
- :ref="value.indicatorCode + valueIndex"
|
|
|
|
- :prop="
|
|
|
|
- 'ruleList.' +
|
|
|
|
- index +
|
|
|
|
- '.ruleDetail.' +
|
|
|
|
- valueIndex +
|
|
|
|
- '.' +
|
|
|
|
- valueElseIndex +
|
|
|
|
- '.threshold'
|
|
|
|
- "
|
|
|
|
- :rules="{
|
|
|
|
- required: true,
|
|
|
|
- message: `${value.name}必选`,
|
|
|
|
- trigger: 'change',
|
|
|
|
- }"
|
|
|
|
- v-else-if="value.modelType == 'tagBox'"
|
|
|
|
- >
|
|
|
|
- <a-select
|
|
|
|
- mode="tags"
|
|
|
|
- style="width: 100%"
|
|
|
|
- placeholder="按回车生成标签"
|
|
|
|
- v-model="value.threshold"
|
|
|
|
- dropdownClassName="display-none-selset"
|
|
|
|
- :token-separators="[',', ' ', ',']"
|
|
|
|
- >
|
|
|
|
- </a-select>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div
|
|
|
|
- class="rules-list-item-delete"
|
|
|
|
- v-if="item.isCopy == 1"
|
|
|
|
- @click="addData(item, valueElse, valueIndex)"
|
|
|
|
- >
|
|
|
|
- {{ valueIndex == 0 ? '复制' : '删除' }}
|
|
|
|
|
|
+ </a-select>
|
|
|
|
+ </a-form-model-item>
|
|
</div>
|
|
</div>
|
|
- </template>
|
|
|
|
- </div>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ class="rules-list-item-delete"
|
|
|
|
+ v-if="item.isCopy == 1"
|
|
|
|
+ @click="addData(item, valueElse, valueIndex)"
|
|
|
|
+ >
|
|
|
|
+ {{ valueIndex == 0 ? '复建' : '删除' }}
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </template>
|
|
|
|
- </div>
|
|
|
|
- <div class="moduler">
|
|
|
|
- <div class="opt">
|
|
|
|
- <a-button type="default" style="margin-right: 15px" @click="goBack">{{editShow?'取消':'返回'}}</a-button>
|
|
|
|
- <a-button type="primary" style="margin-right: 15px" @click="saveHandler" :loading="saveLoading" v-if="editShow"
|
|
|
|
- >下一步</a-button
|
|
|
|
- >
|
|
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </a-form-model>
|
|
|
|
- </div>
|
|
|
|
- </a-spin>
|
|
|
|
- </div>
|
|
|
|
- <div v-else-if="current == 1">
|
|
|
|
- <switchConfig />
|
|
|
|
|
|
+ </template>
|
|
|
|
+ </div>
|
|
|
|
+ </a-form-model>
|
|
|
|
+ </div>
|
|
|
|
+ </a-spin>
|
|
|
|
+ </div>
|
|
|
|
+ <switchConfig :disabled="!editShow"/>
|
|
|
|
+ <div class="toolbox-automate-rules-create-body" v-if="editShow">
|
|
|
|
+ <div class="moduler">
|
|
|
|
+ <div class="opt">
|
|
|
|
+ <a-button type="default" style="margin-right: 15px" @click="goBack">{{
|
|
|
|
+ editShow ? '取消' : '返回'
|
|
|
|
+ }}</a-button>
|
|
|
|
+ <a-button
|
|
|
|
+ type="primary"
|
|
|
|
+ style="margin-right: 15px"
|
|
|
|
+ @click="saveHandler"
|
|
|
|
+ :loading="saveLoading"
|
|
|
|
+ v-if="editShow"
|
|
|
|
+ >确定</a-button
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -473,13 +546,13 @@ export default {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- editShow:false,
|
|
|
|
|
|
+ editShow: false,
|
|
current: 0,
|
|
current: 0,
|
|
spinLoading: false,
|
|
spinLoading: false,
|
|
- allCol: {
|
|
|
|
- labelCol: { span: 6 },
|
|
|
|
- wrapperCol: { span: 18 },
|
|
|
|
- },
|
|
|
|
|
|
+ // allCol: {
|
|
|
|
+ // labelCol: { span: 6 },
|
|
|
|
+ // wrapperCol: { span: 18 },
|
|
|
|
+ // },
|
|
wrapperCol: { span: 14 },
|
|
wrapperCol: { span: 14 },
|
|
ceshi: [],
|
|
ceshi: [],
|
|
ceshi2: [],
|
|
ceshi2: [],
|
|
@@ -672,10 +745,15 @@ export default {
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
addData(valueElse, value, index) {
|
|
addData(valueElse, value, index) {
|
|
- console.log(valueElse, value)
|
|
|
|
// alert(1)
|
|
// alert(1)
|
|
if (index == 0) {
|
|
if (index == 0) {
|
|
var data = JSON.parse(JSON.stringify(value))
|
|
var data = JSON.parse(JSON.stringify(value))
|
|
|
|
+ data = data.map((item) => {
|
|
|
|
+ return {
|
|
|
|
+ ...item,
|
|
|
|
+ threshold: undefined,
|
|
|
|
+ }
|
|
|
|
+ })
|
|
valueElse.ruleDetail.push(data)
|
|
valueElse.ruleDetail.push(data)
|
|
} else {
|
|
} else {
|
|
valueElse.ruleDetail.splice(index, 1)
|
|
valueElse.ruleDetail.splice(index, 1)
|
|
@@ -686,7 +764,6 @@ export default {
|
|
},
|
|
},
|
|
// 应用方式改变
|
|
// 应用方式改变
|
|
applyRangeChange(e) {
|
|
applyRangeChange(e) {
|
|
- console.log(e.target.value)
|
|
|
|
this.checkedList = []
|
|
this.checkedList = []
|
|
this.checkAll = false
|
|
this.checkAll = false
|
|
this.indeterminate = false
|
|
this.indeterminate = false
|
|
@@ -704,7 +781,6 @@ export default {
|
|
pageNo: 1,
|
|
pageNo: 1,
|
|
pageSize: 100000,
|
|
pageSize: 100000,
|
|
}).then((res) => {
|
|
}).then((res) => {
|
|
- console.log(res)
|
|
|
|
this.plainOptions = []
|
|
this.plainOptions = []
|
|
this.spinning = false
|
|
this.spinning = false
|
|
if (res.success) {
|
|
if (res.success) {
|
|
@@ -730,7 +806,6 @@ export default {
|
|
pageNo: 1,
|
|
pageNo: 1,
|
|
pageSize: 100000,
|
|
pageSize: 100000,
|
|
}).then((res) => {
|
|
}).then((res) => {
|
|
- console.log(res)
|
|
|
|
this.plainOptions = []
|
|
this.plainOptions = []
|
|
this.spinning = false
|
|
this.spinning = false
|
|
if (res.success) {
|
|
if (res.success) {
|
|
@@ -746,7 +821,7 @@ export default {
|
|
},
|
|
},
|
|
|
|
|
|
inputCheck(val) {
|
|
inputCheck(val) {
|
|
- console.log(val)
|
|
|
|
|
|
+ // console.log(val)
|
|
},
|
|
},
|
|
|
|
|
|
isCost(val) {
|
|
isCost(val) {
|
|
@@ -760,12 +835,10 @@ export default {
|
|
},
|
|
},
|
|
|
|
|
|
handleChange(value) {
|
|
handleChange(value) {
|
|
- console.log(value, this.metricValueCode)
|
|
|
|
let rulesList = {}
|
|
let rulesList = {}
|
|
rulesList = this.rulesFieldList.filter((item) => {
|
|
rulesList = this.rulesFieldList.filter((item) => {
|
|
return item.metricValueCode == value
|
|
return item.metricValueCode == value
|
|
})[0]
|
|
})[0]
|
|
- console.log(rulesList)
|
|
|
|
this.rulesList = []
|
|
this.rulesList = []
|
|
rulesList.childs.forEach((ele, index) => {
|
|
rulesList.childs.forEach((ele, index) => {
|
|
this.rulesList.push({
|
|
this.rulesList.push({
|
|
@@ -878,8 +951,13 @@ export default {
|
|
...item,
|
|
...item,
|
|
ruleDetail: item.ruleDetail.map((end) => {
|
|
ruleDetail: item.ruleDetail.map((end) => {
|
|
if (isArray(end)) {
|
|
if (isArray(end)) {
|
|
- end.threshold = isArray(end.threshold) ? JSON.stringify(end.threshold) : end.threshold
|
|
|
|
- return [...end]
|
|
|
|
|
|
+ var data = end.map((c) => {
|
|
|
|
+ return {
|
|
|
|
+ ...c,
|
|
|
|
+ threshold: isArray(c.threshold) ? JSON.stringify(c.threshold) : end.threshold,
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ return [...data]
|
|
} else {
|
|
} else {
|
|
return {
|
|
return {
|
|
...end,
|
|
...end,
|
|
@@ -896,16 +974,18 @@ export default {
|
|
accountId: JSON.parse(localStorage.getItem('getRuleDetail')).accountId,
|
|
accountId: JSON.parse(localStorage.getItem('getRuleDetail')).accountId,
|
|
}
|
|
}
|
|
this.saveLoading = true
|
|
this.saveLoading = true
|
|
|
|
+
|
|
|
|
+ console.log(params)
|
|
postAction('/ruleAccountThreshold/fillThreshold', params).then((res) => {
|
|
postAction('/ruleAccountThreshold/fillThreshold', params).then((res) => {
|
|
if (res.success) {
|
|
if (res.success) {
|
|
this.saveLoading = false
|
|
this.saveLoading = false
|
|
// this.goBack()
|
|
// this.goBack()
|
|
- this.current = 1
|
|
|
|
|
|
+ this.$router.replace('/earlyWarningRules/useRuleList')
|
|
|
|
+ this.$bus.$emit('remove', '/earlyWarningRules/ruleModule')
|
|
}
|
|
}
|
|
})
|
|
})
|
|
} else {
|
|
} else {
|
|
- console.log('error submit!!')
|
|
|
|
- this.$message.error('请按提示填写必填项目!')
|
|
|
|
|
|
+ this.$message.error('请按提示填写必填项!')
|
|
return false
|
|
return false
|
|
}
|
|
}
|
|
})
|
|
})
|
|
@@ -1013,6 +1093,31 @@ export default {
|
|
}).then((res) => {
|
|
}).then((res) => {
|
|
if (res.success) {
|
|
if (res.success) {
|
|
this.form = res.result
|
|
this.form = res.result
|
|
|
|
+
|
|
|
|
+ var data = this.form.ruleList.map((item) => {
|
|
|
|
+ return {
|
|
|
|
+ ...item,
|
|
|
|
+ ruleDetail: item.ruleDetail.map((end) => {
|
|
|
|
+ if (isArray(end)) {
|
|
|
|
+ var data = end.map((c) => {
|
|
|
|
+ return {
|
|
|
|
+ ...c,
|
|
|
|
+ threshold:
|
|
|
|
+ c.modelType == 'tagBox' ? (c.threshold == null ? undefined : c.threshold) : c.threshold,
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ return [...data]
|
|
|
|
+ } else {
|
|
|
|
+ return {
|
|
|
|
+ ...end,
|
|
|
|
+ threshold:
|
|
|
|
+ end.modelType == 'tagBox' ? (end.threshold == null ? undefined : end.threshold) : end.threshold,
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }),
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ this.form.ruleList = data
|
|
this.spinLoading = false
|
|
this.spinLoading = false
|
|
} else {
|
|
} else {
|
|
this.spinLoading = false
|
|
this.spinLoading = false
|
|
@@ -1023,6 +1128,28 @@ export default {
|
|
getAction('/ruleTemplate/previewTemplate', { id: data.id }).then((res) => {
|
|
getAction('/ruleTemplate/previewTemplate', { id: data.id }).then((res) => {
|
|
if (res.success) {
|
|
if (res.success) {
|
|
this.form = res.result
|
|
this.form = res.result
|
|
|
|
+ var data = this.form.ruleList.map((item) => {
|
|
|
|
+ return {
|
|
|
|
+ ...item,
|
|
|
|
+ ruleDetail: item.ruleDetail.map((end) => {
|
|
|
|
+ if (isArray(end)) {
|
|
|
|
+ var data = end.map((c) => {
|
|
|
|
+ return {
|
|
|
|
+ ...c,
|
|
|
|
+ threshold: c.modelType == 'tagBox' ? undefined : end.threshold,
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ return [...data]
|
|
|
|
+ } else {
|
|
|
|
+ return {
|
|
|
|
+ ...end,
|
|
|
|
+ threshold: end.modelType == 'tagBox' ? undefined : end.threshold,
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }),
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ this.form.ruleList = data
|
|
this.spinLoading = false
|
|
this.spinLoading = false
|
|
} else {
|
|
} else {
|
|
this.spinLoading = false
|
|
this.spinLoading = false
|
|
@@ -1083,7 +1210,7 @@ export default {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
align-items: center;
|
|
- margin-bottom: 32px;
|
|
|
|
|
|
+ margin-bottom: 20px;
|
|
}
|
|
}
|
|
.row-item:last-of-type {
|
|
.row-item:last-of-type {
|
|
margin-bottom: 0;
|
|
margin-bottom: 0;
|
|
@@ -1103,11 +1230,11 @@ export default {
|
|
line-height: 20px;
|
|
line-height: 20px;
|
|
height: 20px;
|
|
height: 20px;
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
- width: 105px;
|
|
|
|
- min-width: 105px;
|
|
|
|
|
|
+ width: 140px;
|
|
|
|
+ min-width: 140px;
|
|
.text-item {
|
|
.text-item {
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
- width: 100px;
|
|
|
|
|
|
+ width: 120px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.row-item .required-item {
|
|
.row-item .required-item {
|
|
@@ -1143,9 +1270,9 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- .toolbox-automate-rules-create-content_rules-and-condition_rules {
|
|
|
|
- margin-bottom: 24px;
|
|
|
|
- }
|
|
|
|
|
|
+ // .toolbox-automate-rules-create-content_rules-and-condition_rules {
|
|
|
|
+ // // margin-bottom: 24px;
|
|
|
|
+ // }
|
|
.toolbox-automate-rules-create-content_rules-and-condition_rules,
|
|
.toolbox-automate-rules-create-content_rules-and-condition_rules,
|
|
.toolbox-automate-rules-create-content_rules-and-condition_condition {
|
|
.toolbox-automate-rules-create-content_rules-and-condition_condition {
|
|
width: 1138px;
|
|
width: 1138px;
|
|
@@ -1171,8 +1298,6 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.content {
|
|
.content {
|
|
- padding: 24px;
|
|
|
|
-
|
|
|
|
.add-rule {
|
|
.add-rule {
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
|
|
@@ -1196,10 +1321,9 @@ export default {
|
|
.rules-list-item {
|
|
.rules-list-item {
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
width: 100%;
|
|
- padding: 24px;
|
|
|
|
|
|
+ padding: 10px;
|
|
background: #f8f9fa;
|
|
background: #f8f9fa;
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
- margin-bottom: 16px;
|
|
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
position: relative;
|
|
position: relative;
|