修改搜索框的样式

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,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -111,12 +111,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -111,12 +111,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -111,12 +111,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -111,12 +111,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -111,12 +111,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -111,12 +111,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -112,12 +112,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -119,12 +119,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -111,12 +111,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -111,12 +111,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -111,12 +111,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -119,12 +119,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,20 +7,20 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -112,12 +112,11 @@
roleType: Vue.ls.get('roleType') roleType: Vue.ls.get('roleType')
}, },
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 表头 // 表头
columns: [ columns: [

View File

@ -7,15 +7,15 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input> <a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -96,20 +96,19 @@
}, },
data () { data () {
return { return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件 // 查询条件
queryParam: { queryParam: {
billNo: "", billNo: "",
searchMaterial: "", searchMaterial: "",
type: "收预付款" type: "收预付款"
}, },
labelCol: {
xs: { span: 24 },
sm: { span: 8 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
// 表头 // 表头
columns: [ columns: [
{ {

View File

@ -7,15 +7,15 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input> <a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -96,20 +96,19 @@
}, },
data () { data () {
return { return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件 // 查询条件
queryParam: { queryParam: {
billNo: "", billNo: "",
searchMaterial: "", searchMaterial: "",
type: "转账" type: "转账"
}, },
labelCol: {
xs: { span: 24 },
sm: { span: 8 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
// 表头 // 表头
columns: [ columns: [
{ {

View File

@ -7,15 +7,15 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input> <a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -96,20 +96,19 @@
}, },
data () { data () {
return { return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件 // 查询条件
queryParam: { queryParam: {
billNo: "", billNo: "",
searchMaterial: "", searchMaterial: "",
type: "收入" type: "收入"
}, },
labelCol: {
xs: { span: 24 },
sm: { span: 8 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
// 表头 // 表头
columns: [ columns: [
{ {

View File

@ -7,15 +7,15 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input> <a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -96,20 +96,19 @@
}, },
data () { data () {
return { return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件 // 查询条件
queryParam: { queryParam: {
billNo: "", billNo: "",
searchMaterial: "", searchMaterial: "",
type: "支出" type: "支出"
}, },
labelCol: {
xs: { span: 24 },
sm: { span: 8 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
// 表头 // 表头
columns: [ columns: [
{ {

View File

@ -7,15 +7,15 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input> <a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -97,20 +97,19 @@
}, },
data () { data () {
return { return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件 // 查询条件
queryParam: { queryParam: {
billNo: "", billNo: "",
searchMaterial: "", searchMaterial: "",
type: "收款" type: "收款"
}, },
labelCol: {
xs: { span: 24 },
sm: { span: 8 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
// 表头 // 表头
columns: [ columns: [
{ {

View File

@ -7,15 +7,15 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :sm="24">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input> <a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="5" :sm="10"> <a-col :md="6" :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:100%"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -97,20 +97,19 @@
}, },
data () { data () {
return { return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件 // 查询条件
queryParam: { queryParam: {
billNo: "", billNo: "",
searchMaterial: "", searchMaterial: "",
type: "付款" type: "付款"
}, },
labelCol: {
xs: { span: 24 },
sm: { span: 8 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
// 表头 // 表头
columns: [ columns: [
{ {

View File

@ -7,31 +7,31 @@
<!-- 搜索区域 --> <!-- 搜索区域 -->
<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="6" :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 <a-tree-select style="width:100%" :dropdownStyle="{maxHeight:'200px',overflow:'auto'}" allow-clear
:treeData="categoryTree" v-model="queryParam.categoryId" placeholder="请选择类别"> :treeData="categoryTree" v-model="queryParam.categoryId" placeholder="请选择类别">
</a-tree-select> </a-tree-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="条码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="条码" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入条码查询" v-model="queryParam.barCode"></a-input> <a-input placeholder="请输入条码查询" v-model="queryParam.barCode"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input> <a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<template v-if="toggleSearchStatus"> <template v-if="toggleSearchStatus">
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="规格" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="规格" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入规格查询" v-model="queryParam.standard"></a-input> <a-input placeholder="请输入规格查询" v-model="queryParam.standard"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="型号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-form-item label="型号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入型号查询" v-model="queryParam.model"></a-input> <a-input placeholder="请输入型号查询" v-model="queryParam.model"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
@ -131,12 +131,11 @@
mPropertyListShort: '', mPropertyListShort: '',
model: {}, model: {},
labelCol: { labelCol: {
xs: { span: 24 }, span: 5
sm: { span: 5 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
// 查询条件 // 查询条件
queryParam: { queryParam: {

View File

@ -63,6 +63,13 @@
}, },
data () { data () {
return { return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件 // 查询条件
queryParam: {name:'',type:''}, queryParam: {name:'',type:''},
// 表头 // 表头

View File

@ -6,28 +6,28 @@
<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="4" :sm="24"> <a-col :md="6" :sm="24">
<a-form-item label="名称"> <a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入名称" v-model="queryParam.name"></a-input> <a-input placeholder="请输入名称" v-model="queryParam.name"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="4" :sm="24"> <a-col :md="6" :sm="24">
<a-form-item label="编号"> <a-form-item label="编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="3" :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="3" :sm="24" > <a-col :md="3" :sm="24">
<a-form-item label="本月发生总额"> <a-form-item label="本月发生总额">
{{allMonthAmount}} {{allMonthAmount}}
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="3" :sm="24" > <a-col :md="3" :sm="24">
<a-form-item label="当前总余额"> <a-form-item label="当前总余额">
{{allCurrentAmount}} {{allCurrentAmount}}
</a-form-item> </a-form-item>
@ -72,6 +72,13 @@
}, },
data () { data () {
return { return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件 // 查询条件
queryParam: { queryParam: {
name:'', name:'',
@ -101,14 +108,6 @@
scopedSlots: { customRender: 'action' } scopedSlots: { customRender: 'action' }
} }
], ],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: { url: {
list: "/account/list", list: "/account/list",
getStatistics: "/account/getStatistics" getStatistics: "/account/getStatistics"

View File

@ -6,17 +6,18 @@
<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="4" :sm="24"> <a-col :md="6" :sm="24">
<a-form-item label="月份"> <a-form-item label="月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/> <a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)"
style="width:100%" :format="monthFormat" @change="onChange"/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="5" :sm="24"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="6" :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>
@ -61,6 +62,13 @@
// 查询条件 // 查询条件
currentMonth: moment().format('YYYY-MM'), currentMonth: moment().format('YYYY-MM'),
monthFormat: 'YYYY-MM', monthFormat: 'YYYY-MM',
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
queryParam: { queryParam: {
monthTime: moment().format('YYYY-MM'), monthTime: moment().format('YYYY-MM'),
materialParam:'', materialParam:'',
@ -89,14 +97,6 @@
{title: '退货数量', dataIndex: 'iutSum', width: 80}, {title: '退货数量', dataIndex: 'iutSum', width: 80},
{title: '退货金额', dataIndex: 'outSumPrice', width: 80} {title: '退货金额', dataIndex: 'outSumPrice', width: 80}
], ],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: { url: {
list: "/depotItem/buyIn", list: "/depotItem/buyIn",
} }

View File

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

View File

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

View File

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

View File

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

View File

@ -7,7 +7,7 @@
<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="4" :sm="24"> <a-col :md="4" :sm="24">
<a-form-item label="仓库"> <a-form-item label="仓库" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select <a-select
showSearch optionFilterProp="children" showSearch optionFilterProp="children"
style="width: 100%" style="width: 100%"
@ -20,30 +20,30 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="4" :sm="24"> <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 <a-tree-select style="width:100%" :dropdownStyle="{maxHeight:'200px',overflow:'auto'}" allow-clear
:treeData="categoryTree" v-model="queryParam.categoryId" placeholder="请选择类别"> :treeData="categoryTree" v-model="queryParam.categoryId" placeholder="请选择类别">
</a-tree-select> </a-tree-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="4" :sm="24"> <a-col :md="4" :sm="24">
<a-form-item label="商品信息"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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" > <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 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> </a-col>
</a-col> </span>
<a-col :md="3" :sm="24" > <a-col :md="3" :sm="24">
<a-form-item label="当前总库存"> <a-form-item label="当前总库存" :labelCol="labelCol" :wrapperCol="wrapperCol">
{{currentStock}} {{currentStock}}
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="3" :sm="24" > <a-col :md="3" :sm="24">
<a-form-item label="当前总库存金额"> <a-form-item label="当前总库存金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
{{currentStockPrice}} {{currentStockPrice}}
</a-form-item> </a-form-item>
</a-col> </a-col>
@ -91,6 +91,13 @@
}, },
data () { data () {
return { return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件 // 查询条件
queryParam: { queryParam: {
depotId:'', depotId:'',
@ -125,14 +132,6 @@
scopedSlots: { customRender: 'action' } scopedSlots: { customRender: 'action' }
} }
], ],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: { url: {
list: "/material/getListWithStock" list: "/material/getListWithStock"
} }

View File

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

View File

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

View File

@ -6,17 +6,18 @@
<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="4" :sm="24"> <a-col :md="6" :sm="24">
<a-form-item label="月份"> <a-form-item label="月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/> <a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)"
style="width:100%" :format="monthFormat" @change="onChange"/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="5" :sm="24"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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="6" :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>
@ -61,6 +62,13 @@
// 查询条件 // 查询条件
currentMonth: moment().format('YYYY-MM'), currentMonth: moment().format('YYYY-MM'),
monthFormat: 'YYYY-MM', monthFormat: 'YYYY-MM',
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
queryParam: { queryParam: {
monthTime: moment().format('YYYY-MM'), monthTime: moment().format('YYYY-MM'),
materialParam:'', materialParam:'',
@ -90,14 +98,6 @@
{title: '退货金额', dataIndex: 'inSumPrice', width: 80}, {title: '退货金额', dataIndex: 'inSumPrice', width: 80},
{title: '实际销售金额', dataIndex: 'outInSumPrice', width: 80} {title: '实际销售金额', dataIndex: 'outInSumPrice', width: 80}
], ],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: { url: {
list: "/depotItem/saleOut" list: "/depotItem/saleOut"
} }

View File

@ -6,8 +6,8 @@
<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="4" :sm="24"> <a-col :md="6" :sm="24">
<a-form-item label="仓库"> <a-form-item label="仓库" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select <a-select
showSearch optionFilterProp="children" showSearch optionFilterProp="children"
style="width: 100%" style="width: 100%"
@ -19,12 +19,12 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="5" :sm="24"> <a-col :md="6" :sm="24">
<a-form-item label="商品信息"> <a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol">
<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">
<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" type="primary" icon="download" @click="handleExportXls('库存预警')">导出</a-button> <a-button style="margin-left: 8px" type="primary" icon="download" @click="handleExportXls('库存预警')">导出</a-button>
@ -67,6 +67,13 @@
}, },
data () { data () {
return { return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
// 查询条件 // 查询条件
queryParam: { queryParam: {
materialParam:'', materialParam:'',
@ -96,14 +103,6 @@
{title: '当前库存', dataIndex: 'currentNumber', width: 80}, {title: '当前库存', dataIndex: 'currentNumber', width: 80},
{title: '建议入库量', dataIndex: 'linjieNumber', width: 80} {title: '建议入库量', dataIndex: 'linjieNumber', width: 80}
], ],
labelCol: {
xs: { span: 1 },
sm: { span: 2 },
},
wrapperCol: {
xs: { span: 10 },
sm: { span: 16 },
},
url: { url: {
list: "/depotItem/findStockWarningCount", list: "/depotItem/findStockWarningCount",
exportXlsUrl: "/depotItem/exportWarningExcel", exportXlsUrl: "/depotItem/exportWarningExcel",

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -6,20 +6,19 @@
<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="6" :sm="24">
<a-form-item label="操作模块"> <a-form-item label="操作模块" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入操作模块" v-model="queryParam.operation"></a-input> <a-input placeholder="请输入操作模块" v-model="queryParam.operation"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="操作详情"> <a-form-item label="操作详情" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入操作详情" v-model="queryParam.content"></a-input> <a-input placeholder="请输入操作详情" v-model="queryParam.content"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="10"> <a-col :md="6" :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: 280px"
v-model="queryParam.createTimeRange" v-model="queryParam.createTimeRange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']" :placeholder="['开始时间', '结束时间']"
@ -29,13 +28,13 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
<template v-if="toggleSearchStatus"> <template v-if="toggleSearchStatus">
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="操作IP"> <a-form-item label="操作IP" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入操作IP" v-model="queryParam.clientIp"></a-input> <a-input placeholder="请输入操作IP" v-model="queryParam.clientIp"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="24">
<a-form-item label="操作状态"> <a-form-item label="操作状态" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select v-model="queryParam.status" placeholder="请选择操作状态"> <a-select v-model="queryParam.status" placeholder="请选择操作状态">
<a-select-option value="">请选择</a-select-option> <a-select-option value="">请选择</a-select-option>
<a-select-option value="0">成功</a-select-option> <a-select-option value="0">成功</a-select-option>
@ -135,12 +134,11 @@
align:"center", align:"center",
}, },
labelCol: { labelCol: {
xs: { span: 1 }, span: 5
sm: { span: 2 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 10 }, span: 18,
sm: { span: 16 }, offset: 1
}, },
url: { url: {
list: "/log/list", list: "/log/list",

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -6,12 +6,12 @@
<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="12"> <a-col :md="6" :sm="24">
<a-form-item label="登录名称"> <a-form-item label="登录名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="输入登录名称模糊查询" v-model="queryParam.loginName"></a-input> <a-input placeholder="输入登录名称模糊查询" v-model="queryParam.loginName"></a-input>
</a-form-item> </a-form-item>
</a-col> </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"> <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" @click="searchReset">重置</a-button> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
@ -77,6 +77,13 @@
}, },
data() { data() {
return { return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
queryParam: { queryParam: {
loginName: "" loginName: ""
}, },

View File

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

View File

@ -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="12"> <a-col :md="6" :sm="24">
<a-form-item label="登录名称"> <a-form-item label="登录名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="输入登录名称模糊查询" v-model="queryParam.loginName"></a-input> <a-input placeholder="输入登录名称模糊查询" v-model="queryParam.loginName"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="12"> <a-col :md="6" :sm="24">
<a-form-item label="用户姓名"> <a-form-item label="用户姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="输入用户姓名模糊查询" v-model="queryParam.userName"></a-input> <a-input placeholder="输入用户姓名模糊查询" v-model="queryParam.userName"></a-input>
</a-form-item> </a-form-item>
</a-col> </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"> <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" @click="searchReset">重置</a-button> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
@ -103,6 +103,13 @@
}, },
data() { data() {
return { return {
labelCol: {
span: 5
},
wrapperCol: {
span: 18,
offset: 1
},
queryParam: {}, queryParam: {},
depotFlag: '0', depotFlag: '0',
customerFlag: '0', customerFlag: '0',

View File

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