|
|
@@ -112,6 +112,46 @@
|
|
|
:value="operatoritem.value"></el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
+ <template v-if="formItems.attrType == 'datetime'">
|
|
|
+ <template v-if="formItems.operator == '1' || formItems.operator == null">
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ <span>~</span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '2'">
|
|
|
+ <span><</span>
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '3'">
|
|
|
+ <span>≤</span>
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '4'">
|
|
|
+ <span>></span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '5'">
|
|
|
+ <span>≥</span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
|
|
|
+ placeholder="请选择" style="width: 120px;margin-left: 20px;">
|
|
|
+ <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
|
|
|
+ :value="operatoritem.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
<div v-if="formItems.attrType == 'select'" style="display: flex;">
|
|
|
<el-select multiple v-model="formItems.minArray" placeholder="请选择" style="width: 100%;"
|
|
|
@change="selectChange($event, formItems.id, 'min')">
|
|
|
@@ -190,6 +230,47 @@
|
|
|
:value="operatoritem.value"></el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
+ <template v-if="formItems.attrType == 'datetime'">
|
|
|
+ <template v-if="formItems.operator == '1' || formItems.operator == null">
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ <span>~</span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '2'">
|
|
|
+ <span><</span>
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '3'">
|
|
|
+ <span>≤</span>
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '4'">
|
|
|
+ <span>></span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '5'">
|
|
|
+ <span>≥</span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
|
|
|
+ placeholder="请选择" style="width: 120px;margin-left: 20px;">
|
|
|
+ <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
|
|
|
+ :value="operatoritem.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+
|
|
|
<el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
|
|
|
style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
|
|
|
<el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
|
|
|
@@ -209,6 +290,7 @@
|
|
|
<el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
|
|
|
@click="radiouncheck(formItems)">取消选择</el-button>
|
|
|
</div>
|
|
|
+
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</div>
|
|
|
@@ -255,6 +337,46 @@
|
|
|
:value="operatoritem.value"></el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
+ <template v-if="formItems.attrType == 'datetime'">
|
|
|
+ <template v-if="formItems.operator == '1' || formItems.operator == null">
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ <span>~</span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '2'">
|
|
|
+ <span><</span>
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '3'">
|
|
|
+ <span>≤</span>
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '4'">
|
|
|
+ <span>></span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '5'">
|
|
|
+ <span>≥</span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
|
|
|
+ placeholder="请选择" style="width: 120px;margin-left: 20px;">
|
|
|
+ <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
|
|
|
+ :value="operatoritem.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
<el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
|
|
|
style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
|
|
|
<el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
|
|
|
@@ -320,6 +442,46 @@
|
|
|
:value="operatoritem.value"></el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
+ <template v-if="formItems.attrType == 'datetime'">
|
|
|
+ <template v-if="formItems.operator == '1' || formItems.operator == null">
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ <span>~</span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '2'">
|
|
|
+ <span><</span>
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '3'">
|
|
|
+ <span>≤</span>
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '4'">
|
|
|
+ <span>></span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '5'">
|
|
|
+ <span>≥</span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
|
|
|
+ placeholder="请选择" style="width: 120px;margin-left: 20px;">
|
|
|
+ <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
|
|
|
+ :value="operatoritem.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
<el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
|
|
|
style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
|
|
|
<el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
|
|
|
@@ -386,6 +548,46 @@
|
|
|
:value="operatoritem.value"></el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
+ <template v-if="formItems.attrType == 'datetime'">
|
|
|
+ <template v-if="formItems.operator == '1' || formItems.operator == null">
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ <span>~</span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '2'">
|
|
|
+ <span><</span>
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '3'">
|
|
|
+ <span>≤</span>
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '4'">
|
|
|
+ <span>></span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '5'">
|
|
|
+ <span>≥</span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 170px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
|
|
|
+ placeholder="请选择" style="width: 120px;margin-left: 20px;">
|
|
|
+ <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
|
|
|
+ :value="operatoritem.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
<el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
|
|
|
style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
|
|
|
<el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
|
|
|
@@ -451,6 +653,46 @@
|
|
|
:value="operatoritem.value"></el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
+ <template v-if="formItems.attrType == 'datetime'">
|
|
|
+ <template v-if="formItems.operator == '1' || formItems.operator == null">
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 175px;">
|
|
|
+ </el-date-picker>
|
|
|
+ <span>~</span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 175px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '2'">
|
|
|
+ <span><</span>
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 175px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '3'">
|
|
|
+ <span>≤</span>
|
|
|
+ <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 175px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '4'">
|
|
|
+ <span>></span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 175px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <template v-if="formItems.operator == '5'">
|
|
|
+ <span>≥</span>
|
|
|
+ <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期时间" style="width: 175px;">
|
|
|
+ </el-date-picker>
|
|
|
+ </template>
|
|
|
+ <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
|
|
|
+ placeholder="请选择" style="width: 120px;margin-left: 20px;">
|
|
|
+ <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
|
|
|
+ :value="operatoritem.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
<el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
|
|
|
style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
|
|
|
<el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
|
|
|
@@ -694,6 +936,10 @@ export default {
|
|
|
}
|
|
|
|
|
|
/deep/ {
|
|
|
+ .el-input--suffix .el-input__inner {
|
|
|
+ padding-right: 0 !important;
|
|
|
+ }
|
|
|
+
|
|
|
.el-card__body {
|
|
|
padding: 0;
|
|
|
}
|