修改搜索框的样式

This commit is contained in:
季圣华
2021-07-14 23:38:31 +08:00
parent 23f231c167
commit cdca300d4c
49 changed files with 533 additions and 452 deletions

View File

@@ -7,18 +7,18 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="6">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input>
</a-form-item>
</a-col>
<a-col :md="4" :sm="6">
<a-form-item label="编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入编号查询" v-model="queryParam.serialNo"></a-input>
</a-form-item>
</a-col>
<a-col :md="4" :sm="6">
<a-form-item label="备注" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入备注查询" v-model="queryParam.remark"></a-input>
</a-form-item>
</a-col>
@@ -95,6 +95,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {name:'',serialNo:'',remark:''},
// 表头

View File

@@ -7,18 +7,18 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="5" :sm="10">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入名称查询" v-model="queryParam.supplier"></a-input>
</a-form-item>
</a-col>
<a-col :md="5" :sm="10">
<a-form-item label="手机号码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="手机号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入手机号码查询" v-model="queryParam.telephone"></a-input>
</a-form-item>
</a-col>
<a-col :md="5" :sm="10">
<a-form-item label="联系电话" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="联系电话" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入联系电话查询" v-model="queryParam.phonenum"></a-input>
</a-form-item>
</a-col>
@@ -101,6 +101,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {
supplier:'',

View File

@@ -7,13 +7,13 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="6">
<a-form-item label="仓库名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="仓库名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入仓库名称查询" v-model="queryParam.name"></a-input>
</a-form-item>
</a-col>
<a-col :md="4" :sm="6">
<a-form-item label="描述" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="描述" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入描述查询" v-model="queryParam.remark"></a-input>
</a-form-item>
</a-col>
@@ -90,6 +90,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {name:'',remark:''},
// 表头

View File

@@ -7,8 +7,8 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="6" :sm="8">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input>
</a-form-item>
</a-col>
@@ -80,6 +80,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {name:'',type:''},
// 表头

View File

@@ -7,13 +7,13 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="6">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input>
</a-form-item>
</a-col>
<a-col :md="4" :sm="6">
<a-form-item label="类型" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select v-model="queryParam.type" placeholder="请选择类型">
<a-select-option value="">请选择</a-select-option>
<a-select-option value="收入">收入</a-select-option>
@@ -21,8 +21,8 @@
</a-select>
</a-form-item>
</a-col>
<a-col :md="4" :sm="6">
<a-form-item label="备注" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入备注查询" v-model="queryParam.remark"></a-input>
</a-form-item>
</a-col>
@@ -94,6 +94,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {name:'',type:'',remark:''},
// 表头

View File

@@ -6,20 +6,19 @@
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="6" :sm="8">
<a-form-item label="操作模块">
<a-col :md="6" :sm="24">
<a-form-item label="操作模块" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入操作模块" v-model="queryParam.operation"></a-input>
</a-form-item>
</a-col>
<a-col :md="6" :sm="8">
<a-form-item label="操作详情">
<a-col :md="6" :sm="24">
<a-form-item label="操作详情" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入操作详情" v-model="queryParam.content"></a-input>
</a-form-item>
</a-col>
<a-col :md="6" :sm="10">
<a-col :md="6" :sm="24">
<a-form-item label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-range-picker
style="width: 280px"
v-model="queryParam.createTimeRange"
format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']"
@@ -29,13 +28,13 @@
</a-form-item>
</a-col>
<template v-if="toggleSearchStatus">
<a-col :md="6" :sm="8">
<a-form-item label="操作IP">
<a-col :md="6" :sm="24">
<a-form-item label="操作IP" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入操作IP" v-model="queryParam.clientIp"></a-input>
</a-form-item>
</a-col>
<a-col :md="6" :sm="8">
<a-form-item label="操作状态">
<a-col :md="6" :sm="24">
<a-form-item label="操作状态" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select v-model="queryParam.status" placeholder="请选择操作状态">
<a-select-option value="">请选择</a-select-option>
<a-select-option value="0">成功</a-select-option>
@@ -135,12 +134,11 @@
align:"center",
},
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
span: 5
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
span: 18,
offset: 1
},
url: {
list: "/log/list",

View File

@@ -7,18 +7,18 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="5" :sm="10">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入名称查询" v-model="queryParam.supplier"></a-input>
</a-form-item>
</a-col>
<a-col :md="5" :sm="10">
<a-form-item label="手机号码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="手机号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入手机号码查询" v-model="queryParam.telephone"></a-input>
</a-form-item>
</a-col>
<a-col :md="5" :sm="10">
<a-form-item label="联系电话" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="联系电话" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入联系电话查询" v-model="queryParam.phonenum"></a-input>
</a-form-item>
</a-col>
@@ -101,6 +101,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {
supplier:'',

View File

@@ -7,13 +7,13 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="6" :sm="8">
<a-form-item label="姓名" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入姓名查询" v-model="queryParam.name"></a-input>
</a-form-item>
</a-col>
<a-col :md="6" :sm="8">
<a-form-item label="类型" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select v-model="queryParam.type" placeholder="请选择类型">
<a-select-option value="">请选择</a-select-option>
<a-select-option value="业务员">业务员</a-select-option>
@@ -85,6 +85,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {name:'',type:''},
// 表头

View File

@@ -7,8 +7,8 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="6" :sm="8">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input>
</a-form-item>
</a-col>
@@ -91,6 +91,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {name:''},
// 表头

View File

@@ -7,8 +7,8 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="6" :sm="8">
<a-form-item label="角色名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="角色名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入角色名称查询" v-model="queryParam.name"></a-input>
</a-form-item>
</a-col>
@@ -91,6 +91,13 @@
description: '角色管理页面',
roleFunctionModalVisible: false,
currentRoleId: '',
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {name:'',},
// 表头

View File

@@ -7,13 +7,13 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="6" :sm="8">
<a-form-item label="序列号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="序列号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入序列号查询" v-model="queryParam.serialNumber"></a-input>
</a-form-item>
</a-col>
<a-col :md="6" :sm="8">
<a-form-item label="商品名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="商品名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入商品名称查询" v-model="queryParam.materialName"></a-input>
</a-form-item>
</a-col>
@@ -100,6 +100,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {materialName:'',serialNumber:''},
// 表头

View File

@@ -7,8 +7,8 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="6" :sm="8">
<a-form-item label="公司名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="公司名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入公司名称查询" v-model="queryParam.companyName"></a-input>
</a-form-item>
</a-col>
@@ -80,6 +80,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {companyName:'',},
// 表头

View File

@@ -6,12 +6,12 @@
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="6" :sm="12">
<a-form-item label="登录名称">
<a-col :md="6" :sm="24">
<a-form-item label="登录名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="输入登录名称模糊查询" v-model="queryParam.loginName"></a-input>
</a-form-item>
</a-col>
<a-col :md="6" :sm="8">
<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>
@@ -77,6 +77,13 @@
},
data() {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
queryParam: {
loginName: ""
},

View File

@@ -7,8 +7,8 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="6" :sm="8">
<a-form-item label="计量单位" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="计量单位" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入计量单位查询" v-model="queryParam.name"></a-input>
</a-form-item>
</a-col>
@@ -75,6 +75,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {name:'',type:''},
// 表头

View File

@@ -6,17 +6,17 @@
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="6" :sm="12">
<a-form-item label="登录名称">
<a-col :md="6" :sm="24">
<a-form-item label="登录名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="输入登录名称模糊查询" v-model="queryParam.loginName"></a-input>
</a-form-item>
</a-col>
<a-col :md="6" :sm="12">
<a-form-item label="用户姓名">
<a-col :md="6" :sm="24">
<a-form-item label="用户姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="输入用户姓名模糊查询" v-model="queryParam.userName"></a-input>
</a-form-item>
</a-col>
<a-col :md="6" :sm="8">
<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>
@@ -103,6 +103,13 @@
},
data() {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
queryParam: {},
depotFlag: '0',
customerFlag: '0',

View File

@@ -7,18 +7,18 @@
<!-- 搜索区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="5" :sm="10">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入名称查询" v-model="queryParam.supplier"></a-input>
</a-form-item>
</a-col>
<a-col :md="5" :sm="10">
<a-form-item label="手机号码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="手机号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入手机号码查询" v-model="queryParam.telephone"></a-input>
</a-form-item>
</a-col>
<a-col :md="5" :sm="10">
<a-form-item label="联系电话" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-col :md="6" :sm="24">
<a-form-item label="联系电话" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入联系电话查询" v-model="queryParam.phonenum"></a-input>
</a-form-item>
</a-col>
@@ -101,6 +101,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {
supplier:'',