style(oss-manage): 调整表单元素宽度并优化布局结构

将日期选择器和输入框的宽度从200px统一调整为240px,提升表单元素的一致性
拆分操作区域到单独的Card组件中,改善页面布局结构
This commit is contained in:
pikachu1995@126.com
2025-08-21 16:41:46 +08:00
parent 099941a54e
commit a18fc729c0

View File

@@ -48,7 +48,7 @@
clearable clearable
format="yyyy-MM-dd" format="yyyy-MM-dd"
placeholder="选择起始时间" placeholder="选择起始时间"
style="width: 200px" style="width: 240px"
type="daterange" type="daterange"
@on-change="selectDateRange" @on-change="selectDateRange"
></DatePicker> ></DatePicker>
@@ -59,7 +59,7 @@
v-model="searchForm.ownerName" v-model="searchForm.ownerName"
placeholder="图片拥有者名称" placeholder="图片拥有者名称"
clearable clearable
style="width: 200px" style="width: 240px"
/> />
</Form-item> </Form-item>
<Button <Button
@@ -71,7 +71,9 @@
</Button> </Button>
</Form> </Form>
</Row> </Row>
</div>
</Card><Card>
<div class="operation">
<Row class="oss-manage-box"> <Row class="oss-manage-box">
<Col :span="isComponent?5:4"> <Col :span="isComponent?5:4">
<div class="file-list"> <div class="file-list">