|
@@ -13,8 +13,12 @@
|
|
|
@dragenter.prevent="childDragEnter($event, index)"
|
|
|
@dragleave="childDragleave($event, index)">
|
|
|
<div class="query-area-header">
|
|
|
- <div class="query-area-item-title" @click="handleDisplay(index)">{{it.displayName?it.displayName : it.fieldName}}</div>
|
|
|
- <div class="query-area-item-close" @click="childDelete(index)"><CloseOutlined style="color: white;"/></div>
|
|
|
+ <div class="query-area-item-title" @click="handleDisplay(index)">
|
|
|
+ {{ it.displayName ? it.displayName : it.fieldName }}
|
|
|
+ </div>
|
|
|
+ <div class="query-area-item-close" @click="childDelete(index)">
|
|
|
+ <CloseOutlined style="color: white;"/>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<template v-for="(op, idx) in tagList[index].values">
|
|
|
<div v-if="convertDataType(tagList[index])==0" class="query-area-body">
|
|
@@ -22,11 +26,11 @@
|
|
|
<a-select v-model:value="tagList[index].values[idx].operation" :options="operTexts"></a-select>
|
|
|
</div>
|
|
|
<div class="query-area-body-input">
|
|
|
- <a-input v-model:value="tagList[index].values[idx].val" placeholder="值..." />
|
|
|
+ <a-input v-model:value="tagList[index].values[idx].val" placeholder="值..."/>
|
|
|
</div>
|
|
|
<div v-if="false" class="query-area-body-edit">
|
|
|
<PlusSquareOutlined v-if="(idx==0)" @click="operationInsert(index, idx)"/>
|
|
|
- <MinusSquareOutlined v-if="(idx>0)" @click="operationDelete(index, idx)"/>
|
|
|
+ <MinusSquareOutlined v-if="(idx>0)" @click="operationDelete(index, idx)"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -35,22 +39,23 @@
|
|
|
<a-select v-model:value="tagList[index].values[idx].operation" :options="operNumbers"></a-select>
|
|
|
</div>
|
|
|
<div class="query-area-body-input">
|
|
|
- <a-input v-model:value="tagList[index].values[idx].val" placeholder="值..." />
|
|
|
+ <a-input v-model:value="tagList[index].values[idx].val" placeholder="值..."/>
|
|
|
</div>
|
|
|
<div v-if="tagList[index].values[idx].operation=='limit'" class="query-area-body-text">
|
|
|
到
|
|
|
</div>
|
|
|
<div v-if="tagList[index].values[idx].operation=='limit'" class="query-area-body-input">
|
|
|
- <a-input v-model:value="tagList[index].values[idx].val2" placeholder="值..." />
|
|
|
+ <a-input v-model:value="tagList[index].values[idx].val2" placeholder="值..."/>
|
|
|
</div>
|
|
|
<div v-if="false" class="query-area-body-edit">
|
|
|
<PlusSquareOutlined v-if="(idx==0)" @click="operationInsert(index, idx)"/>
|
|
|
- <MinusSquareOutlined v-if="(idx>0)" @click="operationDelete(index, idx)"/>
|
|
|
+ <MinusSquareOutlined v-if="(idx>0)" @click="operationDelete(index, idx)"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div v-if="convertDataType(tagList[index])==2" class="query-area-body">
|
|
|
- <div :class="(getIsTimeLimit(tagList[index].values[idx].operation)?'query-area-body-oper':'query-area-body-time')">
|
|
|
+ <div
|
|
|
+ :class="(getIsTimeLimit(tagList[index].values[idx].operation)?'query-area-body-oper':'query-area-body-time')">
|
|
|
<a-select v-model:value="tagList[index].values[idx].operation" :options="operTimes"></a-select>
|
|
|
</div>
|
|
|
<div class="query-area-body-input">
|
|
@@ -75,11 +80,11 @@
|
|
|
<a-date-picker
|
|
|
v-else-if="(getTimeType(tagList[index].values[idx].operation)=='date')"
|
|
|
v-model:value="tagList[index].values[idx].val2"
|
|
|
- placeholder="日期..." />
|
|
|
+ placeholder="日期..."/>
|
|
|
</div>
|
|
|
<div v-if="false" class="query-area-body-edit">
|
|
|
<PlusSquareOutlined v-if="(idx==0)" @click="operationInsert(index, idx)"/>
|
|
|
- <MinusSquareOutlined v-if="(idx>0)" @click="operationDelete(index, idx)"/>
|
|
|
+ <MinusSquareOutlined v-if="(idx>0)" @click="operationDelete(index, idx)"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -88,11 +93,12 @@
|
|
|
<a-select v-model:value="tagList[index].values[idx].operation" :options="operDics"></a-select>
|
|
|
</div>
|
|
|
<div class="query-area-body-input">
|
|
|
- <a-select v-model:value="tagList[index].values[idx].val" :options="(dics[tagList[index].dictionaryCode])"></a-select>
|
|
|
+ <a-select v-model:value="tagList[index].values[idx].val"
|
|
|
+ :options="(dics[tagList[index].dictionaryCode])"></a-select>
|
|
|
</div>
|
|
|
<div v-if="false" class="query-area-body-edit">
|
|
|
<PlusSquareOutlined v-if="(idx==0)" @click="operationInsert(index, idx)"/>
|
|
|
- <MinusSquareOutlined v-if="(idx>0)" @click="operationDelete(index, idx)"/>
|
|
|
+ <MinusSquareOutlined v-if="(idx>0)" @click="operationDelete(index, idx)"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -101,226 +107,249 @@
|
|
|
</div>
|
|
|
|
|
|
<a-modal v-model:visible="modelName.open" title="修改显示名称" @ok="handleDisplayOk">
|
|
|
- <div style="line-height: 30px;">属性名称:{{modelName.fieldName}}</div>
|
|
|
+ <div style="line-height: 30px;">属性名称:{{ modelName.fieldName }}</div>
|
|
|
<div>
|
|
|
<a-input v-model:value="modelName.displayName"
|
|
|
- :placeholder="(modelName.fieldName+'...')" />
|
|
|
+ :placeholder="(modelName.fieldName+'...')"/>
|
|
|
</div>
|
|
|
</a-modal>
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
- import {defineComponent, computed} from "vue";
|
|
|
- import DragBase from './drag-base.vue'
|
|
|
- import type {SelectProps} from 'ant-design-vue';
|
|
|
- import dayjs, { Dayjs } from 'dayjs';
|
|
|
- import { postData} from '@/api/common';
|
|
|
+import {defineComponent, computed} from "vue";
|
|
|
+import DragBase from './drag-base.vue'
|
|
|
+import type {SelectProps} from 'ant-design-vue';
|
|
|
+import dayjs, {Dayjs} from 'dayjs';
|
|
|
+import {postData} from '@/api/common';
|
|
|
|
|
|
- export default defineComponent({
|
|
|
- name : 'DragWhere',
|
|
|
- extends : DragBase,
|
|
|
- data(){
|
|
|
- return{
|
|
|
- operTexts : [
|
|
|
- { value: '=', label: '等于'},
|
|
|
- { value: 'like', label: '包含'},
|
|
|
- { value: 'null', label: '为空'},
|
|
|
- { value: 'not null', label: '不为空'}
|
|
|
- ] as SelectProps['options'],
|
|
|
- operDics : [
|
|
|
- { value: '=', label: '等于'}
|
|
|
- ] as SelectProps['options'],
|
|
|
- operTimes : [
|
|
|
- { label: '日期', options:[
|
|
|
- { value: 'date', label: '日期区间'},
|
|
|
- { value: 'date,>', label: '日期大于'},
|
|
|
- { value: 'date,<', label: '日期小于'},
|
|
|
- { value: 'date,=', label: '日期等于'},
|
|
|
- { value: 'date,>=', label: '日期大于等于'},
|
|
|
- { value: 'date,<=', label: '日期小于等于'}]},
|
|
|
- { label: '日期时间', options:[
|
|
|
- { value: 'datetime', label: '时间区间'},
|
|
|
- { value: 'datetime,>', label: '时间大于'},
|
|
|
- { value: 'datetime,<', label: '时间小于'},
|
|
|
- { value: 'datetime,=', label: '时间等于'},
|
|
|
- { value: 'datetime,>=', label: '时间大于等于'},
|
|
|
- { value: 'datetime,<=', label: '时间小于等于'}]}
|
|
|
- ] as SelectProps['options'],
|
|
|
- operNumbers : [
|
|
|
- { value: '>', label: '大于'},
|
|
|
- { value: '>=', label: '大于等于'},
|
|
|
- { value: '=', label: '等于'},
|
|
|
- { value: '<', label: '小于'},
|
|
|
- { value: '<=', label: '小于等于'},
|
|
|
- { value: 'limit', label: '区间'}
|
|
|
- ] as SelectProps['options'],
|
|
|
- dics:{},
|
|
|
- dicTest :[]
|
|
|
- }
|
|
|
- },
|
|
|
- setup(props, context){
|
|
|
- console.log("measure setup" , props);
|
|
|
+export default defineComponent({
|
|
|
+ name: 'DragWhere',
|
|
|
+ extends: DragBase,
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ operTexts: [
|
|
|
+ {value: '=', label: '等于'},
|
|
|
+ {value: 'like', label: '包含'},
|
|
|
+ {value: 'null', label: '为空'},
|
|
|
+ {value: 'not null', label: '不为空'}
|
|
|
+ ] as SelectProps['options'],
|
|
|
+ operDics: [
|
|
|
+ {value: '=', label: '等于'}
|
|
|
+ ] as SelectProps['options'],
|
|
|
+ operTimes: [
|
|
|
+ {
|
|
|
+ label: '日期', options: [
|
|
|
+ {value: 'date', label: '日期区间'},
|
|
|
+ {value: 'date,>', label: '日期大于'},
|
|
|
+ {value: 'date,<', label: '日期小于'},
|
|
|
+ {value: 'date,=', label: '日期等于'},
|
|
|
+ {value: 'date,>=', label: '日期大于等于'},
|
|
|
+ {value: 'date,<=', label: '日期小于等于'}]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '日期时间', options: [
|
|
|
+ {value: 'datetime', label: '时间区间'},
|
|
|
+ {value: 'datetime,>', label: '时间大于'},
|
|
|
+ {value: 'datetime,<', label: '时间小于'},
|
|
|
+ {value: 'datetime,=', label: '时间等于'},
|
|
|
+ {value: 'datetime,>=', label: '时间大于等于'},
|
|
|
+ {value: 'datetime,<=', label: '时间小于等于'}]
|
|
|
+ }
|
|
|
+ ] as SelectProps['options'],
|
|
|
+ operNumbers: [
|
|
|
+ {value: '>', label: '大于'},
|
|
|
+ {value: '>=', label: '大于等于'},
|
|
|
+ {value: '=', label: '等于'},
|
|
|
+ {value: '<', label: '小于'},
|
|
|
+ {value: '<=', label: '小于等于'},
|
|
|
+ {value: 'limit', label: '区间'}
|
|
|
+ ] as SelectProps['options'],
|
|
|
+ dics: {},
|
|
|
+ dicTest: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setup(props, context) {
|
|
|
+ console.log("measure setup", props);
|
|
|
|
|
|
- const dataChange = (list, obj) => {
|
|
|
- context.emit('change', list, obj)
|
|
|
- }
|
|
|
- const subjectId = computed(() => {
|
|
|
- return props.subjectId? props.subjectId : null
|
|
|
- });
|
|
|
+ const dataChange = (list, obj) => {
|
|
|
+ context.emit('change', list, obj)
|
|
|
+ }
|
|
|
+ const subjectId = computed(() => {
|
|
|
+ return props.subjectId ? props.subjectId : null
|
|
|
+ });
|
|
|
|
|
|
- return{
|
|
|
- queryType: props.queryType ? props.queryType : 'dimen',
|
|
|
- keyName : props.keyName == null || props.keyName == undefined ? 'tempFeildId' : props.keyName,
|
|
|
- dataChange,
|
|
|
- subjectId
|
|
|
- }
|
|
|
- },
|
|
|
- methods:{
|
|
|
- getObject:function (data){
|
|
|
- console.log("getObject", data);
|
|
|
- if(data.dictionaryCode) this.getDictionary(data.dictionaryCode);
|
|
|
- return {
|
|
|
- tempFeildId : data.tempFeildId,
|
|
|
- tempId: data.tempId ? data.tempId : null,
|
|
|
- fieldId: data.fieldId ? data.fieldId : null,
|
|
|
- fieldCode: data.fieldCode ? data.fieldCode : null,
|
|
|
- dataType : data.dataType ? data.dataType : 'int',
|
|
|
+ return {
|
|
|
+ queryType: props.queryType ? props.queryType : 'dimen',
|
|
|
+ keyName: props.keyName == null || props.keyName == undefined ? 'tempFeildId' : props.keyName,
|
|
|
+ dataChange,
|
|
|
+ subjectId
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getObject: function (data) {
|
|
|
+ console.log("getObject", data);
|
|
|
+ if (data.dictionaryCode) this.getDictionary(data.dictionaryCode);
|
|
|
+ return {
|
|
|
+ tempFeildId: data.tempFeildId,
|
|
|
+ tempId: data.tempId ? data.tempId : null,
|
|
|
+ fieldId: data.fieldId ? data.fieldId : null,
|
|
|
+ fieldCode: data.fieldCode ? data.fieldCode : null,
|
|
|
+ dataType: data.dataType ? data.dataType : 'int',
|
|
|
|
|
|
- fieldAlias : data.fieldAlias,
|
|
|
- fieldName: data.fieldName,
|
|
|
- isDrag : 1,
|
|
|
- displayName: data.displayName ? data.displayName : null,
|
|
|
- values : data.values ? data.values :
|
|
|
- [{ operation : (this.convertDataType(data)==2?'date':'='), val :'', val2 : '' }],
|
|
|
+ fieldAlias: data.fieldAlias,
|
|
|
+ fieldName: data.fieldName,
|
|
|
+ isDrag: 1,
|
|
|
+ displayName: data.displayName ? data.displayName : null,
|
|
|
+ values: data.values ? data.values :
|
|
|
+ [{operation: (this.convertDataType(data) == 2 ? 'date' : '='), val: '', val2: ''}],
|
|
|
|
|
|
- subId : data.subId? data.subId : null,
|
|
|
- subjectName : data.subjectName? data.subjectName : null,
|
|
|
- queryType : data.queryType? data.queryType : null,
|
|
|
- dictionaryCode : data.dictionaryCode? data.dictionaryCode : null
|
|
|
- };
|
|
|
- },
|
|
|
- operationInsert(index){
|
|
|
- this.tagList[index].values.push({ operation : '=', val :'' });
|
|
|
- },
|
|
|
- operationDelete(index, idx){
|
|
|
- this.tagList[index].values.splice(idx, 1);
|
|
|
- },
|
|
|
- convertDataType(row : any){
|
|
|
- if(row.queryType && row.queryType<=4) return row.queryType-1;
|
|
|
- else return 0;
|
|
|
- },
|
|
|
- onRangeChange(value: [Dayjs, Dayjs], dateString: [string, string]) {
|
|
|
- console.log('Selected Time: ', value);
|
|
|
- console.log('Formatted Selected Time: ', dateString);
|
|
|
- },
|
|
|
- getTagList(){
|
|
|
- this.tagList.forEach((row, index)=>{
|
|
|
- row.disOrder = index;
|
|
|
- row.operation = row.values[0].operation;
|
|
|
- if(this.convertDataType(row)==2) {
|
|
|
- row.value1 = row.value2 = null;
|
|
|
+ subId: data.subId ? data.subId : null,
|
|
|
+ subjectName: data.subjectName ? data.subjectName : null,
|
|
|
+ queryType: data.queryType ? data.queryType : null,
|
|
|
+ dictionaryCode: data.dictionaryCode ? data.dictionaryCode : null
|
|
|
+ };
|
|
|
+ },
|
|
|
+ operationInsert(index) {
|
|
|
+ this.tagList[index].values.push({operation: '=', val: ''});
|
|
|
+ },
|
|
|
+ operationDelete(index, idx) {
|
|
|
+ this.tagList[index].values.splice(idx, 1);
|
|
|
+ },
|
|
|
+ convertDataType(row: any) {
|
|
|
+ if (row.queryType && row.queryType <= 4) return row.queryType - 1;
|
|
|
+ else return 0;
|
|
|
+ },
|
|
|
+ onRangeChange(value: [Dayjs, Dayjs], dateString: [string, string]) {
|
|
|
+ console.log('Selected Time: ', value);
|
|
|
+ console.log('Formatted Selected Time: ', dateString);
|
|
|
+ },
|
|
|
+ getTagList() {
|
|
|
+ this.tagList.forEach((row, index) => {
|
|
|
+ row.disOrder = index;
|
|
|
+ row.operation = row.values[0].operation;
|
|
|
+ if (this.convertDataType(row) == 2) {
|
|
|
+ row.value1 = row.value2 = null;
|
|
|
|
|
|
- let formatString = "YYYY-MM-DD";
|
|
|
- if (this.getTimeType(row.values[0].operation) == "datetime") formatString = "YYYY-MM-DD HH:mm:ss";
|
|
|
+ let formatString = "YYYY-MM-DD";
|
|
|
+ if (this.getTimeType(row.values[0].operation) == "datetime") formatString = "YYYY-MM-DD HH:mm:ss";
|
|
|
|
|
|
- if (this.getIsTimeLimit(row.operation) && row.values[0].val && row.values[0].val.length > 0 && row.values[0].val[0]) {
|
|
|
- row.value1 = row.values[0].val[0].format(formatString);
|
|
|
- }
|
|
|
- if (this.getIsTimeLimit(row.operation) && row.values[0].val && row.values[0].val.length > 1 && row.values[0].val[1]) {
|
|
|
- row.value2 = row.values[0].val[1].format(formatString);
|
|
|
- }
|
|
|
- if (!this.getIsTimeLimit(row.operation) && row.values[0].val2) {
|
|
|
- row.value1 = row.values[0].val2.format(formatString);
|
|
|
- }
|
|
|
+ if (this.getIsTimeLimit(row.operation) && row.values[0].val && row.values[0].val.length > 0 && row.values[0].val[0]) {
|
|
|
+ row.value1 = row.values[0].val[0].format(formatString);
|
|
|
+ }
|
|
|
+ if (this.getIsTimeLimit(row.operation) && row.values[0].val && row.values[0].val.length > 1 && row.values[0].val[1]) {
|
|
|
+ row.value2 = row.values[0].val[1].format(formatString);
|
|
|
}
|
|
|
- else {
|
|
|
- row.value1 = row.values[0].val;
|
|
|
- row.value2 = row.values[0].val2;
|
|
|
+ if (!this.getIsTimeLimit(row.operation) && row.values[0].val2) {
|
|
|
+ row.value1 = row.values[0].val2.format(formatString);
|
|
|
}
|
|
|
- });
|
|
|
- return this.tagList;
|
|
|
- },
|
|
|
- setTagList(list){
|
|
|
- list.forEach((row)=>{
|
|
|
- row.values = [{ operation : row.operation, val :row.value1, val2 : row.value2 }];
|
|
|
+ } else {
|
|
|
+ row.value1 = row.values[0].val;
|
|
|
+ row.value2 = row.values[0].val2;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return this.tagList;
|
|
|
+ },
|
|
|
+ setTagList(list) {
|
|
|
+ list.forEach((row) => {
|
|
|
+ row.values = [{operation: row.operation, val: row.value1, val2: row.value2}];
|
|
|
|
|
|
- if(this.convertDataType(row)==2){
|
|
|
- let formatString = "YYYY-MM-DD";
|
|
|
- if(this.getTimeType(row.values[0].operation)=="datetime") formatString="YYYY-MM-DD HH:mm:ss";
|
|
|
+ if (this.convertDataType(row) == 2) {
|
|
|
+ let formatString = "YYYY-MM-DD";
|
|
|
+ if (this.getTimeType(row.values[0].operation) == "datetime") formatString = "YYYY-MM-DD HH:mm:ss";
|
|
|
|
|
|
- row.values[0].val = [];
|
|
|
- row.values[0].val2 = null;
|
|
|
- if(row.value1 && row.value1.length>0){
|
|
|
- row.values[0].val.push(dayjs(row.value1,formatString));
|
|
|
- row.values[0].val2 = dayjs(row.value1,formatString);
|
|
|
- }
|
|
|
- if(row.value2 && row.value2.length>0){
|
|
|
- row.values[0].val.push(dayjs(row.value2,formatString));
|
|
|
- }
|
|
|
+ row.values[0].val = [];
|
|
|
+ row.values[0].val2 = null;
|
|
|
+ if (row.value1 && row.value1.length > 0) {
|
|
|
+ row.values[0].val.push(dayjs(row.value1, formatString));
|
|
|
+ row.values[0].val2 = dayjs(row.value1, formatString);
|
|
|
+ }
|
|
|
+ if (row.value2 && row.value2.length > 0) {
|
|
|
+ row.values[0].val.push(dayjs(row.value2, formatString));
|
|
|
}
|
|
|
- if(row.dictionaryCode) this.getDictionary(row.dictionaryCode);
|
|
|
- });
|
|
|
+ }
|
|
|
+ if (row.dictionaryCode) this.getDictionary(row.dictionaryCode);
|
|
|
+ });
|
|
|
|
|
|
- this.tagList = list;
|
|
|
- },
|
|
|
- getIsTimeLimit:function (operStr:String){
|
|
|
- if(operStr==undefined || operStr==null) return true;
|
|
|
- return operStr.split(',').length == 1;
|
|
|
- },
|
|
|
- getTimeType : function (operStr:String){
|
|
|
- if(operStr==undefined || operStr==null) return 'date';
|
|
|
- return operStr.split(',')[0];
|
|
|
- },
|
|
|
- getDictionary:async function (dicCode){
|
|
|
- if(!this.dics[dicCode]) {
|
|
|
- const result: any = await postData('temp/getDictionaryList', [dicCode]);
|
|
|
- this.dics[dicCode] = result[dicCode];
|
|
|
- this.dics[dicCode].splice(0, 0, {value:'', label:'空'});
|
|
|
+ this.tagList = list;
|
|
|
+ },
|
|
|
+ changeList(list: any[]) {
|
|
|
+ this.tagList = this.tagList.filter(tag => list.filter(it => tag.field == it.field).length > 0);
|
|
|
+ list.forEach(it => {
|
|
|
+ let size = this.tagList.filter(tag => tag.field == it.field);
|
|
|
+ if (size == 0) {
|
|
|
+ this.tagList.push(it);
|
|
|
}
|
|
|
- console.log("dicCode", dicCode, this.dics);
|
|
|
- return this.dics[dicCode];
|
|
|
+ })
|
|
|
+ this.setTagList(this.tagList);
|
|
|
+ },
|
|
|
+ getIsTimeLimit: function (operStr: String) {
|
|
|
+ if (operStr == undefined || operStr == null) return true;
|
|
|
+ return operStr.split(',').length == 1;
|
|
|
+ },
|
|
|
+ getTimeType: function (operStr: String) {
|
|
|
+ if (operStr == undefined || operStr == null) return 'date';
|
|
|
+ return operStr.split(',')[0];
|
|
|
+ },
|
|
|
+ getDictionary: async function (dicCode) {
|
|
|
+ if (!this.dics[dicCode]) {
|
|
|
+ const result: any = await postData('temp/getDictionaryList', [dicCode]);
|
|
|
+ this.dics[dicCode] = result[dicCode];
|
|
|
+ this.dics[dicCode].splice(0, 0, {value: '', label: '空'});
|
|
|
}
|
|
|
+ console.log("dicCode", dicCode, this.dics);
|
|
|
+ return this.dics[dicCode];
|
|
|
}
|
|
|
- })
|
|
|
+ }
|
|
|
+})
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
- @import 'drag-base.less';
|
|
|
- .query-area-header{
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- }
|
|
|
- .query-area-header .query-area-item-title{
|
|
|
- flex-grow: 1;
|
|
|
- }
|
|
|
- .query-area-body{
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- margin-bottom: 5px;
|
|
|
- }
|
|
|
- .query-area-body-oper{
|
|
|
- width: 100px;
|
|
|
- }
|
|
|
- .query-area-body-time{
|
|
|
- width: 150px;
|
|
|
- }
|
|
|
- .query-area-body-input{
|
|
|
- flex-grow: 1;
|
|
|
- }
|
|
|
- .query-area-item{
|
|
|
- width: 280px !important;
|
|
|
- }
|
|
|
- .query-area-item-time{
|
|
|
- width: 380px !important;
|
|
|
- }
|
|
|
- .query-area-body-edit{
|
|
|
- font-size: 18px;
|
|
|
- padding-left: 5px;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- .query-area-body-text{
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
- padding-left: 5px;
|
|
|
- padding-right: 5px;
|
|
|
- margin-top: 1px;
|
|
|
- }
|
|
|
+@import 'drag-base.less';
|
|
|
+
|
|
|
+.query-area-header {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+}
|
|
|
+
|
|
|
+.query-area-header .query-area-item-title {
|
|
|
+ flex-grow: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.query-area-body {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.query-area-body-oper {
|
|
|
+ width: 100px;
|
|
|
+}
|
|
|
+
|
|
|
+.query-area-body-time {
|
|
|
+ width: 150px;
|
|
|
+}
|
|
|
+
|
|
|
+.query-area-body-input {
|
|
|
+ flex-grow: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.query-area-item {
|
|
|
+ width: 280px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.query-area-item-time {
|
|
|
+ width: 380px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.query-area-body-edit {
|
|
|
+ font-size: 18px;
|
|
|
+ padding-left: 5px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.query-area-body-text {
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ padding-left: 5px;
|
|
|
+ padding-right: 5px;
|
|
|
+ margin-top: 1px;
|
|
|
+}
|
|
|
</style>
|