交易组时间页面
This commit is contained in:
parent
69d364d18b
commit
aa66744970
|
|
@ -7,15 +7,15 @@ export async function getGroupListApi(): Promise<any> {
|
||||||
|
|
||||||
// 创建交易组
|
// 创建交易组
|
||||||
export async function addGroupApi(params: any): Promise<any> {
|
export async function addGroupApi(params: any): Promise<any> {
|
||||||
return request.post<any>('/contractVariety/createGroup', {...params})
|
return request.post<any>('/contractVariety/createGroup', { ...params })
|
||||||
}
|
}
|
||||||
|
|
||||||
//编辑交易组
|
//编辑交易组
|
||||||
export async function editGroupApi(params: any): Promise<any> {
|
export async function editGroupApi(params: any): Promise<any> {
|
||||||
return request.post<any>('/contractVariety/editGroup', {...params})
|
return request.post<any>('/contractVariety/editGroup', { ...params })
|
||||||
}
|
}
|
||||||
|
|
||||||
// 删除交易组
|
// 删除交易组
|
||||||
export async function deleteGroupApi(params: any): Promise<any> {
|
export async function deleteGroupApi(params: any): Promise<any> {
|
||||||
return request.post<any>('/contractVariety/delGroup', {...params})
|
return request.post<any>('/contractVariety/delGroup', { ...params })
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
|
|
@ -1,194 +1,328 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="trade-group">
|
<div class="trade-group">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click="handleAdd">添加</el-button>
|
<el-button type="primary" @click="addTableItem">添加</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 表格 -->
|
<!-- 表格 -->
|
||||||
<div class="table-box">
|
<div class="table-box">
|
||||||
|
<table>
|
||||||
<table>
|
<template v-for="(item, index) in tradeGroupTree" :key="item.id">
|
||||||
<tr>
|
<tr>
|
||||||
<td rowspan="2"><el-input /></td>
|
<td>顺序</td>
|
||||||
<td>夏令时</td>
|
<td rowspan="2">
|
||||||
<td><el-input /></td>
|
<el-input v-if="item.editStatus" v-model="item.name" />
|
||||||
<td>月</td>
|
<span v-else>{{ item.name }}</span>
|
||||||
<td><el-input /></td>
|
</td>
|
||||||
<td>周</td>
|
<td>夏令时</td>
|
||||||
<td><el-input /></td>
|
<td>
|
||||||
<td>日</td>
|
<el-input v-if="item.editStatus" v-model="item.x_m" />
|
||||||
<td>交易时间</td>
|
<span v-else>{{ item.x_m }}</span>
|
||||||
<td>
|
</td>
|
||||||
上午：<el-time-picker style="width: 160px;" format="HH:mm" value-format="HH:mm" :picker-options="{
|
<td>月</td>
|
||||||
selectableRange: '09:00:00 - 18:00:00'
|
<td>
|
||||||
}" is-range />
|
<el-input v-if="item.editStatus" v-model="item.x_w" />
|
||||||
下午：<el-time-picker style="width: 160px;" format="HH:mm" value-format="HH:mm" :picker-options="{
|
<span v-else>{{ item.x_w }}</span>
|
||||||
selectableRange: '09:00:00 - 18:00:00'
|
</td>
|
||||||
}" is-range />
|
<td>周</td>
|
||||||
</td>
|
<td>
|
||||||
<td rowspan="2">
|
<el-input v-if="item.editStatus" v-model="item.x_d" />
|
||||||
<el-button type="primary">确认</el-button>
|
<span v-else>{{ item.x_d }}</span>
|
||||||
<el-button type="danger">取消</el-button>
|
</td>
|
||||||
</td>
|
<td>日</td>
|
||||||
</tr>
|
<td>交易时间</td>
|
||||||
<tr>
|
<td class="time-picker-box">
|
||||||
<td>冬令时</td>
|
<template v-if="item.editStatus">
|
||||||
<td><el-input /></td>
|
<template v-if="item?.x_time_list">
|
||||||
<td>月</td>
|
<el-time-picker
|
||||||
<td><el-input /></td>
|
v-for="(time, timeIndex) in item?.x_time_list"
|
||||||
<td>周</td>
|
:key="timeIndex"
|
||||||
<td><el-input /></td>
|
v-model="item.x_time_list[timeIndex]"
|
||||||
<td>日</td>
|
style="width: 180px; flex: 0 0 auto"
|
||||||
<td>交易时间</td>
|
format="HH:mm:ss"
|
||||||
<td>
|
value-format="HH:mm:ss"
|
||||||
上午：<el-time-picker style="width: 160px;" format="HH:mm" value-format="HH:mm" :picker-options="{
|
:picker-options="{
|
||||||
selectableRange: '09:00:00 - 18:00:00'
|
selectableRange: '09:00:00 - 18:00:00',
|
||||||
}" is-range />
|
}"
|
||||||
下午：<el-time-picker style="width: 160px;" format="HH:mm" value-format="HH:mm" :picker-options="{
|
is-range
|
||||||
selectableRange: '09:00:00 - 18:00:00'
|
/>
|
||||||
}" is-range />
|
</template>
|
||||||
</td>
|
<img
|
||||||
</tr>
|
src="@/assets/images/trade/group/add.png"
|
||||||
</table>
|
@click="addTime(index, 'x_time_list')"
|
||||||
|
/>
|
||||||
</div>
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<template v-if="item?.x_time_list">
|
||||||
|
<span v-for="(time, timeIndex) in item?.x_time_list" :key="timeIndex">
|
||||||
|
{{ time[0] }} - {{ time[1] }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</td>
|
||||||
|
<td rowspan="2">
|
||||||
|
<el-button type="primary" v-if="!item.editStatus" @click="item.editStatus = true"
|
||||||
|
>编辑</el-button
|
||||||
|
>
|
||||||
|
<el-button type="danger" v-if="!item.editStatus" @click="deleteGroup(item.id)"
|
||||||
|
>删除</el-button
|
||||||
|
>
|
||||||
|
<el-button type="primary" v-if="item.editStatus" @click="submitItem(index)"
|
||||||
|
>确认</el-button
|
||||||
|
>
|
||||||
|
<el-button type="danger" v-if="item.editStatus" @click="item.editStatus = false"
|
||||||
|
>取消</el-button
|
||||||
|
>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>{{ index + 1 }}</td>
|
||||||
|
<td>冬令时</td>
|
||||||
|
<td>
|
||||||
|
<el-input v-if="item.editStatus" v-model="item.d_m" />
|
||||||
|
<span v-else>{{ item.d_m }}</span>
|
||||||
|
</td>
|
||||||
|
<td>月</td>
|
||||||
|
<td>
|
||||||
|
<el-input v-if="item.editStatus" v-model="item.d_w" />
|
||||||
|
<span v-else>{{ item.d_w }}</span>
|
||||||
|
</td>
|
||||||
|
<td>周</td>
|
||||||
|
<td>
|
||||||
|
<el-input v-if="item.editStatus" v-model="item.d_d" />
|
||||||
|
<span v-else>{{ item.d_d }}</span>
|
||||||
|
</td>
|
||||||
|
<td>日</td>
|
||||||
|
<td>交易时间</td>
|
||||||
|
<td class="time-picker-box">
|
||||||
|
<template v-if="item.editStatus">
|
||||||
|
<template v-if="item?.d_time_list">
|
||||||
|
<el-time-picker
|
||||||
|
v-for="(time, timeIndex) in item?.d_time_list"
|
||||||
|
:key="timeIndex"
|
||||||
|
v-model="item.d_time_list[timeIndex]"
|
||||||
|
style="width: 180px; flex: 0 0 auto"
|
||||||
|
format="HH:mm:ss"
|
||||||
|
value-format="HH:mm:ss"
|
||||||
|
:picker-options="{
|
||||||
|
selectableRange: '09:00:00 - 18:00:00',
|
||||||
|
}"
|
||||||
|
is-range
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
<img
|
||||||
|
src="@/assets/images/trade/group/add.png"
|
||||||
|
@click="addTime(index, 'd_time_list')"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<template v-if="item?.d_time_list">
|
||||||
|
<span v-for="(time, timeIndex) in item?.d_time_list" :key="timeIndex">
|
||||||
|
{{ time[0] }} - {{ time[1] }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
// 配置以及表单验证
|
|
||||||
import { search, tableColumns, addFormItem, editFormItem } from './options'
|
|
||||||
import { rules } from './rules'
|
|
||||||
import dayjs from 'dayjs';
|
|
||||||
|
|
||||||
// 接口
|
// 接口
|
||||||
import { getGroupListApi, addGroupApi, editGroupApi, deleteGroupApi } from '@/api/modules/trade/group'
|
import {
|
||||||
|
getGroupListApi,
|
||||||
|
addGroupApi,
|
||||||
|
editGroupApi,
|
||||||
|
deleteGroupApi,
|
||||||
|
} from '@/api/modules/trade/group'
|
||||||
|
import {ElMessageBox} from 'element-plus'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description: 定义表格数据
|
* @description: 定义表格数据
|
||||||
*/
|
*/
|
||||||
const tradeGroupTree = ref([])
|
const tradeGroupTree = ref<any[]>([])
|
||||||
const tradeGroupTableColumnsOptions = ref(tableColumns)
|
|
||||||
|
|
||||||
/**
|
const addTableItem = () => {
|
||||||
* @description: 定义弹窗数据
|
tradeGroupTree.value.unshift({
|
||||||
*/
|
name: '',
|
||||||
const dialogVisible = ref(false)
|
x_m: '',
|
||||||
const dialogTitle = ref('')
|
x_w: '',
|
||||||
const dialogType = ref('')
|
x_d: '',
|
||||||
|
x_time_list: [[]],
|
||||||
|
d_m: '',
|
||||||
|
d_w: '',
|
||||||
|
d_d: '',
|
||||||
|
d_time_list: [[]],
|
||||||
|
editStatus: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
const addTime = (idx: number, key: string) => {
|
||||||
* @description: 定义弹窗表格数据
|
if (tradeGroupTree.value[idx][key].length >= 4) return ElMessage.warning('最多添加4个时间段')
|
||||||
*/
|
tradeGroupTree.value[idx][key].push([])
|
||||||
const tradeGroupForm = ref({
|
}
|
||||||
// 交易组名称
|
|
||||||
tradeGroupName: '',
|
const submitItem = (idx: number) => {
|
||||||
// 交易所ID
|
const submitObj = {
|
||||||
exchangeId: '',
|
name: tradeGroupTree.value[idx].name,
|
||||||
// 状态
|
x_m: tradeGroupTree.value[idx].x_m,
|
||||||
status: 1,
|
x_w: tradeGroupTree.value[idx].x_w,
|
||||||
// 冬季交易时间
|
x_d: tradeGroupTree.value[idx].x_d,
|
||||||
winterTime: [],
|
d_m: tradeGroupTree.value[idx].d_m,
|
||||||
// 夏季交易时间
|
d_w: tradeGroupTree.value[idx].d_w,
|
||||||
summerTime: [],
|
d_d: tradeGroupTree.value[idx].d_d,
|
||||||
// 排序
|
x_start_time1: tradeGroupTree.value[idx].x_time_list[0]?.[0] || null,
|
||||||
sort: 0,
|
x_end_time1: tradeGroupTree.value[idx].x_time_list[0]?.[1] || null,
|
||||||
// 主键ID
|
x_start_time2: tradeGroupTree.value[idx].x_time_list[1]?.[0] || null,
|
||||||
id: '',
|
x_end_time2: tradeGroupTree.value[idx].x_time_list[1]?.[1] || null,
|
||||||
})
|
x_start_time3: tradeGroupTree.value[idx].x_time_list[2]?.[0] || null,
|
||||||
const tradeGroupFormRef = ref()
|
x_end_time3: tradeGroupTree.value[idx].x_time_list[2]?.[1] || null,
|
||||||
|
x_start_time4: tradeGroupTree.value[idx].x_time_list[3]?.[0] || null,
|
||||||
|
x_end_time4: tradeGroupTree.value[idx].x_time_list[3]?.[1] || null,
|
||||||
|
d_start_time1: tradeGroupTree.value[idx].d_time_list[0]?.[0] || null,
|
||||||
|
d_end_time1: tradeGroupTree.value[idx].d_time_list[0]?.[1] || null,
|
||||||
|
d_start_time2: tradeGroupTree.value[idx].d_time_list[1]?.[0] || null,
|
||||||
|
d_end_time2: tradeGroupTree.value[idx].d_time_list[1]?.[1] || null,
|
||||||
|
d_start_time3: tradeGroupTree.value[idx].d_time_list[2]?.[0] || null,
|
||||||
|
d_end_time3: tradeGroupTree.value[idx].d_time_list[2]?.[1] || null,
|
||||||
|
d_start_time4: tradeGroupTree.value[idx].d_time_list[3]?.[0] || null,
|
||||||
|
d_end_time4: tradeGroupTree.value[idx].d_time_list[3]?.[1] || null,
|
||||||
|
}
|
||||||
|
if (tradeGroupTree.value[idx].id) {
|
||||||
|
editGroupApi({
|
||||||
|
...submitObj,
|
||||||
|
id: tradeGroupTree.value[idx].id,
|
||||||
|
sort: tradeGroupTree.value[idx].sort,
|
||||||
|
}).then((res) => {
|
||||||
|
getGroupList()
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
addGroupApi({ ...submitObj }).then((res) => {
|
||||||
|
getGroupList()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const deleteGroup = (id: number) => {
|
||||||
|
ElMessageBox.confirm('确认删除吗？', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
}).then(() => {
|
||||||
|
deleteGroupApi({ id }).then(() => {
|
||||||
|
getGroupList()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* @description: 定义公共数据处理方法
|
|
||||||
*/
|
|
||||||
/**
|
/**
|
||||||
* @description: 定义公共请求数据方法
|
* @description: 定义公共请求数据方法
|
||||||
*/
|
*/
|
||||||
const getGroupList = async () => {
|
const getGroupList = async () => {
|
||||||
|
try {
|
||||||
const data = await getGroupListApi()
|
const data = await getGroupListApi()
|
||||||
tradeGroupTree.value = data.map((item: any) => ({
|
data.forEach((item: any) => {
|
||||||
id: item.id,
|
item.editStatus = false
|
||||||
tradeGroupName: item.name,
|
item.x_time_list = []
|
||||||
status: item.status,
|
if (item.x_start_time1 && item.x_end_time1) {
|
||||||
// 冬季交易时间
|
item.x_time_list.push([item.x_start_time1, item.x_end_time1])
|
||||||
winterStartTime: dayjs(item.d_start_time * 1000).format('YYYY-MM-DD HH:mm:ss'),
|
}
|
||||||
winterEndTime: dayjs(item.d_end_time * 1000).format('YYYY-MM-DD HH:mm:ss'),
|
if (item.x_start_time2 && item.x_end_time2) {
|
||||||
// 夏季交易时间
|
item.x_time_list.push([item.x_start_time2, item.x_end_time2])
|
||||||
summerStartTime: dayjs(item.x_start_time * 1000).format('YYYY-MM-DD HH:mm:ss'),
|
}
|
||||||
summerEndTime: dayjs(item.x_end_time * 1000).format('YYYY-MM-DD HH:mm:ss'),
|
if (item.x_start_time3 && item.x_end_time3) {
|
||||||
// 排序
|
item.x_time_list.push([item.x_start_time3, item.x_end_time3])
|
||||||
sort: item.sort,
|
}
|
||||||
}))
|
if (item.x_start_time4 && item.x_end_time4) {
|
||||||
|
item.x_time_list.push([item.x_start_time4, item.x_end_time4])
|
||||||
|
}
|
||||||
|
|
||||||
|
item.d_time_list = []
|
||||||
|
if (item.d_start_time1 && item.d_end_time1) {
|
||||||
|
item.d_time_list.push([item.d_start_time1, item.d_end_time1])
|
||||||
|
}
|
||||||
|
if (item.d_start_time2 && item.d_end_time2) {
|
||||||
|
item.d_time_list.push([item.d_start_time2, item.d_end_time2])
|
||||||
|
}
|
||||||
|
if (item.d_start_time3 && item.d_end_time3) {
|
||||||
|
item.d_time_list.push([item.d_start_time3, item.d_end_time3])
|
||||||
|
}
|
||||||
|
if (item.d_start_time4 && item.d_end_time4) {
|
||||||
|
item.d_time_list.push([item.d_start_time4, item.d_end_time4])
|
||||||
|
}
|
||||||
|
})
|
||||||
|
console.log('data', data)
|
||||||
|
tradeGroupTree.value = data
|
||||||
|
} catch (e: any) {
|
||||||
|
console.log(e)
|
||||||
|
ElMessage.error(e.msg)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description: 页面加载完成需要请求的数据
|
* @description: 页面加载完成需要请求的数据
|
||||||
*/
|
*/
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getGroupList()
|
getGroupList()
|
||||||
})
|
})
|
||||||
|
|
||||||
const handleAdd = () => {
|
|
||||||
dialogVisible.value = true
|
|
||||||
dialogTitle.value = '添加交易组'
|
|
||||||
dialogType.value = 'add'
|
|
||||||
tradeGroupForm.value = {
|
|
||||||
tradeGroupName: '',
|
|
||||||
winterTime: [],
|
|
||||||
summerTime: [],
|
|
||||||
status: 1,
|
|
||||||
sort: 0,
|
|
||||||
id: '',
|
|
||||||
} as any
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
/* 给 table 及所有 td 加边框 */
|
/* 给 table 及所有 td 加边框 */
|
||||||
table {
|
table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
table-layout: auto; /* 宽度自适应内容 */
|
table-layout: auto; /* 宽度自适应内容 */
|
||||||
|
|
||||||
td {
|
.time-picker-box {
|
||||||
border: 1px solid #dcdfe6;
|
display: flex;
|
||||||
padding: 4px 8px; /* 内边距缩小 */
|
align-items: center;
|
||||||
text-align: center;
|
flex-wrap: wrap;
|
||||||
font-size: 12px; /* 文字变小 */
|
gap: 10px;
|
||||||
white-space: nowrap; /* 文字不换行 */
|
img {
|
||||||
vertical-align: middle; /* 垂直居中 */
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
height: 59px;
|
||||||
|
border: 1px solid #dcdfe6;
|
||||||
|
padding: 4px 8px; /* 内边距缩小 */
|
||||||
|
text-align: center;
|
||||||
|
font-size: 12px; /* 文字变小 */
|
||||||
|
white-space: nowrap; /* 文字不换行 */
|
||||||
|
vertical-align: middle; /* 垂直居中 */
|
||||||
|
|
||||||
/* 时间选择器容器：两个选择器横排不换行 */
|
/* 时间选择器容器：两个选择器横排不换行 */
|
||||||
:deep(.el-time-picker) {
|
:deep(.el-time-picker) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
.el-range-editor {
|
.el-range-editor {
|
||||||
width: 100px; /* 缩小时间选择器宽度 */
|
width: 100px; /* 缩小时间选择器宽度 */
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
.el-range-input {
|
.el-range-input {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
/* input 输入框也缩小 */
|
|
||||||
:deep(.el-input) {
|
|
||||||
width: 60px;
|
|
||||||
|
|
||||||
.el-input__inner {
|
|
||||||
font-size: 12px;
|
|
||||||
height: 28px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 按钮缩小 */
|
|
||||||
:deep(.el-button) {
|
|
||||||
padding: 5px 10px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* input 输入框也缩小 */
|
||||||
|
:deep(.el-input) {
|
||||||
|
width: 60px;
|
||||||
|
|
||||||
|
.el-input__inner {
|
||||||
|
font-size: 12px;
|
||||||
|
height: 28px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 按钮缩小 */
|
||||||
|
:deep(.el-button) {
|
||||||
|
padding: 5px 10px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -1,40 +0,0 @@
|
||||||
/**
|
|
||||||
* @description: 搜索配置
|
|
||||||
*/
|
|
||||||
export const search = [
|
|
||||||
{ label: '交易组名称', prop: 'tradeGroupName', type: 'input' as const, placeholder: '请输入交易组名称' },
|
|
||||||
{ label: '状态', prop: 'status', type: 'select' as const, options: [{ label: '全部', value: '0' }, { label: '开启', value: '1' }, { label: '关闭', value: '2' }] },
|
|
||||||
]
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @description: 表格配置
|
|
||||||
*/
|
|
||||||
export const tableColumns = [
|
|
||||||
{ label: '交易组名称', prop: 'tradeGroupName' },
|
|
||||||
//交易所编号
|
|
||||||
{ label: '交易所编号', prop: 'exchangeId' },
|
|
||||||
// 交易时间
|
|
||||||
{ label: '交易时间', slotName: 'tradeTime' },
|
|
||||||
// 交易状态
|
|
||||||
{ label: '交易状态', slotName: 'status' },
|
|
||||||
// 操作
|
|
||||||
{ label: '操作', slotName: 'action' },
|
|
||||||
]
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @description: dialog form配置
|
|
||||||
*/
|
|
||||||
export const addFormItem = [
|
|
||||||
{ label: '交易组名称', prop: 'tradeGroupName', type: 'input' as const, placeholder: '请输入交易组名称' },
|
|
||||||
// { label: '交易所ID', prop: 'exchangeId', type: 'select' as const, options: [] },
|
|
||||||
// { label: '状态', prop: 'status', type: 'select' as const, options: [{ label: '开启', value: '1' }, { label: '关闭', value: '2' }] },
|
|
||||||
{ label: '冬季交易时间', prop: 'winterTime', type: 'date' as const, dateType: 'datetimerange' as const, placeholder: '请选择冬季交易时间', valueFormat: 'YYYY-MM-DD HH:mm:ss', labelWidth: '110px' },
|
|
||||||
{ label: '夏季交易时间', prop: 'summerTime', type: 'date' as const, dateType: 'datetimerange' as const, placeholder: '请选择夏季交易时间', valueFormat: 'YYYY-MM-DD HH:mm:ss' , labelWidth: '110px' },
|
|
||||||
]
|
|
||||||
export const editFormItem = [
|
|
||||||
{ label: '交易组名称', prop: 'tradeGroupName', type: 'input' as const, placeholder: '请输入交易组名称' },
|
|
||||||
{ label: '冬季交易时间', prop: 'winterTime', type: 'date' as const, dateType: 'datetimerange' as const, placeholder: '请选择冬季交易时间', valueFormat: 'YYYY-MM-DD HH:mm:ss' , labelWidth: '110px'},
|
|
||||||
{ label: '夏季交易时间', prop: 'summerTime', type: 'date' as const, dateType: 'datetimerange' as const, placeholder: '请选择夏季交易时间', valueFormat: 'YYYY-MM-DD HH:mm:ss' , labelWidth: '110px'},
|
|
||||||
{ label: '状态', prop: 'status', type: 'radio' as const},
|
|
||||||
{ label: '排序', prop: 'sort', type: 'number' as const, placeholder: '请输入排序' },
|
|
||||||
]
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
import type { FormRules } from 'element-plus'
|
|
||||||
export const rules = (): FormRules => {
|
|
||||||
return {
|
|
||||||
tradeGroupName: [
|
|
||||||
{ required: true, message: '请输入交易组名称', trigger: ['blur'] }
|
|
||||||
],
|
|
||||||
winterTime: [
|
|
||||||
{ required: true, message: '请选择冬季交易时间', trigger: ['change'] }
|
|
||||||
],
|
|
||||||
summerTime: [
|
|
||||||
{ required: true, message: '请选择夏季交易时间', trigger: ['change'] }
|
|
||||||
],
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue