Commit 5ba2af7f authored by 季圣华's avatar 季圣华
Browse files

优化单据搜索框

parent 81bac343
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<a-input placeholder="请输入编号" v-model="queryParam.serialNo"></a-input> <a-input placeholder="请输入编号" v-model="queryParam.serialNo"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="4" :sm="24" > <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-button type="primary" @click="searchQuery">查询</a-button> <a-button type="primary" @click="searchQuery">查询</a-button>
<a-button style="margin-left: 8px" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button> <a-button style="margin-left: 8px" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button>
......
...@@ -6,17 +6,17 @@ ...@@ -6,17 +6,17 @@
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="8"> <a-col :md="4" :sm="24">
<a-form-item label="月份"> <a-form-item label="月份">
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/> <a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="5" :sm="24">
<a-form-item label="商品信息"> <a-form-item label="商品信息">
<a-input placeholder="请输入商品信息" v-model="queryParam.materialParam"></a-input> <a-input placeholder="名称、规格、型号" v-model="queryParam.materialParam"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="24" > <a-col :md="4" :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-button type="primary" @click="searchQuery">查询</a-button> <a-button type="primary" @click="searchQuery">查询</a-button>
<a-button style="margin-left: 8px" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button> <a-button style="margin-left: 8px" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button>
......
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="24"> <a-col :md="5" :sm="24">
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-range-picker <a-range-picker
style="width: 250px" style="width: 210px"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
:default-value="defaultTimeStr" :default-value="defaultTimeStr"
format="YYYY-MM-DD" format="YYYY-MM-DD"
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<a-input placeholder="名称、规格、型号" v-model="queryParam.materialParam"></a-input> <a-input placeholder="名称、规格、型号" v-model="queryParam.materialParam"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="24"> <a-col :md="5" :sm="24">
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-range-picker <a-range-picker
style="width: 210px" style="width: 210px"
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<a-input placeholder="名称、规格、型号" v-model="queryParam.materialParam"></a-input> <a-input placeholder="名称、规格、型号" v-model="queryParam.materialParam"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="24"> <a-col :md="5" :sm="24">
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-range-picker <a-range-picker
style="width: 210px" style="width: 210px"
......
...@@ -23,9 +23,9 @@ ...@@ -23,9 +23,9 @@
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/> <a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="24"> <a-col :md="5" :sm="24">
<a-form-item label="商品信息"> <a-form-item label="商品信息">
<a-input placeholder="请输入商品名称、规格、型号" v-model="queryParam.materialParam"></a-input> <a-input placeholder="名称、规格、型号" v-model="queryParam.materialParam"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="4" :sm="24" > <a-col :md="4" :sm="24" >
......
...@@ -30,18 +30,18 @@ ...@@ -30,18 +30,18 @@
<a-input placeholder="条码、名称、规格、型号" v-model="queryParam.materialParam"></a-input> <a-input placeholder="条码、名称、规格、型号" v-model="queryParam.materialParam"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="4" :sm="24" > <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-button type="primary" @click="searchQuery">查询</a-button> <a-button type="primary" @click="searchQuery">查询</a-button>
<a-button style="margin-left: 8px" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button> <a-button style="margin-left: 8px" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button>
</span> </span>
</a-col> </a-col>
<a-col :md="4" :sm="24" > <a-col :md="3" :sm="24" >
<a-form-item label="当前总库存"> <a-form-item label="当前总库存">
{{currentStock}} {{currentStock}}
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="4" :sm="24" > <a-col :md="3" :sm="24" >
<a-form-item label="当前总库存金额"> <a-form-item label="当前总库存金额">
{{currentStockPrice}} {{currentStockPrice}}
</a-form-item> </a-form-item>
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<a-input placeholder="名称、规格、型号" v-model="queryParam.materialParam"></a-input> <a-input placeholder="名称、规格、型号" v-model="queryParam.materialParam"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="10"> <a-col :md="5" :sm="24">
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-range-picker <a-range-picker
style="width: 210px" style="width: 210px"
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<a-input placeholder="名称、规格、型号" v-model="queryParam.materialParam"></a-input> <a-input placeholder="名称、规格、型号" v-model="queryParam.materialParam"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="10"> <a-col :md="5" :sm="24">
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-range-picker <a-range-picker
style="width: 210px" style="width: 210px"
......
...@@ -6,17 +6,17 @@ ...@@ -6,17 +6,17 @@
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="24"> <a-col :md="4" :sm="24">
<a-form-item label="月份"> <a-form-item label="月份">
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/> <a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="24"> <a-col :md="5" :sm="24">
<a-form-item label="商品信息"> <a-form-item label="商品信息">
<a-input placeholder="请输入商品信息" v-model="queryParam.materialParam"></a-input> <a-input placeholder="名称、规格、型号" v-model="queryParam.materialParam"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="3" :sm="24" > <a-col :md="4" :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-button type="primary" @click="searchQuery">查询</a-button> <a-button type="primary" @click="searchQuery">查询</a-button>
<a-button style="margin-left: 8px" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button> <a-button style="margin-left: 8px" v-print="'#reportPrint'" type="primary" icon="printer">打印</a-button>
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
{title: '销售金额', dataIndex: 'outSumPrice', width: 80}, {title: '销售金额', dataIndex: 'outSumPrice', width: 80},
{title: '退货数量', dataIndex: 'inSum', width: 80}, {title: '退货数量', dataIndex: 'inSum', width: 80},
{title: '退货金额', dataIndex: 'inSumPrice', width: 80}, {title: '退货金额', dataIndex: 'inSumPrice', width: 80},
{title: '实际销售金额', dataIndex: 'outInSumPrice', width: 100} {title: '实际销售金额', dataIndex: 'outInSumPrice', width: 80}
], ],
labelCol: { labelCol: {
xs: { span: 1 }, xs: { span: 1 },
......
...@@ -18,9 +18,9 @@ ...@@ -18,9 +18,9 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="5" :sm="24">
<a-form-item label="商品信息"> <a-form-item label="商品信息">
<a-input placeholder="请输入商品名称、规格、型号" v-model="queryParam.materialParam"></a-input> <a-input placeholder="名称、规格、型号" v-model="queryParam.materialParam"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="24" > <a-col :md="6" :sm="24" >
......
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="10"> <a-col :md="5" :sm="24">
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-range-picker <a-range-picker
style="width: 250px" style="width: 210px"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
:default-value="defaultTimeStr" :default-value="defaultTimeStr"
format="YYYY-MM-DD" format="YYYY-MM-DD"
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment