修改搜索框的样式

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

@@ -6,28 +6,28 @@
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="24">
<a-form-item label="名称">
<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="24">
<a-form-item label="编号">
<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="3" :sm="24" >
<a-col :md="3" :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" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button>
</span>
</a-col>
<a-col :md="3" :sm="24" >
<a-col :md="3" :sm="24">
<a-form-item label="本月发生总额">
{{allMonthAmount}}
</a-form-item>
</a-col>
<a-col :md="3" :sm="24" >
<a-col :md="3" :sm="24">
<a-form-item label="当前总余额">
{{allCurrentAmount}}
</a-form-item>
@@ -72,6 +72,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {
name:'',
@@ -101,14 +108,6 @@
scopedSlots: { customRender: 'action' }
}
],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: {
list: "/account/list",
getStatistics: "/account/getStatistics"

View File

@@ -6,17 +6,18 @@
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="24">
<a-form-item label="月份">
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/>
<a-col :md="6" :sm="24">
<a-form-item label="月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)"
style="width:100%" :format="monthFormat" @change="onChange"/>
</a-form-item>
</a-col>
<a-col :md="5" :sm="24">
<a-form-item label="商品信息">
<a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input>
</a-form-item>
</a-col>
<a-col :md="4" :sm="24">
<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" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button>
@@ -61,6 +62,13 @@
// 查询条件
currentMonth: moment().format('YYYY-MM'),
monthFormat: 'YYYY-MM',
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
queryParam: {
monthTime: moment().format('YYYY-MM'),
materialParam:'',
@@ -89,14 +97,6 @@
{title: '退货数量', dataIndex: 'iutSum', width: 80},
{title: '退货金额', dataIndex: 'outSumPrice', width: 80}
],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: {
list: "/depotItem/buyIn",
}

View File

@@ -7,7 +7,7 @@
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
<a-form-item label="客户" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select placeholder="选择客户" v-model="queryParam.organId"
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
@@ -86,6 +86,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {
supType: "客户",
@@ -123,14 +130,6 @@
{title: '本期变化', dataIndex: 'allPrice', width: 80},
{title: '单据日期', dataIndex: 'oTime', width: 160}
],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: {
list: "/depotHead/findStatementAccount",
}

View File

@@ -7,7 +7,7 @@
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
<a-form-item label="供应商" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select placeholder="选择供应商" v-model="queryParam.organId"
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
@@ -17,7 +17,7 @@
</a-form-item>
</a-col>
<a-col :md="4" :sm="24">
<a-form-item label="仓库">
<a-form-item label="仓库" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
showSearch optionFilterProp="children"
style="width: 100%"
@@ -29,9 +29,9 @@
</a-select>
</a-form-item>
</a-col>
<a-col :md="5" :sm="24">
<a-form-item label="商品信息">
<a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="4" :sm="24">
<a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="名称/规格/型号" v-model="queryParam.materialParam"></a-input>
</a-form-item>
</a-col>
<a-col :md="5" :sm="24">
@@ -96,6 +96,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {
organId: '',
@@ -137,14 +144,6 @@
{title: '仓库', dataIndex: 'dname', width: 120},
{title: '入库日期', dataIndex: 'operTime', width: 120}
],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: {
list: "/depotHead/findInDetail",
}

View File

@@ -7,7 +7,7 @@
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
<a-form-item label="供应商" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select placeholder="选择供应商" v-model="queryParam.organId"
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
@@ -17,7 +17,7 @@
</a-form-item>
</a-col>
<a-col :md="4" :sm="24">
<a-form-item label="仓库">
<a-form-item label="仓库" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
showSearch optionFilterProp="children"
style="width: 100%"
@@ -29,9 +29,9 @@
</a-select>
</a-form-item>
</a-col>
<a-col :md="5" :sm="24">
<a-form-item label="商品信息">
<a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="4" :sm="24">
<a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="名称/规格/型号" v-model="queryParam.materialParam"></a-input>
</a-form-item>
</a-col>
<a-col :md="5" :sm="24">
@@ -89,6 +89,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {
organId: '',
@@ -123,14 +130,6 @@
{title: '入库数量', dataIndex: 'numSum', width: 120},
{title: '入库金额', dataIndex: 'priceSum', width: 120}
],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: {
list: "/depotHead/findInOutMaterialCount",
}

View File

@@ -7,7 +7,7 @@
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="24">
<a-form-item label="仓库">
<a-form-item label="仓库" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
showSearch optionFilterProp="children"
style="width: 100%"
@@ -20,23 +20,24 @@
</a-form-item>
</a-col>
<a-col :md="4" :sm="24">
<a-form-item label="月份">
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/>
<a-form-item label="月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)"
style="width:100%" :format="monthFormat" @change="onChange"/>
</a-form-item>
</a-col>
<a-col :md="5" :sm="24">
<a-form-item label="商品信息">
<a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="4" :sm="24">
<a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="名称/规格/型号" v-model="queryParam.materialParam"></a-input>
</a-form-item>
</a-col>
<a-col :md="4" :sm="24" >
<a-col :md="4" :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" type="primary" icon="download" @click="handleExportXls('库存状况')">导出</a-button>
<a-button style="margin-left: 8px" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button>
</span>
</a-col>
<a-col :md="4" :sm="24" >
<a-col :md="4" :sm="24">
<a-form-item label="本月合计金额">
{{totalCountMoneyStr}}
</a-form-item>
@@ -81,6 +82,13 @@
// 查询条件
currentMonth: moment().format('YYYY-MM'),
monthFormat: 'YYYY-MM',
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
queryParam: {
depotId:'',
monthTime: moment().format('YYYY-MM'),
@@ -114,14 +122,6 @@
{title: '本月结存数量', dataIndex: 'thisSum', width: 120},
{title: '结存金额', dataIndex: 'thisAllPrice', width: 80}
],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: {
list: "/depotItem/findByAll",
totalCountMoney: "/depotItem/totalCountMoney",

View File

@@ -7,7 +7,7 @@
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="24">
<a-form-item label="仓库">
<a-form-item label="仓库" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
showSearch optionFilterProp="children"
style="width: 100%"
@@ -20,30 +20,30 @@
</a-form-item>
</a-col>
<a-col :md="4" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="类别">
<a-form-item label="类别" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-tree-select style="width:100%" :dropdownStyle="{maxHeight:'200px',overflow:'auto'}" allow-clear
:treeData="categoryTree" v-model="queryParam.categoryId" placeholder="请选择类别">
</a-tree-select>
</a-form-item>
</a-col>
<a-col :md="4" :sm="24">
<a-form-item label="商品信息">
<a-input placeholder="条码名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="条码/名称/规格/型号" v-model="queryParam.materialParam"></a-input>
</a-form-item>
</a-col>
<a-col :md="3" :sm="24" >
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-col :md="4" :sm="24">
<a-button type="primary" @click="searchQuery">查询</a-button>
<a-button style="margin-left: 8px" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button>
</span>
</a-col>
<a-col :md="3" :sm="24" >
<a-form-item label="当前总库存">
</a-col>
</span>
<a-col :md="3" :sm="24">
<a-form-item label="当前总库存" :labelCol="labelCol" :wrapperCol="wrapperCol">
{{currentStock}}
</a-form-item>
</a-col>
<a-col :md="3" :sm="24" >
<a-form-item label="当前总库存金额">
<a-col :md="3" :sm="24">
<a-form-item label="当前总库存金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
{{currentStockPrice}}
</a-form-item>
</a-col>
@@ -91,6 +91,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {
depotId:'',
@@ -125,14 +132,6 @@
scopedSlots: { customRender: 'action' }
}
],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: {
list: "/material/getListWithStock"
}

View File

@@ -7,7 +7,7 @@
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
<a-form-item label="客户" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select placeholder="选择客户" v-model="queryParam.organId"
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
@@ -17,7 +17,7 @@
</a-form-item>
</a-col>
<a-col :md="4" :sm="24">
<a-form-item label="仓库">
<a-form-item label="仓库" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
showSearch optionFilterProp="children"
style="width: 100%"
@@ -29,9 +29,9 @@
</a-select>
</a-form-item>
</a-col>
<a-col :md="5" :sm="24">
<a-form-item label="商品信息">
<a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="4" :sm="24">
<a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="名称/规格/型号" v-model="queryParam.materialParam"></a-input>
</a-form-item>
</a-col>
<a-col :md="5" :sm="24">
@@ -96,6 +96,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {
organId: '',
@@ -137,14 +144,6 @@
{title: '仓库', dataIndex: 'dname', width: 120},
{title: '出库日期', dataIndex: 'operTime', width: 120}
],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: {
list: "/depotHead/findInDetail",
}

View File

@@ -7,7 +7,7 @@
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
<a-form-item label="客户" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select placeholder="选择客户" v-model="queryParam.organId"
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
@@ -17,7 +17,7 @@
</a-form-item>
</a-col>
<a-col :md="4" :sm="24">
<a-form-item label="仓库">
<a-form-item label="仓库" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
showSearch optionFilterProp="children"
style="width: 100%"
@@ -29,9 +29,9 @@
</a-select>
</a-form-item>
</a-col>
<a-col :md="5" :sm="24">
<a-form-item label="商品信息">
<a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="4" :sm="24">
<a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="名称/规格/型号" v-model="queryParam.materialParam"></a-input>
</a-form-item>
</a-col>
<a-col :md="5" :sm="24">
@@ -89,6 +89,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {
organId: '',
@@ -123,14 +130,6 @@
{title: '出库数量', dataIndex: 'numSum', width: 120},
{title: '出库金额', dataIndex: 'priceSum', width: 120}
],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: {
list: "/depotHead/findInOutMaterialCount",
}

View File

@@ -6,17 +6,18 @@
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="24">
<a-form-item label="月份">
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/>
<a-col :md="6" :sm="24">
<a-form-item label="月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)"
style="width:100%" :format="monthFormat" @change="onChange"/>
</a-form-item>
</a-col>
<a-col :md="5" :sm="24">
<a-form-item label="商品信息">
<a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input>
</a-form-item>
</a-col>
<a-col :md="4" :sm="24">
<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" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button>
@@ -61,6 +62,13 @@
// 查询条件
currentMonth: moment().format('YYYY-MM'),
monthFormat: 'YYYY-MM',
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
queryParam: {
monthTime: moment().format('YYYY-MM'),
materialParam:'',
@@ -90,14 +98,6 @@
{title: '退货金额', dataIndex: 'inSumPrice', width: 80},
{title: '实际销售金额', dataIndex: 'outInSumPrice', width: 80}
],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: {
list: "/depotItem/saleOut"
}

View File

@@ -6,8 +6,8 @@
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="24">
<a-form-item label="仓库">
<a-col :md="6" :sm="24">
<a-form-item label="仓库" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
showSearch optionFilterProp="children"
style="width: 100%"
@@ -19,12 +19,12 @@
</a-select>
</a-form-item>
</a-col>
<a-col :md="5" :sm="24">
<a-form-item label="商品信息">
<a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input>
</a-form-item>
</a-col>
<a-col :md="6" :sm="24" >
<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" type="primary" icon="download" @click="handleExportXls('库存预警')">导出</a-button>
@@ -67,6 +67,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {
materialParam:'',
@@ -96,14 +103,6 @@
{title: '当前库存', dataIndex: 'currentNumber', width: 80},
{title: '建议入库量', dataIndex: 'linjieNumber', width: 80}
],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: {
list: "/depotItem/findStockWarningCount",
exportXlsUrl: "/depotItem/exportWarningExcel",

View File

@@ -7,7 +7,7 @@
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="4" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
<a-form-item label="供应商" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select placeholder="选择供应商" v-model="queryParam.organId"
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
@@ -86,6 +86,13 @@
},
data () {
return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件
queryParam: {
supType: "供应商",
@@ -123,14 +130,6 @@
{title: '本期变化', dataIndex: 'allPrice', width: 80},
{title: '单据日期', dataIndex: 'oTime', width: 160}
],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: {
list: "/depotHead/findStatementAccount",
}