优化单据的搜索框的排版

This commit is contained in:
季圣华
2022-04-24 22:22:29 +08:00
parent dfbcc4090e
commit d7afcc54e5
27 changed files with 390 additions and 377 deletions

View File

@@ -19,6 +19,7 @@
<a-col :md="6" :sm="24">
<a-form-item label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-range-picker
style="width: 100%"
v-model="queryParam.createTimeRange"
format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']"
@@ -27,6 +28,16 @@
/>
</a-form-item>
</a-col>
<a-col :md="6" :sm="24" >
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button type="primary" @click="searchQuery">查询</a-button>
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
<a @click="handleToggleSearch" style="margin-left: 8px">
{{ toggleSearchStatus ? '收起' : '展开' }}
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
</a>
</span>
</a-col>
<template v-if="toggleSearchStatus">
<a-col :md="6" :sm="24">
<a-form-item label="操作员" :labelCol="labelCol" :wrapperCol="wrapperCol">
@@ -48,16 +59,6 @@
</a-form-item>
</a-col>
</template>
<a-col :md="6" :sm="24" >
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button type="primary" @click="searchQuery">查询</a-button>
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
<a @click="handleToggleSearch" style="margin-left: 8px">
{{ toggleSearchStatus ? '收起' : '展开' }}
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
</a>
</span>
</a-col>
</a-row>
</a-form>
</div>

View File

@@ -98,8 +98,8 @@
return parseInt(index)+1;
}
},
{ title: '计量单位', align:"center", dataIndex: 'name', width:150 },
{ title: '基本单位', align:"center", dataIndex: 'basicUnit', width:100 },
{ title: '计量单位', align:"center", dataIndex: 'name', width:200 },
{ title: '基本单位', align:"center", dataIndex: 'basicUnit', width:80 },
{ title: '副单位', align:"center", dataIndex: 'otherUnit', width:100,
customRender:function (t,r,index) {
if (r) {
@@ -128,7 +128,7 @@
{
title: '操作',
dataIndex: 'action',
width:150,
width:120,
align:"center",
scopedSlots: { customRender: 'action' },
}