herenshan112
3 months ago
10 changed files with 6421 additions and 109 deletions
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,842 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-06-27 14:50:32 |
||||
|
@ 备注: 维度与计量字段 |
||||
|
--> |
||||
|
<script lang="ts" setup> |
||||
|
import type { CollapseIconPositionType } from "element-plus"; |
||||
|
import { useDesignEchartsStore } from "@/store/DesignForm/designForm"; |
||||
|
import { dimMeaInfo, filterInfo } from "@/api/chart/type"; |
||||
|
const store = useDesignEchartsStore() as any; //自定义表单存储器 |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
isShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
dimMeaType: { |
||||
|
type: Number, |
||||
|
default: 1, |
||||
|
}, |
||||
|
dimAry: { |
||||
|
type: Array, |
||||
|
default() { |
||||
|
return []; |
||||
|
}, |
||||
|
}, |
||||
|
meaAry: { |
||||
|
type: Array, |
||||
|
default() { |
||||
|
return []; |
||||
|
}, |
||||
|
}, |
||||
|
sunDimAry: { |
||||
|
type: Array, |
||||
|
default() { |
||||
|
return []; |
||||
|
}, |
||||
|
}, |
||||
|
sunMeaAry: { |
||||
|
type: Array, |
||||
|
default() { |
||||
|
return []; |
||||
|
}, |
||||
|
}, |
||||
|
}); |
||||
|
const drawTitle = ref(""); |
||||
|
const leftPick = ref<CollapseIconPositionType>("right"); |
||||
|
const checkDimList = ref<any>([]); |
||||
|
const checkMeaList = ref<any>([]); |
||||
|
//获取当前激活的项目 |
||||
|
const controlData = computed(() => { |
||||
|
return store.controlAttr; |
||||
|
}); |
||||
|
const emits = defineEmits(["update:isShow"]); |
||||
|
const openClose = computed({ |
||||
|
get: () => { |
||||
|
switch (props.dimMeaType) { |
||||
|
case 2: |
||||
|
drawTitle.value = "添加度量"; |
||||
|
break; |
||||
|
case 3: |
||||
|
drawTitle.value = "添加过滤器"; |
||||
|
break; |
||||
|
case 4: |
||||
|
drawTitle.value = "添加查询条件"; |
||||
|
break; |
||||
|
default: |
||||
|
drawTitle.value = "添加维度"; |
||||
|
|
||||
|
break; |
||||
|
} |
||||
|
huanyuan(); |
||||
|
return props.isShow; |
||||
|
}, |
||||
|
set: (newVal: any) => { |
||||
|
emits("update:isShow", newVal); |
||||
|
}, |
||||
|
}); |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-06-27 14:39:42 |
||||
|
@ 功能: 关闭 |
||||
|
*/ |
||||
|
const handleClose = () => { |
||||
|
emits("update:isShow", false); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-06-27 15:52:20 |
||||
|
@ 功能: 返回时间题目 |
||||
|
*/ |
||||
|
const timeTitle = (field: dimMeaInfo, typ: string) => { |
||||
|
return field.title + "(" + typ + ")"; |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-06-27 15:52:20 |
||||
|
@ 功能: 返回时间值 |
||||
|
*/ |
||||
|
const timeVal = (field: dimMeaInfo, typ: string) => { |
||||
|
return field.field + "|#$#|" + typ; |
||||
|
}; |
||||
|
|
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-06-30 08:34:44 |
||||
|
@ 功能: 维度组装 |
||||
|
*/ |
||||
|
const dimMakecont = (val: number) => { |
||||
|
console.log("维度组装-------->",checkDimList.value) |
||||
|
if (Array.isArray(checkDimList.value)) { |
||||
|
let fieldAry = new Array(); |
||||
|
checkDimList.value.forEach((item: any) => { |
||||
|
let valAry = item.split("|#$#|"); |
||||
|
|
||||
|
if (Array.isArray(valAry) && valAry.length > 1) { |
||||
|
switch (val) { |
||||
|
case 3: |
||||
|
break; |
||||
|
case 4: |
||||
|
break; |
||||
|
default: |
||||
|
props.dimAry.forEach((itemDim) => { |
||||
|
if (itemDim.field == valAry[0]) { |
||||
|
let isNew = true; |
||||
|
if ( |
||||
|
Array.isArray(controlData.value.x) && |
||||
|
controlData.value.x.length > 0 |
||||
|
) { |
||||
|
controlData.value.x.forEach((xItem: any) => { |
||||
|
if (xItem.field == item) { |
||||
|
isNew = false; |
||||
|
fieldAry.push(xItem); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
if (isNew) { |
||||
|
fieldAry.push({ |
||||
|
title: itemDim.title + "（" + valAry[valAry.length - 1] + "）", |
||||
|
type: itemDim.type, |
||||
|
field: itemDim.field, |
||||
|
options: itemDim.options, |
||||
|
oldTitle: itemDim.title + "（" + valAry[valAry.length - 1] + "）", |
||||
|
timeType: valAry[valAry.length - 1], |
||||
|
sort: 1, |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
} else { |
||||
|
switch (val) { |
||||
|
case 3: |
||||
|
break; |
||||
|
case 4: |
||||
|
break; |
||||
|
default: |
||||
|
props.dimAry.forEach((itemDim) => { |
||||
|
console.log("维度组装-----1------->", itemDim.field == item, itemDim, item); |
||||
|
if (itemDim.field == item) { |
||||
|
let isNew = true; |
||||
|
if ( |
||||
|
Array.isArray(controlData.value.x) && |
||||
|
controlData.value.x.length > 0 |
||||
|
) { |
||||
|
controlData.value.x.forEach((xItem: any) => { |
||||
|
if (xItem.field == item) { |
||||
|
isNew = false; |
||||
|
fieldAry.push(xItem); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
if (isNew) { |
||||
|
fieldAry.push({ |
||||
|
title: itemDim.title, |
||||
|
type: itemDim.type, |
||||
|
field: itemDim.field, |
||||
|
options: itemDim.options, |
||||
|
oldTitle: itemDim.title, |
||||
|
timeType: "", |
||||
|
sort: 1, |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
controlData.value.x = fieldAry; |
||||
|
console.log("维度组装", controlData.value); |
||||
|
} |
||||
|
//子表维度 |
||||
|
if(Array.isArray(checkListsund.value)){ |
||||
|
let sunFieldAry = new Array(); |
||||
|
|
||||
|
|
||||
|
if (Array.isArray(props.sunDimAry.value) && props.sunDimAry.value> 1){ |
||||
|
console.log("子维度组装-----2------->", props.sunDimAry); |
||||
|
}else{ |
||||
|
console.log("子维度组装-----3------->", props.sunDimAry); |
||||
|
console.log("子维度组装-----3------->", controlData.value.xsun); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
checkListsund.value.forEach((item: any) => { |
||||
|
|
||||
|
}) |
||||
|
} |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-06-30 14:21:28 |
||||
|
@ 功能: 组装度量 |
||||
|
*/ |
||||
|
const meaMakecont = (val: number) => { |
||||
|
// "组装度量--->", |
||||
|
// Array.isArray(checkMeaList.value), |
||||
|
// checkMeaList.value.length, |
||||
|
// checkMeaList.value |
||||
|
// ); |
||||
|
console.log("组装度量--------->",checkMeaList.value) |
||||
|
if (Array.isArray(checkMeaList.value) && checkMeaList.value.length > 0) { |
||||
|
let fieldAry = new Array(); |
||||
|
checkMeaList.value.forEach((item: any) => { |
||||
|
let valAry = item.split("|#$#|"); |
||||
|
if (Array.isArray(valAry) && valAry.length > 1) { |
||||
|
switch (val) { |
||||
|
case 3: |
||||
|
break; |
||||
|
case 4: |
||||
|
break; |
||||
|
default: |
||||
|
props.meaAry.forEach((itemDim) => { |
||||
|
if (itemDim.field == valAry[0]) { |
||||
|
let isNew = true; |
||||
|
if ( |
||||
|
Array.isArray(controlData.value.y) && |
||||
|
controlData.value.y.length > 0 |
||||
|
) { |
||||
|
controlData.value.y.forEach((yItem: any) => { |
||||
|
if (yItem.field == item) { |
||||
|
isNew = false; |
||||
|
fieldAry.push(yItem); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
if (isNew) { |
||||
|
fieldAry.push({ |
||||
|
title: itemDim.title + "（" + valAry[valAry.length - 1] + "）", |
||||
|
type: itemDim.type, |
||||
|
field: itemDim.field, |
||||
|
options: itemDim.options, |
||||
|
oldTitle: itemDim.title + "（" + valAry[valAry.length - 1] + "）", |
||||
|
timeType: valAry[valAry.length - 1], |
||||
|
sort: 1, |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
} else { |
||||
|
switch (val) { |
||||
|
case 3: |
||||
|
break; |
||||
|
case 4: |
||||
|
break; |
||||
|
default: |
||||
|
props.meaAry.forEach((itemDim) => { |
||||
|
console.log("维度组装-----1------->", itemDim.field == item, itemDim, item); |
||||
|
if (itemDim.field == item) { |
||||
|
let isNew = true; |
||||
|
if ( |
||||
|
Array.isArray(controlData.value.y) && |
||||
|
controlData.value.y.length > 0 |
||||
|
) { |
||||
|
controlData.value.y.forEach((xItem: any) => { |
||||
|
if (xItem.field == item) { |
||||
|
isNew = false; |
||||
|
fieldAry.push(xItem); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
if (isNew) { |
||||
|
fieldAry.push({ |
||||
|
title: itemDim.title, |
||||
|
type: itemDim.type, |
||||
|
field: itemDim.field, |
||||
|
options: itemDim.options, |
||||
|
oldTitle: itemDim.title, |
||||
|
timeType: "", |
||||
|
sort: 1, |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
controlData.value.y = fieldAry; |
||||
|
} |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-07-03 09:34:59 |
||||
|
@ 功能: 组装过滤器 |
||||
|
*/ |
||||
|
const meaDimCont = () => { |
||||
|
console.log("维度数据--->", checkDimList.value, props.dimAry); |
||||
|
console.log("量度数据--->", checkMeaList.value); |
||||
|
let fieldAry = new Array(); |
||||
|
if (Array.isArray(checkDimList.value) && checkDimList.value.length > 0) { |
||||
|
checkDimList.value.forEach((item: any) => { |
||||
|
let valAry = item.split("|#$#|"); |
||||
|
if (Array.isArray(valAry) && valAry.length > 1) { |
||||
|
props.dimAry.forEach((itemDim) => { |
||||
|
if (itemDim.field == valAry[0]) { |
||||
|
fieldAry.push({ |
||||
|
lable: itemDim.title + "（" + valAry[valAry.length - 1] + "）", |
||||
|
type: 3, |
||||
|
field: itemDim.field, |
||||
|
options: itemDim.options, |
||||
|
oldTitle: itemDim.title + "（" + valAry[valAry.length - 1] + "）", |
||||
|
timeType: valAry[valAry.length - 1], |
||||
|
sort: 1, |
||||
|
conditions: "", |
||||
|
method: 1, |
||||
|
modality: 1, |
||||
|
modalityList: [], |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
meadim: 1, |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
props.dimAry.forEach((itemDim) => { |
||||
|
if (itemDim.field == item) { |
||||
|
fieldAry.push({ |
||||
|
lable: itemDim.title, |
||||
|
type: itemDim.type, |
||||
|
field: itemDim.field, |
||||
|
options: itemDim.options, |
||||
|
oldTitle: itemDim.title, |
||||
|
timeType: "", |
||||
|
sort: 1, |
||||
|
conditions: "", |
||||
|
method: 1, |
||||
|
modality: 1, |
||||
|
modalityList: [], |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
meadim: 1, |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
let fieldMeaAry = new Array(); |
||||
|
if (Array.isArray(checkMeaList.value) && checkMeaList.value.length > 0) { |
||||
|
checkMeaList.value.forEach((item: any) => { |
||||
|
let valAry = item.split("|#$#|"); |
||||
|
if (Array.isArray(valAry) && valAry.length > 1) { |
||||
|
props.meaAry.forEach((itemDim) => { |
||||
|
if (itemDim.field == valAry[0]) { |
||||
|
fieldMeaAry.push({ |
||||
|
lable: itemDim.title + "（" + valAry[valAry.length - 1] + "）", |
||||
|
type: 3, |
||||
|
field: itemDim.field, |
||||
|
options: itemDim.options, |
||||
|
oldTitle: itemDim.title + "（" + valAry[valAry.length - 1] + "）", |
||||
|
timeType: valAry[valAry.length - 1], |
||||
|
sort: 1, |
||||
|
conditions: "", |
||||
|
method: 1, |
||||
|
modality: 1, |
||||
|
modalityList: [], |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
meadim: 2, |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
props.meaAry.forEach((itemDim) => { |
||||
|
if (itemDim.field == item) { |
||||
|
fieldMeaAry.push({ |
||||
|
lable: itemDim.title, |
||||
|
type: itemDim.type, |
||||
|
field: itemDim.field, |
||||
|
options: itemDim.options, |
||||
|
oldTitle: itemDim.title, |
||||
|
timeType: "", |
||||
|
sort: 1, |
||||
|
conditions: "", |
||||
|
method: 1, |
||||
|
modality: 1, |
||||
|
modalityList: [], |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
meadim: 2, |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
console.log("量度数据-23-->", fieldAry); |
||||
|
console.log("量度数据--34->", fieldMeaAry); |
||||
|
|
||||
|
controlData.value.filter.splice(0, controlData.value.filter.length); |
||||
|
console.log("量度数据--55->", controlData.value.filter); |
||||
|
controlData.value.filter.push(...fieldAry, ...fieldMeaAry); |
||||
|
console.log("量度数据--66->", controlData.value.filter); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-07-07 14:07:17 |
||||
|
@ 功能: 组装搜索条件 |
||||
|
*/ |
||||
|
const searchList = () => { |
||||
|
let fieldAry = new Array(); |
||||
|
if (Array.isArray(checkDimList.value) && checkDimList.value.length > 0) { |
||||
|
checkDimList.value.forEach((item: any) => { |
||||
|
let valAry = item.split("|#$#|"); |
||||
|
if (Array.isArray(valAry) && valAry.length > 1) { |
||||
|
props.dimAry.forEach((itemDim) => { |
||||
|
if (itemDim.field == valAry[0]) { |
||||
|
fieldAry.push({ |
||||
|
lable: itemDim.title + "（" + valAry[valAry.length - 1] + "）", |
||||
|
type: itemDim.type, |
||||
|
field: itemDim.field, |
||||
|
options: itemDim.options, |
||||
|
oldTitle: itemDim.title + "（" + valAry[valAry.length - 1] + "）", |
||||
|
timeType: valAry[valAry.length - 1], |
||||
|
sort: 1, |
||||
|
isTime: true, |
||||
|
value: "", |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
coor: "Y", |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
props.dimAry.forEach((itemDim) => { |
||||
|
if (itemDim.field == item) { |
||||
|
fieldAry.push({ |
||||
|
lable: itemDim.title, |
||||
|
type: itemDim.type, |
||||
|
field: itemDim.field, |
||||
|
options: itemDim.options, |
||||
|
oldTitle: itemDim.title, |
||||
|
timeType: "", |
||||
|
sort: 1, |
||||
|
isTime: false, |
||||
|
value: "", |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
coor: "Y", |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
let fieldMeaAry = new Array(); |
||||
|
if (Array.isArray(checkMeaList.value) && checkMeaList.value.length > 0) { |
||||
|
checkMeaList.value.forEach((item: any) => { |
||||
|
let valAry = item.split("|#$#|"); |
||||
|
if (Array.isArray(valAry) && valAry.length > 1) { |
||||
|
props.meaAry.forEach((itemDim) => { |
||||
|
if (itemDim.field == valAry[0]) { |
||||
|
fieldMeaAry.push({ |
||||
|
lable: itemDim.title + "（" + valAry[valAry.length - 1] + "）", |
||||
|
type: 3, |
||||
|
field: itemDim.field, |
||||
|
options: itemDim.options, |
||||
|
oldTitle: itemDim.title + "（" + valAry[valAry.length - 1] + "）", |
||||
|
timeType: valAry[valAry.length - 1], |
||||
|
sort: 1, |
||||
|
isTime: true, |
||||
|
value: "", |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
coor: "X", |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
props.meaAry.forEach((itemDim) => { |
||||
|
if (itemDim.field == item) { |
||||
|
fieldMeaAry.push({ |
||||
|
lable: itemDim.title, |
||||
|
type: itemDim.type, |
||||
|
field: itemDim.field, |
||||
|
options: itemDim.options, |
||||
|
oldTitle: itemDim.title, |
||||
|
timeType: "", |
||||
|
sort: 1, |
||||
|
isTime: false, |
||||
|
value: "", |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
coor: "X", |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
console.log("量度数据-23-->", fieldAry); |
||||
|
console.log("量度数据--34->", fieldMeaAry); |
||||
|
controlData.value.search.factor.splice(0, controlData.value.search.factor.length); |
||||
|
console.log("量度数据--55->", controlData.value.search.factor); |
||||
|
controlData.value.search.factor.push(...fieldAry, ...fieldMeaAry); |
||||
|
console.log("量度数据--66->", controlData.value.search); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-06-27 16:12:49 |
||||
|
@ 功能: 确定选择 |
||||
|
*/ |
||||
|
const pickDimMeaSet = () => { |
||||
|
console.log("确定选择", props.dimMeaType); |
||||
|
console.log( |
||||
|
"确定选择----------checkListsunduLiang-------------->", |
||||
|
checkListsunduLiang.value |
||||
|
); |
||||
|
console.log( |
||||
|
"确定选择----------checkListsund-------------->", |
||||
|
checkListsund.value |
||||
|
); |
||||
|
|
||||
|
switch (props.dimMeaType) { |
||||
|
case 2: |
||||
|
drawTitle.value = "添加度量"; |
||||
|
meaMakecont(props.dimMeaType); |
||||
|
break; |
||||
|
case 3: |
||||
|
drawTitle.value = "添加过滤器"; |
||||
|
meaDimCont(); |
||||
|
break; |
||||
|
case 4: |
||||
|
drawTitle.value = "添加查询条件"; |
||||
|
searchList(); |
||||
|
break; |
||||
|
default: |
||||
|
drawTitle.value = "添加维度"; |
||||
|
dimMakecont(props.dimMeaType); |
||||
|
break; |
||||
|
} |
||||
|
makeSunTableStruct() |
||||
|
handleClose(); |
||||
|
}; |
||||
|
|
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-08-27 10:20:38 |
||||
|
@ 功能: 组装子表数据结构 |
||||
|
*/ |
||||
|
const makeSunTableStruct = () => { |
||||
|
if(checkListsund.value&& checkListsund.value.length>0){ |
||||
|
checkListsund.value.forEach((item:any)=>{ |
||||
|
console.log("组装子表数据结构--->",item) |
||||
|
}) |
||||
|
} |
||||
|
if(checkListsunduLiang.value&& checkListsunduLiang.value.length>0){ |
||||
|
checkListsunduLiang.value.forEach((item:any)=>{ |
||||
|
console.log("组装子表数据结构-checkListsunduLiang-->",item) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-06-30 14:28:37 |
||||
|
@ 功能: 初始化加载 |
||||
|
*/ |
||||
|
onMounted(() => { |
||||
|
huanyuan(); |
||||
|
}); |
||||
|
|
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-06-30 15:45:56 |
||||
|
@ 功能: 还原数据 |
||||
|
*/ |
||||
|
const huanyuan = () => { |
||||
|
switch (props.dimMeaType) { |
||||
|
case 2: |
||||
|
checkMeaList.value.splice(0, checkMeaList.value.length); |
||||
|
if ( |
||||
|
controlData.value.y && |
||||
|
Array.isArray(controlData.value.y) && |
||||
|
controlData.value.y.length > 0 |
||||
|
) { |
||||
|
controlData.value.y.forEach((item: any) => { |
||||
|
if (item.timeType != "") { |
||||
|
checkMeaList.value.push(timeVal(item, item.timeType)); |
||||
|
} else { |
||||
|
checkMeaList.value.push(item.field); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
break; |
||||
|
case 3: |
||||
|
checkMeaList.value.splice(0, checkMeaList.value.length); |
||||
|
checkDimList.value.splice(0, checkDimList.value.length); |
||||
|
if ( |
||||
|
controlData.value.filter && |
||||
|
Array.isArray(controlData.value.filter) && |
||||
|
controlData.value.filter.length > 0 |
||||
|
) { |
||||
|
controlData.value.filter.forEach((item: any) => { |
||||
|
if (item.meadim == 1) { |
||||
|
if (item.timeType != "") { |
||||
|
checkDimList.value.push(timeVal(item, item.timeType)); |
||||
|
} else { |
||||
|
checkDimList.value.push(item.field); |
||||
|
} |
||||
|
} else { |
||||
|
if (item.timeType != "") { |
||||
|
checkMeaList.value.push(timeVal(item, item.timeType)); |
||||
|
} else { |
||||
|
checkMeaList.value.push(item.field); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
break; |
||||
|
case 4: |
||||
|
drawTitle.value = "添加查询条件"; |
||||
|
checkMeaList.value.splice(0, checkMeaList.value.length); |
||||
|
checkDimList.value.splice(0, checkDimList.value.length); |
||||
|
if ( |
||||
|
controlData.value.search.factor && |
||||
|
Array.isArray(controlData.value.search.factor) && |
||||
|
controlData.value.search.factor.length > 0 |
||||
|
) { |
||||
|
controlData.value.search.factor.forEach((item: any) => { |
||||
|
if (item.meadim == 1) { |
||||
|
if (item.timeType != "") { |
||||
|
checkDimList.value.push(timeVal(item, item.timeType)); |
||||
|
} else { |
||||
|
checkDimList.value.push(item.field); |
||||
|
} |
||||
|
} else { |
||||
|
if (item.timeType != "") { |
||||
|
checkMeaList.value.push(timeVal(item, item.timeType)); |
||||
|
} else { |
||||
|
checkMeaList.value.push(item.field); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
break; |
||||
|
default: |
||||
|
checkDimList.value.splice(0, checkDimList.value.length); |
||||
|
if ( |
||||
|
controlData.value.x && |
||||
|
Array.isArray(controlData.value.x) && |
||||
|
controlData.value.x.length > 0 |
||||
|
) { |
||||
|
controlData.value.x.forEach((item: any) => { |
||||
|
if (item.timeType != "") { |
||||
|
checkDimList.value.push(timeVal(item, item.timeType)); |
||||
|
} else { |
||||
|
checkDimList.value.push(item.field); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
break; |
||||
|
} |
||||
|
}; |
||||
|
//维度变化设定 |
||||
|
const weiduBianhua = () => { |
||||
|
console.log("------------------->", checkDimList.value); |
||||
|
checkDimList.value = checkDimList.value.slice(-1); |
||||
|
console.log("------------------->", checkDimList.value); |
||||
|
return false; |
||||
|
}; |
||||
|
//度量变化 |
||||
|
const duliangBianhua = () => { |
||||
|
// console.log("------------------->", checkMeaList.value); |
||||
|
// console.log("------------------->", controlData.value.type); |
||||
|
if (controlData.value.type == "barRace") { |
||||
|
checkMeaList.value = checkMeaList.value.slice(-1); |
||||
|
} |
||||
|
}; |
||||
|
const checkListsund = ref([]); |
||||
|
const checkListsunduLiang = ref([]); |
||||
|
</script> |
||||
|
<template> |
||||
|
<el-drawer |
||||
|
v-model="openClose" |
||||
|
:title="drawTitle" |
||||
|
direction="rtl" |
||||
|
:before-close="handleClose" |
||||
|
> |
||||
|
<div class="drawBodyBox"> |
||||
|
<el-divider |
||||
|
v-if="props.dimMeaType == 3 || props.dimMeaType == 4" |
||||
|
content-position="left" |
||||
|
>维度</el-divider |
||||
|
> |
||||
|
{{ checkDimList }} |
||||
|
<el-checkbox-group |
||||
|
v-if="props.dimMeaType == 1 || props.dimMeaType == 3 || props.dimMeaType == 4" |
||||
|
v-model="checkDimList" |
||||
|
@change="weiduBianhua" |
||||
|
> |
||||
|
<div v-for="(item, index) in props.dimAry"> |
||||
|
|
||||
|
<el-checkbox v-if="item.type == 1" :label="item.title" :value="item.field" /> |
||||
|
<el-collapse v-if="item.type == 3" :expand-icon-position="leftPick"> |
||||
|
<el-collapse-item :title="item.title" :name="index"> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'ymdhms')" |
||||
|
:value="timeVal(item, 'ymdhms')" |
||||
|
/> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'year')" |
||||
|
:value="timeVal(item, 'year')" |
||||
|
/> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'month')" |
||||
|
:value="timeVal(item, 'month')" |
||||
|
/> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'day')" |
||||
|
:value="timeVal(item, 'day')" |
||||
|
/> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'hour')" |
||||
|
:value="timeVal(item, 'hour')" |
||||
|
/> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'minute')" |
||||
|
:value="timeVal(item, 'minute')" |
||||
|
/> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'second')" |
||||
|
:value="timeVal(item, 'second')" |
||||
|
/> |
||||
|
</el-collapse-item> |
||||
|
</el-collapse> |
||||
|
</div> |
||||
|
</el-checkbox-group> |
||||
|
|
||||
|
<el-divider |
||||
|
v-if="(props.dimMeaType == 3 || props.dimMeaType == 4) " |
||||
|
content-position="left" |
||||
|
>子表</el-divider |
||||
|
> |
||||
|
<el-tabs v-if="props.dimMeaType != 2" type="border-card"> |
||||
|
<el-tab-pane v-for="(item, index) in props.sunMeaAry" :label="item.tableName" :key="index"> |
||||
|
<el-checkbox-group v-model="checkListsund"> |
||||
|
<div v-for="(iv, idx) in item.tableUnit"> |
||||
|
<el-checkbox :value="iv" :label="iv.title" size="large" :key="idx" /> |
||||
|
</div> |
||||
|
</el-checkbox-group> |
||||
|
</el-tab-pane> |
||||
|
</el-tabs> |
||||
|
|
||||
|
<el-divider |
||||
|
v-if="props.dimMeaType == 3 || props.dimMeaType == 4" |
||||
|
content-position="left" |
||||
|
>度量</el-divider |
||||
|
> |
||||
|
|
||||
|
<el-checkbox-group |
||||
|
v-if="props.dimMeaType == 2 || props.dimMeaType == 3 || props.dimMeaType == 4" |
||||
|
v-model="checkMeaList" |
||||
|
@change="duliangBianhua" |
||||
|
> |
||||
|
<div v-for="(item, index) in props.meaAry"> |
||||
|
<el-checkbox v-if="item.type == 2" :label="item.title" :value="item.field" /> |
||||
|
<el-collapse v-if="item.type == 3" :expand-icon-position="leftPick"> |
||||
|
<el-collapse-item :title="item.title" :name="index"> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'ymdhms')" |
||||
|
:value="timeVal(item, 'ymdhms')" |
||||
|
/> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'year')" |
||||
|
:value="timeVal(item, 'year')" |
||||
|
/> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'onth')" |
||||
|
:value="timeVal(item, 'onth')" |
||||
|
/> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'day')" |
||||
|
:value="timeVal(item, 'day')" |
||||
|
/> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'hour')" |
||||
|
:value="timeVal(item, 'hour')" |
||||
|
/> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'minute')" |
||||
|
:value="timeVal(item, 'minute')" |
||||
|
/> |
||||
|
<el-checkbox |
||||
|
:label="timeTitle(item, 'second')" |
||||
|
:value="timeVal(item, 'second')" |
||||
|
/> |
||||
|
</el-collapse-item> |
||||
|
</el-collapse> |
||||
|
</div> |
||||
|
</el-checkbox-group> |
||||
|
<el-divider |
||||
|
v-if="(props.dimMeaType == 3 || props.dimMeaType == 4) " |
||||
|
content-position="left" |
||||
|
>子表</el-divider |
||||
|
> |
||||
|
<el-tabs v-if="props.dimMeaType != 1 " type="border-card"> |
||||
|
<el-tab-pane v-for="(item, index) in props.sunDimAry" :label="item.tableName" :key="index"> |
||||
|
<el-checkbox-group v-model="checkListsunduLiang"> |
||||
|
<div v-for="(iv, idx) in item.tableUnit"> |
||||
|
<el-checkbox :value="iv" :label="iv.title" size="large" :key="idx" /> |
||||
|
</div> |
||||
|
</el-checkbox-group> |
||||
|
</el-tab-pane> |
||||
|
</el-tabs> |
||||
|
|
||||
|
<el-button class="drawBut" type="primary" @click="pickDimMeaSet()">确定</el-button> |
||||
|
</div> |
||||
|
</el-drawer> |
||||
|
</template> |
||||
|
<style lang="scss" scoped> |
||||
|
.drawBodyBox { |
||||
|
padding: 0 10px; |
||||
|
} |
||||
|
.drawBut { |
||||
|
width: 100%; |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue