3 changed files with 284 additions and 0 deletions
|
After Width: | Height: | Size: 2.1 KiB |
@ -0,0 +1,150 @@ |
|||
<!-- |
|||
@ 作者: 秦东 |
|||
@ 时间: 2024-11-14 13:08:53 |
|||
@ 备注: 日期选择器 |
|||
--> |
|||
<script lang='ts' setup> |
|||
import dayJs from 'dayjs' |
|||
|
|||
const props = withDefaults( |
|||
defineProps<{ |
|||
modelValue?: string |
|||
disabled?: boolean |
|||
data?:any |
|||
types?:number |
|||
}>(), |
|||
{} |
|||
) |
|||
const emits = defineEmits<{ |
|||
(e: 'update:modelValue', value: string): void |
|||
}>() |
|||
const value = computed({ |
|||
get: () => { |
|||
return props.modelValue |
|||
}, |
|||
set: (newVal: any) => { |
|||
emits('update:modelValue', newVal) |
|||
}, |
|||
}); |
|||
//阻止唤起键盘 |
|||
const handleClick = (event) => { |
|||
// 阻止输入框默认行为 |
|||
event.target.readOnly = true; |
|||
}; |
|||
//打印数据 |
|||
const valPrint = (val:number,group:string,type:string) => { |
|||
alert(val) |
|||
console.log(val) |
|||
switch(group){ |
|||
case "year": |
|||
if(type != "" && type == "x"){ |
|||
return dayJs(val).format('YYYY'); |
|||
}else{ |
|||
return dayJs(val).format(type); |
|||
} |
|||
break; |
|||
case "month": |
|||
if(type != "" && type == "x"){ |
|||
return dayJs(val).format('MM'); |
|||
}else{ |
|||
return dayJs(val).format(type); |
|||
} |
|||
break; |
|||
case "datetime": |
|||
if(type != "" && type == "x"){ |
|||
return dayJs(val).format('YYYY-MM-DD HH:mm:ss'); |
|||
}else{ |
|||
return dayJs(val).format(type); |
|||
} |
|||
break; |
|||
case "week": |
|||
if(type != "" && type == "x"){ |
|||
return dayJs(val).format('YYYY年第ww周'); |
|||
}else{ |
|||
return dayJs(val).format(type); |
|||
} |
|||
break; |
|||
case "datetimerange": |
|||
if(Array.isArray(val)){ |
|||
let startTime = val[0] |
|||
let endNum = val.length-1 |
|||
if(endNum<0){ |
|||
endNum = 0 |
|||
} |
|||
let endEnd = val[endNum] |
|||
if(type != "" && type == "x"){ |
|||
return dayJs(startTime).format('YYYY-MM-DD HH:mm:ss') + " - " + dayJs(endEnd).format('YYYY-MM-DD HH:mm:ss'); |
|||
}else{ |
|||
return dayJs(startTime).format(type) + " - " + dayJs(endEnd).format(type); |
|||
} |
|||
} |
|||
break; |
|||
case "daterange": |
|||
if(Array.isArray(val)){ |
|||
let startTime = val[0] |
|||
let endNum = val.length-1 |
|||
if(endNum<0){ |
|||
endNum = 0 |
|||
} |
|||
let endEnd = val[endNum] |
|||
if(type != "" && type == "x"){ |
|||
return dayJs(startTime).format('YYYY-MM-DD') + " - " + dayJs(endEnd).format('YYYY-MM-DD'); |
|||
}else{ |
|||
return dayJs(startTime).format(type) + " - " + dayJs(endEnd).format(type); |
|||
} |
|||
} |
|||
break; |
|||
case "monthrange": |
|||
if(Array.isArray(val)){ |
|||
let startTime = val[0] |
|||
let endNum = val.length-1 |
|||
if(endNum<0){ |
|||
endNum = 0 |
|||
} |
|||
let endEnd = val[endNum] |
|||
if(type != "" && type == "x"){ |
|||
return dayJs(startTime).format('YYYY-MM') + " - " + dayJs(endEnd).format('YYYY-MM'); |
|||
}else{ |
|||
return dayJs(startTime).format(type) + " - " + dayJs(endEnd).format(type); |
|||
} |
|||
} |
|||
break; |
|||
default: |
|||
if(type != "" && type == "x"){ |
|||
return dayJs(val).format('YYYY-MM-DD'); |
|||
}else{ |
|||
return dayJs(val).format(type); |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
</script> |
|||
<template> |
|||
<el-date-picker |
|||
v-if="props.types!=3" |
|||
align="left" |
|||
v-model="value" |
|||
:type="props.data.control.type" |
|||
range-separator="-" |
|||
start-placeholder="开始日期" |
|||
end-placeholder="结束日期" |
|||
:teleported="true" |
|||
:placeholder="props.data.control.placeholder" |
|||
:value-format="props.data.valueFormat" |
|||
:format="props.data.control.format" |
|||
@click="handleClick" |
|||
@focus="handleClick" |
|||
/> |
|||
<el-text v-else class="wordColor">{{valPrint(value,props.data.control.type,props.data.control.valueFormat)}}</el-text> |
|||
|
|||
</template> |
|||
<style lang='scss' scoped> |
|||
.wordColor{ |
|||
color:#000000; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
</style> |
|||
@ -0,0 +1,133 @@ |
|||
<!-- |
|||
@ 作者: 秦东 |
|||
@ 时间: 2025-06-10 15:34:04 |
|||
@ 备注: 单行文本及密码 |
|||
--> |
|||
<script lang='ts' setup> |
|||
import { AnalysisCss,AnalysisInputCss } from '@/api/common/cssInfo' |
|||
import { |
|||
constFormProps |
|||
} from '@/api/lowCode/utils'; |
|||
const props = withDefaults( |
|||
defineProps<{ |
|||
data: FormList |
|||
tablekey: any |
|||
numrun?: number |
|||
modelValue?: any // 子表和弹性布局时时有传 |
|||
tProp?: string // 子表时的form-item的prop值，用于子表校验用 |
|||
types?:number |
|||
control:any |
|||
}>(), |
|||
{} |
|||
) |
|||
const emits = defineEmits(['update:modelValue','pageIdAry']) |
|||
const formProps = inject(constFormProps, {}) as any |
|||
const config = computed(() => { |
|||
return props.data.config || {} |
|||
}) |
|||
const type = computed(() => { |
|||
return formProps.value.type |
|||
}) |
|||
const value = computed({ |
|||
get: () => { |
|||
return props.modelValue |
|||
}, |
|||
set: (newVal: any) => { |
|||
emits('update:modelValue', newVal) |
|||
}, |
|||
}); |
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2025-06-10 14:25:01 |
|||
@ 功能: 获取组件名称 |
|||
*/ |
|||
const getLabel = (val:any) => { |
|||
if(val.label){ |
|||
return val.label; |
|||
}else{ |
|||
return ""; |
|||
} |
|||
|
|||
} |
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2024-11-13 14:36:08 |
|||
@ 功能: 解析css |
|||
*/ |
|||
const getFormItemLableStyle = (ele: any) => { |
|||
if(ele?.labelStyle){ |
|||
// console.log("返回栅格宽度3",AnalysisCss(ele)) |
|||
return AnalysisCss(ele?.labelStyle) |
|||
} |
|||
} |
|||
const getFormItemInputStyle = (ele: any,sty:number) => { |
|||
if(ele?.inputStyle){ |
|||
// console.log("返回栅格宽度4",AnalysisInputCss(ele?.inputStyle,sty)) |
|||
return AnalysisInputCss(ele?.inputStyle,sty) |
|||
} |
|||
} |
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2024-07-27 15:11:42 |
|||
@ 功能: 判断是否禁用 |
|||
*/ |
|||
const judgeIsDisabled = (key:string) => { |
|||
return false |
|||
if (type.value === 3) { |
|||
return true // 查看模式，为不可编辑状态 |
|||
} |
|||
if (type.value === 1 && config.value.addDisabled) { |
|||
return true |
|||
} |
|||
if (type.value === 2 && config.value.editDisabled) { |
|||
return true // 编辑模式 |
|||
} |
|||
if(props.nodeKey != undefined && props.purview != undefined && props.purview != null && props.purview != null && props.purview != "" && props.purview != "") { |
|||
if(props.purview.length < 1){ |
|||
return false; |
|||
}else{ |
|||
let isShow = true; |
|||
props.purview.forEach((item)=>{ |
|||
if(item.nodeKey == props.nodeKey){ |
|||
|
|||
if(item.powerAry && item.powerAry.length > 0){ |
|||
item.powerAry.forEach((itm)=>{ |
|||
if(itm.id == key){ |
|||
console.log("判断此组件是否禁用",itm,itm.id == key,"--------->",itm.isLook) |
|||
isShow = !itm.isEdit |
|||
|
|||
} |
|||
}) |
|||
} |
|||
} |
|||
|
|||
}) |
|||
return isShow |
|||
} |
|||
}else{ |
|||
return false; |
|||
} |
|||
} |
|||
/****input slot处理***/ |
|||
const getInputSlot = (key?: string) => { |
|||
const slot = key === 'p' ? config.value.prepend : config.value.append |
|||
const has = slot.indexOf('key:') === 0 |
|||
if (!has) { |
|||
return false |
|||
} |
|||
const slotKey = slot.replace('key:', '') |
|||
const control = getControlByName(slotKey) |
|||
if (!control || Object.keys(control)?.length === 0) { |
|||
return false |
|||
} |
|||
return control |
|||
} |
|||
</script> |
|||
<template> |
|||
<LowcodeTransfer :key="componentKey" :data="props.data" :selected-value="value" @checked-id-list-changed="checkedIdListChangedIndex" @update-model="updateModel" @re-render-component="reRenderComponent"></LowcodeTransfer> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
.wordColor{ |
|||
color:#000000; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue