|
@@ -41,438 +41,499 @@
|
|
|
<a-form-model ref="ruleForm" :model="form" layout="horizontal" :hideRequiredMark="true">
|
|
|
<div class="moduler">
|
|
|
<template v-for="(item, index) of form.ruleList">
|
|
|
- <div class="row-item" v-if="item.ruleType == 'base' && item.isCopy == 0" :key="index">
|
|
|
- <div class="hint-item">
|
|
|
- <a-tooltip>
|
|
|
- <template slot="title">
|
|
|
- {{ item.remark }}
|
|
|
+ <div v-if="item.operation==1" style="border:1px solid #f2f2f2;padding:15px 25px;margin-bottom:15px">
|
|
|
+ <div class="row-item" v-if="item.ruleType == 'base' && item.isCopy == 0" :key="index">
|
|
|
+ <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">
|
|
|
+ <template v-for="(value, valueIndex) of item.ruleDetail">
|
|
|
+ <div class="toolbox-automate-rules-create-content_rules-and-condition_rules" style="margin-bottom:10px">
|
|
|
+ <div class="content">
|
|
|
+ <div class="rules-list">
|
|
|
+ <div class="rules-list-item">
|
|
|
+
|
|
|
+ <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',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <!-- <div style="margin-left:20px"> -->
|
|
|
+ <a-input-number
|
|
|
+ :disabled="!editShow"
|
|
|
+ style="width: 100px; margin-right: 5px"
|
|
|
+ v-model="value.threshold"
|
|
|
+ :min="0"
|
|
|
+ />{{ value.dataUnit }}
|
|
|
+ 当天数据
|
|
|
+ {{value.ruleCondition|conditionName}}
|
|
|
+ {{value.cindicatorCode|cindicatorName}}
|
|
|
+
|
|
|
+ <!-- </div> -->
|
|
|
+
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</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>
|
|
|
- <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',
|
|
|
- }"
|
|
|
- >
|
|
|
- <span
|
|
|
- style="color: red; font-size: 16px; font-weight: 500"
|
|
|
- v-if="value.modelType == 'numberText'"
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <div class="row-item" v-if="item.ruleType == 'base' && item.isCopy == 0" :key="index">
|
|
|
+ <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',
|
|
|
+ }"
|
|
|
>
|
|
|
- {{ value.ruleCondition | conditionName }}
|
|
|
- </span>
|
|
|
- <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'"
|
|
|
- @change="inputChange(value)"
|
|
|
- />
|
|
|
- <selectGroup
|
|
|
- :disabled="!editShow"
|
|
|
- v-model="value.threshold"
|
|
|
- style="width: 300px; margin-right: 5px"
|
|
|
- :code="value.dictId"
|
|
|
- :requestUrl="value.requestUrl"
|
|
|
- :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"
|
|
|
- style="width: 300px;margin-right:5px"
|
|
|
- :code="value.dictId"
|
|
|
- :multiple="value.dataType == 'string' ? false : true"
|
|
|
- /> -->
|
|
|
- <checkBoxGroup
|
|
|
- :disabled="!editShow"
|
|
|
+ <span
|
|
|
+ style="color: red; font-size: 16px; font-weight: 500"
|
|
|
+ v-if="value.modelType == 'numberText'"
|
|
|
+ >
|
|
|
+ {{ value.ruleCondition | conditionName }}
|
|
|
+ </span>
|
|
|
+ <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'"
|
|
|
+ @change="inputChange(value)"
|
|
|
+ />
|
|
|
+ <selectGroup
|
|
|
+ :disabled="!editShow"
|
|
|
+ v-model="value.threshold"
|
|
|
+ style="width: 300px; margin-right: 5px"
|
|
|
+ :code="value.dictId"
|
|
|
+ :requestUrl="value.requestUrl"
|
|
|
+ :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"
|
|
|
- style="width: 100%; margin-right: 5px"
|
|
|
+ style="width: 300px;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>
|
|
|
+ :multiple="value.dataType == 'string' ? false : true"
|
|
|
+ /> -->
|
|
|
+ <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>
|
|
|
|
|
|
- <!-- <p v-else-if="value.modelType == 'timeRange'">{{value.threshold}}</p> -->
|
|
|
+ <!-- <p v-else-if="value.modelType == 'timeRange'">{{value.threshold}}</p> -->
|
|
|
|
|
|
- <scheduleTime
|
|
|
- style="width: 100%"
|
|
|
- :scheduleTime.sync="value.threshold"
|
|
|
- ref="selectCheck"
|
|
|
- v-else-if="value.modelType == 'scheduleTime'"
|
|
|
- >
|
|
|
- </scheduleTime>
|
|
|
- <!-- v-model="value.threshold" -->
|
|
|
- <!-- :cascaderValue.sync="value.threshold" -->
|
|
|
- <region
|
|
|
- :disabled="!editShow"
|
|
|
- :checkData.sync="value.threshold"
|
|
|
- :dataValue="value.threshold"
|
|
|
- style="width: 100%"
|
|
|
- :isLazy="true"
|
|
|
- v-else-if="value.modelType == 'region'"
|
|
|
- >
|
|
|
- </region>
|
|
|
- <!-- {{value.threshold}} -->
|
|
|
- {{ value.dataUnit }}
|
|
|
- </a-form-model-item>
|
|
|
+ <scheduleTime
|
|
|
+ style="width: 100%"
|
|
|
+ :scheduleTime.sync="value.threshold"
|
|
|
+ ref="selectCheck"
|
|
|
+ v-else-if="value.modelType == 'scheduleTime'"
|
|
|
+ >
|
|
|
+ </scheduleTime>
|
|
|
+ <!-- v-model="value.threshold" -->
|
|
|
+ <!-- :cascaderValue.sync="value.threshold" -->
|
|
|
+ <region
|
|
|
+ :disabled="!editShow"
|
|
|
+ :checkData.sync="value.threshold"
|
|
|
+ :dataValue="value.threshold"
|
|
|
+ style="width: 100%"
|
|
|
+ :isLazy="true"
|
|
|
+ v-else-if="value.modelType == 'region'"
|
|
|
+ >
|
|
|
+ </region>
|
|
|
+ <!-- {{value.threshold}} -->
|
|
|
+ {{ value.dataUnit }}
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <div class="row-item" v-else-if="item.ruleType == 'group' && item.isCopy == 0" :key="index">
|
|
|
- <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" :key="valueIndex">
|
|
|
- <!-- <div class="hint-item"></div>
|
|
|
- <div class="label-item">
|
|
|
- <div class="text-item"></div>
|
|
|
- <div class="required-item"></div>
|
|
|
- </div> -->
|
|
|
- <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'"
|
|
|
- >
|
|
|
- <span style="color: red; font-size: 16px; font-weight: 500">
|
|
|
- {{ value.ruleCondition | conditionName }}
|
|
|
- </span>
|
|
|
+ <div class="row-item" v-else-if="item.ruleType == 'group' && item.isCopy == 0" :key="index">
|
|
|
+ <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" :key="valueIndex">
|
|
|
+ <!-- <div class="hint-item"></div>
|
|
|
+ <div class="label-item">
|
|
|
+ <div class="text-item"></div>
|
|
|
+ <div class="required-item"></div>
|
|
|
+ </div> -->
|
|
|
+ <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'"
|
|
|
+ >
|
|
|
+ <span style="color: red; font-size: 16px; font-weight: 500">
|
|
|
+ {{ value.ruleCondition | conditionName }}
|
|
|
+ </span>
|
|
|
|
|
|
- <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"
|
|
|
- :requestUrl="value.requestUrl"
|
|
|
- :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-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'"
|
|
|
>
|
|
|
- </a-select>
|
|
|
- </a-form-model-item>
|
|
|
+ <!-- -->
|
|
|
+ <selectGroup
|
|
|
+ :disabled="!editShow"
|
|
|
+ v-model="value.threshold"
|
|
|
+ :code="value.dictId"
|
|
|
+ :requestUrl="value.requestUrl"
|
|
|
+ :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>
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="row-item" v-else-if="item.ruleType == 'group' && item.isCopy == 1" :key="index">
|
|
|
- <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"
|
|
|
- :key="valueIndex + 'ruleDetail'"
|
|
|
- >
|
|
|
- <div class="rules-list-item">
|
|
|
- <template v-for="(value, valueElseIndex) of valueElse">
|
|
|
- <div
|
|
|
- class="row-item row-group"
|
|
|
- v-if="value.variableType == 1"
|
|
|
- :key="valueElseIndex + 'valueElse'"
|
|
|
- >
|
|
|
- <!-- <div class="hint-item"></div>
|
|
|
- <div class="label-item">
|
|
|
- <div class="text-item"></div>
|
|
|
- <div class="required-item"></div>
|
|
|
- </div> -->
|
|
|
- <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'"
|
|
|
- >
|
|
|
- <span style="color: red; font-size: 16px; font-weight: 500">
|
|
|
- {{ value.ruleCondition | conditionName }}
|
|
|
- </span>
|
|
|
- <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%"
|
|
|
- @change="inputChange"
|
|
|
- />
|
|
|
- </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"
|
|
|
- :requestUrl="value.requestUrl"
|
|
|
- :multiple="
|
|
|
- value.dataType == 'string' ||
|
|
|
- value.dataType == 'number' ||
|
|
|
- value.indicatorCode == 'presentedVideo' ||
|
|
|
- value.indicatorCode == 'hideIfExists'
|
|
|
- ? false
|
|
|
- : true
|
|
|
+ <div class="row-item" v-else-if="item.ruleType == 'group' && item.isCopy == 1" :key="index">
|
|
|
+ <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"
|
|
|
+ :key="valueIndex + 'ruleDetail'"
|
|
|
+ >
|
|
|
+ <div class="rules-list-item">
|
|
|
+ <template v-for="(value, valueElseIndex) of valueElse">
|
|
|
+ <div
|
|
|
+ class="row-item row-group"
|
|
|
+ v-if="value.variableType == 1"
|
|
|
+ :key="valueElseIndex + 'valueElse'"
|
|
|
+ >
|
|
|
+ <!-- <div class="hint-item"></div>
|
|
|
+ <div class="label-item">
|
|
|
+ <div class="text-item"></div>
|
|
|
+ <div class="required-item"></div>
|
|
|
+ </div> -->
|
|
|
+ <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'
|
|
|
"
|
|
|
- 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"
|
|
|
+ :rules="{
|
|
|
+ required: item.isRequired == 1 ? true : false,
|
|
|
+ message: `${value.name}必填`,
|
|
|
+ trigger: 'blur',
|
|
|
+ }"
|
|
|
+ v-if="value.modelType == 'numberText'"
|
|
|
>
|
|
|
- </a-select>
|
|
|
- </a-form-model-item>
|
|
|
+ <span style="color: red; font-size: 16px; font-weight: 500">
|
|
|
+ {{ value.ruleCondition | conditionName }}
|
|
|
+ </span>
|
|
|
+ <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%"
|
|
|
+ @change="inputChange"
|
|
|
+ />
|
|
|
+ </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"
|
|
|
+ :requestUrl="value.requestUrl"
|
|
|
+ :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 +
|
|
|
+ '.' +
|
|
|
+ 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-select>
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="rules-list-item-delete"
|
|
|
+ v-if="item.isCopy == 1"
|
|
|
+ @click="addData(item, valueElse, valueIndex)"
|
|
|
+ :key="valueElseIndex"
|
|
|
+ >
|
|
|
+ {{ valueIndex == 0 ? '复建' : '删除' }}
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="rules-list-item-delete"
|
|
|
- v-if="item.isCopy == 1"
|
|
|
- @click="addData(item, valueElse, valueIndex)"
|
|
|
- :key="valueElseIndex"
|
|
|
- >
|
|
|
- {{ valueIndex == 0 ? '复建' : '删除' }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
</template>
|
|
|
</div>
|
|
|
</a-form-model>
|