yueyixin
/
foreign-admin-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

交易组时间页面样式

This commit is contained in:
Songsl 2026-04-17 16:55:28 +08:00
parent aa66744970
commit 93893c2918
2 changed files with 140 additions and 145 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/trade/group/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="trade-group">
<el-form-item>
<el-form-item label="交易系统时间设置">
<el-button type="primary" @click="addTableItem">添加</el-button>
</el-form-item>
<!-- 表格 -->
@ -8,28 +8,28 @@
<table>
<template v-for="(item, index) in tradeGroupTree" :key="item.id">
<tr>
<td>顺序</td>
<td rowspan="2">
<el-input v-if="item.editStatus" v-model="item.name" />
<td style="width: 50px">顺序</td>
<td style="width: 120px" rowspan="2">
<el-input style="width: 100px" v-if="item.editStatus" v-model="item.name" />
<span v-else>{{ item.name }}</span>
</td>
<td>夏令时</td>
<td>
<td style="width: 70px">夏令时</td>
<td style="width: 60px">
<el-input v-if="item.editStatus" v-model="item.x_m" />
<span v-else>{{ item.x_m }}</span>
</td>
<td>月</td>
<td>
<td style="width: 50px">月</td>
<td style="width: 60px">
<el-input v-if="item.editStatus" v-model="item.x_w" />
<span v-else>{{ item.x_w }}</span>
</td>
<td>周</td>
<td>
<td style="width: 50px">周</td>
<td style="width: 60px">
<el-input v-if="item.editStatus" v-model="item.x_d" />
<span v-else>{{ item.x_d }}</span>
</td>
<td>日</td>
<td>交易时间</td>
<td style="width: 50px">日</td>
<td style="width: 90px">交易时间</td>
<td class="time-picker-box">
<template v-if="item.editStatus">
<template v-if="item?.x_time_list">
@ -59,7 +59,7 @@
</template>
</template>
</td>
<td rowspan="2">
<td rowspan="2" style="width: 140px">
<el-button type="primary" v-if="!item.editStatus" @click="item.editStatus = true"
>编辑</el-button
>
@ -137,7 +137,7 @@ import {
editGroupApi,
deleteGroupApi,
} from '@/api/modules/trade/group'
import {ElMessageBox} from 'element-plus'
import { ElMessageBox } from 'element-plus'
/**
* @description: 定义表格数据
@ -310,7 +310,7 @@ table {
/* input 输入框也缩小 */
:deep(.el-input) {
width: 60px;
width: 40px;
.el-input__inner {
font-size: 12px;

35
src/views/trade/time/index.vue
View File

@ -1,9 +1,8 @@
<template>
<div class="trade-group">
<el-form-item>
交易系统时间设置
<el-button style="margin-left: 18px;" type="primary" @click="handleAdd">添加</el-button>
<el-button style="margin-left: 18px;" type="danger" @click="handleDel">删除</el-button>
<el-form-item label="交易系统时间设置">
<el-button style="margin-left: 18px" type="primary" @click="handleAdd">添加</el-button>
<el-button style="margin-left: 18px" type="danger" @click="handleDel">删除</el-button>
</el-form-item>
<!-- 表格 -->
<div class="table-box">
@ -21,12 +20,17 @@
<tbody>
<tr>
<td>
<el-input style="width: 80px;"/>
<el-input style="width: 80px" />
</td>
<td>
<el-date-picker type="datetimerange" start-placeholder="Start date"
end-placeholder="End date" format="YYYY-MM-DD HH:mm:ss"
date-format="YYYY-MM-DD HH:mm:ss" time-format="YYYY-MM-DD HH:mm:ss" />
<el-date-picker
type="datetimerange"
start-placeholder="Start date"
end-placeholder="End date"
format="YYYY-MM-DD HH:mm:ss"
date-format="YYYY-MM-DD HH:mm:ss"
time-format="YYYY-MM-DD HH:mm:ss"
/>
</td>
<td>
<el-select multiple placeholder="Select" style="width: 240px">
@ -37,7 +41,7 @@
<el-option :label="5" :value="5" />
</el-select>
</td>
<td><el-input style="width: 250px;"/></td>
<td><el-input style="width: 250px" /></td>
<td>
<el-button type="primary" @click="handleAdd">确认</el-button>
<el-button type="danger" @click="handleDel">取消</el-button>
@ -46,10 +50,7 @@
</tbody>
</table>
</div>
</div>
</template>
<script setup lang="ts">
@ -88,12 +89,10 @@ const tradeGroupForm = ref({
id: '',
})
/**
* @description: 页面加载完成需要请求的数据
*/
onMounted(() => {
})
onMounted(() => {})
const handleAdd = () => {
dialogVisible.value = true
@ -109,10 +108,7 @@ const handleAdd = () => {
} as any
}
const handleDel = () => {
}
const handleDel = () => {}
</script>
<style scoped lang="scss">
@ -172,6 +168,5 @@ table {
font-size: 12px;
}
}
}
</style>