|
|
@@ -12,14 +12,14 @@
|
|
|
<el-row v-if="formModel.type === 'date' || formModel.type === 'daterange'" :gutter="20">
|
|
|
<el-col :span="18">
|
|
|
<el-form-item label="日期格式：" prop="date">
|
|
|
- <el-checkbox-group v-model="checkDateList" @change="dateChange">
|
|
|
+ <el-checkbox-group v-model="formModel.date">
|
|
|
<el-checkbox v-for="item in yearList" :key="item.value" :value="item.value">{{ item.label }}</el-checkbox>
|
|
|
</el-checkbox-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-form-item label="" prop="dateDivide">
|
|
|
- <el-select v-model="checkDateDivide" block placeholder="选择分隔符">
|
|
|
+ <el-form-item label="" prop="divide_y">
|
|
|
+ <el-select v-model="formModel.divide_y" block placeholder="选择分隔符">
|
|
|
<el-option label="文本" value="文本" />
|
|
|
<el-option label="-" value="-" />
|
|
|
<el-option label="/" value="/" />
|
|
|
@@ -30,14 +30,14 @@
|
|
|
<el-row v-if="formModel.type === 'date' || formModel.type === 'daterange'" :gutter="20">
|
|
|
<el-col :span="18">
|
|
|
<el-form-item label="时间格式：" prop="time">
|
|
|
- <el-checkbox-group v-model="checkTimeist" @change="timeChange">
|
|
|
+ <el-checkbox-group v-model="formModel.time">
|
|
|
<el-checkbox v-for="item in timeList" :key="item.value" :value="item.value">{{ item.label }}</el-checkbox>
|
|
|
</el-checkbox-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-form-item label="" prop="timeDivide">
|
|
|
- <el-select v-model="checkTimeDivide" block placeholder="选择分隔符">
|
|
|
+ <el-form-item label="" prop="divide_h">
|
|
|
+ <el-select v-model="formModel.divide_h" block placeholder="选择分隔符">
|
|
|
<el-option label="文本" value="文本" />
|
|
|
<el-option label=":" value=":" />
|
|
|
<el-option label="/" value="/" />
|
|
|
@@ -45,8 +45,8 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-form-item v-if="formModel.type === 'daterange'" label="中间分隔符：" prop="rangeDivide">
|
|
|
- <el-select v-model="checkRangeDivide" block placeholder="选择中间分隔符">
|
|
|
+ <el-form-item v-if="formModel.type === 'daterange'" label="中间分隔符：" prop="divide_c">
|
|
|
+ <el-select v-model="formModel.divide_c" block placeholder="选择中间分隔符">
|
|
|
<el-option label="至" value="至" />
|
|
|
<el-option label="-" value="-" />
|
|
|
<el-option label="~" value="~" />
|
|
|
@@ -112,33 +112,23 @@ const getDataApi = async () => {
|
|
|
const yearList = [{ label:'年', value:'YYYY', sort: 1 }, { label:'月', value:'MM', sort: 2 }, { label:'日', value:'DD', sort: 3 }]
|
|
|
const timeList = [{ label:'时', value:'HH', sort: 4 }, { label:'分', value:'mm', sort: 5 }, { label:'秒', value:'ss', sort: 6 }]
|
|
|
|
|
|
-//年月日
|
|
|
-const checkDateList = ref(['YYYY', 'MM', 'DD'])
|
|
|
-const checkDateDivide = ref('文本')
|
|
|
-const dateChange = () => {
|
|
|
- console.log(checkDateList.value)
|
|
|
-}
|
|
|
-
|
|
|
-//时分秒
|
|
|
-const checkTimeist = ref(['HH', 'mm', 'ss'])
|
|
|
-const checkTimeDivide = ref('文本')
|
|
|
-const timeChange = () => {
|
|
|
- console.log(checkTimeist.value)
|
|
|
-}
|
|
|
-//中间分割符
|
|
|
-const checkRangeDivide = ref('至')
|
|
|
-
|
|
|
//基础表单
|
|
|
const formRef = ref(null)
|
|
|
-const formModel = ref({})
|
|
|
+const formModel = ref({
|
|
|
+ date: ['YYYY', 'MM', 'DD'],
|
|
|
+ divide_y: '文本',
|
|
|
+ time: ['HH', 'mm', 'ss'],
|
|
|
+ divide_h: '文本',
|
|
|
+ divide_c: '至',
|
|
|
+})
|
|
|
const formRules = {
|
|
|
name: { required: true, trigger: 'blur', message: '请先获取元素坐标' },
|
|
|
type: { required: true, trigger: 'blur', message: '请选择文本格式' },
|
|
|
date: { required: true, trigger: 'blur', message: '请选择日期格式' },
|
|
|
- dateDivide: { required: true, trigger: 'blur', message: '请选择日期分割' },
|
|
|
+ divide_y: { required: true, trigger: 'blur', message: '请选择日期分割' },
|
|
|
time: { required: true, trigger: 'blur', message: '请选择时间格式' },
|
|
|
- timeDivide: { required: true, trigger: 'blur', message: '请选择时间分割' },
|
|
|
- rangeDivide: { required: true, trigger: 'blur', message: '请选择中间分隔符' },
|
|
|
+ divide_h: { required: true, trigger: 'blur', message: '请选择时间分割' },
|
|
|
+ divide_c: { required: true, trigger: 'blur', message: '请选择中间分隔符' },
|
|
|
}
|
|
|
|
|
|
//数据表格
|
|
|
@@ -171,6 +161,17 @@ const dialogSubmit = async () => {
|
|
|
window.$message.success('操作成功')
|
|
|
emit('finish')*/
|
|
|
}
|
|
|
+
|
|
|
+//设置dom数据
|
|
|
+const setDomData = (item) => {
|
|
|
+ //let key = item.target.getAttribute('data-index')
|
|
|
+ console.log(item)
|
|
|
+}
|
|
|
+
|
|
|
+//导出函数
|
|
|
+defineExpose({
|
|
|
+ setDomData,
|
|
|
+})
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
