Browse Source

Merge branch 'lwx_v12'

lwx_v12
liwenxuan 3 weeks ago
parent
commit
ae05fbfac8
  1. 87
      src/components/lowCode/assistant/datePicker.vue
  2. 16
      src/components/lowCode/tablePage.vue

87
src/components/lowCode/assistant/datePicker.vue

@ -621,6 +621,57 @@ function getTimestamp() {
return timestamp;
}
// 使 computed
const displayText = computed(() => {
if (!props.modelValue) {
hasValue.value = false
return "请选择时间"
}
const val = new Date(parseInt(props.modelValue, 10))
if (isNaN(val.getTime())) {
hasValue.value = false
return "请选择时间"
}
hasValue.value = true
return formatDate(val, props.data.control.type, props.data.control.valueFormat)
})
//
function formatDate(date: Date, group: string, format: string) {
const validDate = dayJs(date)
if (!validDate.isValid()) return "请选择时间"
switch (group) {
case "year":
return format === "x"
? validDate.format('YYYY') + "年"
: validDate.format(format) + "年"
case "month":
return format === "x"
? validDate.format('YYYY年MM月')
: validDate.format(format) + "月"
case "datetime":
return format === "x"
? validDate.format('YYYY年MM月DD日 HH时mm分ss秒')
: validDate.format(format)
case "week":
return format === "x"
? validDate.format('YYYY年 第ww周')
: validDate.format(format)
default:
return format === "x"
? validDate.format('YYYY年MM月DD日')
: validDate.format(format)
}
}
</script>
<template>
@ -654,43 +705,41 @@ function getTimestamp() {
<div v-if="selectType == 'single'"
style="border: 0.5px solid #DCDFE6; padding-left: 10px; width: 100%;height: 97%;border-radius: 5px;"
style="border: 1px solid #DCDFE6; padding-left: 10px; width: 100%;height: 97%;border-radius: 5px;"
@click="singleShow">
<el-text v-if="hasValue" class="wordColor">{{ valPrint(value, props.data.control.type,
props.data.control.valueFormat)
}}</el-text>
<el-text v-if="!hasValue" class="wordColor1">{{ valPrint(value, props.data.control.type,
props.data.control.valueFormat)
}}</el-text>
<div v-if="hasValue" class="wordColor">{{ displayText
}}</div>
<div v-if="!hasValue" class="wordColor1">{{ displayText
}}</div>
</div>
<!-- 区间 -->
<div v-if="selectType == 'range'"
style="border: 0.5px solid #DCDFE6; padding-left: 10px; width: 46.5%;height: 97%;border-radius: 5px;"
style="border: 1px solid #DCDFE6; padding-left: 10px; width: 46.5%;height: 97%;border-radius: 5px;"
@click="rangeShowStart">
<el-text v-if="hasValue1" class="wordColor">{{ formatStart
}}</el-text>
<el-text v-if="!hasValue1" class="wordColor1">{{ formatStart
}}</el-text>
<div v-if="hasValue1" class="wordColor">{{ formatStart
}}</div>
<div v-if="!hasValue1" class="wordColor1">{{ formatStart
}}</div>
</div>
<div v-if="selectType == 'range'"
style="border: 0px solid #DCDFE6; padding-left:1.5%; width: 7%;height: 97%;border-radius: 5px;">
<el-text class="wordColor"></el-text>
<div class="wordColor"></div>
</div>
<div v-if="selectType == 'range'"
style="border: 0.5px solid #DCDFE6; padding-left: 10px; width: 46.5%;height: 97%;border-radius: 5px;"
style="border: 1px solid #DCDFE6; padding-left: 10px; width: 46.5%;height: 97%;border-radius: 5px;"
@click="rangeShowEnd">
<el-text v-if="hasValue2" class="wordColor">{{ formatEnd
}}</el-text>
<el-text v-if="!hasValue2" class="wordColor1">{{ formatEnd
}}</el-text>
<div v-if="hasValue2" class="wordColor">{{ formatEnd
}}</div>
<div v-if="!hasValue2" class="wordColor1">{{ formatEnd
}}</div>
</div>
<!-- <div v-if="selectType == 'range'"
style="border: 0px solid #DCDFE6; padding-left: 8px; width: 10%;height: 97%;border-radius: 5px;">
<el-text class="wordColor">时长:23</el-text>
<div class="wordColor">时长:23</div>
</div> -->
<div v-if="selectType == 'range' && value[0] && value[1]"
style="float:right;border: black 0px solid;position: absolute; pointer-events: none;bottom: -26px;color:#A8ABB2 ;width: 100%; font-size: smaller;">

16
src/components/lowCode/tablePage.vue

@ -9,6 +9,7 @@ import {
} from '@/api/lowCode/utils';
import { jsonParseStringify } from '@/utils/lowCode/item/index'
import { SCOPE } from 'element-plus'
import { onMounted,ref } from 'vue';
import SvgIcon from '@/components/svgIcon/index.vue'
const props = withDefaults(
defineProps<{
@ -39,6 +40,21 @@ const type = computed(() => {
const editDisabled = computed(() => {
return formProps.value.type === 2 && props.data.config?.editDisabled
})
const defaultOneFlag = ref(true)
if(type.value==1 && props.data.control.defaultOne==2){
defaultOneFlag.value = false
}
onMounted(()=>{
/* alert(type.value)
alert(props.data.control.defaultOne) */
setTimeout(()=>{
if(defaultOneFlag){
addColumn()
}
},200)
})
const addColumn = () => {
console.log("如果编辑页禁用时--------->",tableDataNew.value)
const temp: any = {}

Loading…
Cancel
Save