style: 统一输入框和选择器宽度为240px并优化卡片布局

- 将多处输入框和选择器的宽度从200px调整为240px
- 优化卡片布局结构,添加分割卡片提升可读性
- 移除部分冗余的刷新按钮和样式代码
- 调整日期选择器等表单元素的宽度为240px
This commit is contained in:
pikachu1995@126.com
2025-08-21 16:41:27 +08:00
parent 3867d51d92
commit 099941a54e
63 changed files with 355 additions and 317 deletions

View File

@@ -3,14 +3,15 @@
<Card>
<Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form" @keydown.enter.native="handleSearch">
<Form-item label="系统类型" prop="orderSn">
<Select v-model="searchForm.type" placeholder="请选择系统类型" clearable style="width: 200px">
<Select v-model="searchForm.type" placeholder="请选择系统类型" clearable style="width: 240px">
<Option value="IOS">苹果</Option>
<Option value="ANDROID">安卓</Option>
</Select>
</Form-item>
<Button @click="handleSearch" type="primary" icon="ios-search">搜索</Button>
</Form>
</Card>
<Card>
<Button class="mt_10 mb_10" @click="addAppVersion" type="primary">添加</Button>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" ></Table>

View File

@@ -14,7 +14,7 @@
v-model="searchForm.searchKey"
placeholder="请输入搜索日志内容"
clearable
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="操作人" prop="operatorName">
@@ -23,7 +23,7 @@
v-model="searchForm.operatorName"
placeholder="请输入操作人"
clearable
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="创建时间">
@@ -34,15 +34,16 @@
clearable
@on-change="selectDateRange"
placeholder="选择起始时间"
style="width: 200px"
style="width: 240px"
></DatePicker>
</Form-item>
<Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn"
>搜索</Button
>
</Form>
</Card>
<Card>
<Row class="operation padding-row">
<Button @click="getLogList" icon="md-refresh">刷新</Button>
<Button type="dashed" @click="openTip = !openTip">{{
openTip ? "关闭提示" : "开启提示"
}}</Button>

View File

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

View File

@@ -8,7 +8,7 @@
v-model="searchForm.username"
placeholder="请输入用户名"
clearable
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="联系方式">
@@ -17,14 +17,16 @@
v-model="searchForm.mobile"
placeholder="请输入联系方式"
clearable
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="部门">
<department-choose @on-change="handleSelectDep" style="width: 150px;" ref="dep"></department-choose>
<department-choose @on-change="handleSelectDep" style="width: 240px;" ref="dep"></department-choose>
</Form-item>
<Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
</Form>
</Card>
<Card>
<Row class="operation padding-row">
<Button @click="add" type="primary">添加</Button>
<Button @click="delAll">批量删除</Button>