界面列表宽度优化

This commit is contained in:
季圣华
2021-05-24 23:28:58 +08:00
parent a152f3ae61
commit 51f670e42f
26 changed files with 92 additions and 43 deletions

View File

@@ -124,6 +124,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width:200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -123,6 +123,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width:200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -124,6 +124,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width:200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -124,6 +124,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width:200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -124,6 +124,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width:200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -124,6 +124,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width:200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -17,7 +17,7 @@
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款会员"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款会员">
<a-select placeholder="选择付款会员" v-decorator="[ 'organId' ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择付款会员" v-decorator="[ 'organId', validatorRules.organId ]" :dropdownMatchSelectWidth="false">
<a-select-option v-for="(item,index) in retailList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in retailList" :key="index" :value="item.id">
{{ item.supplier }} {{ item.supplier }}
</a-select-option> </a-select-option>
@@ -26,7 +26,7 @@
</a-col> </a-col>
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经手人"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经手人">
<a-select placeholder="选择经手人" v-decorator="[ 'handsPersonId' ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择经手人" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]" :dropdownMatchSelectWidth="false">
<a-select-option v-for="(item,index) in personList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
@@ -101,7 +101,7 @@
model: {}, model: {},
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 6 }, sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, xs: { span: 24 },
@@ -120,9 +120,14 @@
}, },
confirmLoading: false, confirmLoading: false,
validatorRules:{ validatorRules:{
billTime:{ organId:{
rules: [ rules: [
{ required: true, message: '请输入单据日期!' } { required: true, message: '请选择付款会员!' }
]
},
handsPersonId:{
rules: [
{ required: true, message: '请选择经手人!' }
] ]
} }
}, },

View File

@@ -17,7 +17,7 @@
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经手人"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经手人">
<a-select placeholder="选择经手人" v-decorator="[ 'handsPersonId' ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择经手人" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]" :dropdownMatchSelectWidth="false">
<a-select-option v-for="(item,index) in personList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
@@ -101,7 +101,7 @@
model: {}, model: {},
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 6 }, sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, xs: { span: 24 },
@@ -120,9 +120,9 @@
}, },
confirmLoading: false, confirmLoading: false,
validatorRules:{ validatorRules:{
billTime:{ handsPersonId:{
rules: [ rules: [
{ required: true, message: '请输入单据日期!' } { required: true, message: '请选择经手人!' }
] ]
} }
}, },

View File

@@ -17,7 +17,7 @@
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="往来单位"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="往来单位">
<a-select placeholder="选择往来单位" v-decorator="[ 'organId' ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择往来单位" v-decorator="[ 'organId', validatorRules.organId ]" :dropdownMatchSelectWidth="false">
<a-select-option v-for="(item,index) in cusList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in cusList" :key="index" :value="item.id">
{{ item.supplier }} {{ item.supplier }}
</a-select-option> </a-select-option>
@@ -26,7 +26,7 @@
</a-col> </a-col>
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经手人"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经手人">
<a-select placeholder="选择经手人" v-decorator="[ 'handsPersonId' ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择经手人" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]" :dropdownMatchSelectWidth="false">
<a-select-option v-for="(item,index) in personList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
@@ -108,7 +108,7 @@
model: {}, model: {},
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 6 }, sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, xs: { span: 24 },
@@ -127,9 +127,14 @@
}, },
confirmLoading: false, confirmLoading: false,
validatorRules:{ validatorRules:{
billTime:{ organId:{
rules: [ rules: [
{ required: true, message: '请输入单据日期!' } { required: true, message: '请选择往来单位!' }
]
},
handsPersonId:{
rules: [
{ required: true, message: '请选择经手人!' }
] ]
} }
}, },

View File

@@ -17,7 +17,7 @@
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="往来单位"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="往来单位">
<a-select placeholder="选择往来单位" v-decorator="[ 'organId' ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择往来单位" v-decorator="[ 'organId', validatorRules.organId ]" :dropdownMatchSelectWidth="false">
<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">
{{ item.supplier }} {{ item.supplier }}
</a-select-option> </a-select-option>
@@ -26,7 +26,7 @@
</a-col> </a-col>
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经手人"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经手人">
<a-select placeholder="选择经手人" v-decorator="[ 'handsPersonId' ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择经手人" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]" :dropdownMatchSelectWidth="false">
<a-select-option v-for="(item,index) in personList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
@@ -108,7 +108,7 @@
model: {}, model: {},
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 6 }, sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, xs: { span: 24 },
@@ -127,9 +127,14 @@
}, },
confirmLoading: false, confirmLoading: false,
validatorRules:{ validatorRules:{
billTime:{ organId:{
rules: [ rules: [
{ required: true, message: '请输入单据日期!' } { required: true, message: '请选择往来单位!' }
]
},
handsPersonId:{
rules: [
{ required: true, message: '请选择经手人!' }
] ]
} }
}, },

View File

@@ -17,7 +17,7 @@
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款单位"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款单位">
<a-select placeholder="选择付款单位" v-decorator="[ 'organId' ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择付款单位" v-decorator="[ 'organId', validatorRules.organId ]" :dropdownMatchSelectWidth="false">
<a-select-option v-for="(item,index) in cusList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in cusList" :key="index" :value="item.id">
{{ item.supplier }} {{ item.supplier }}
</a-select-option> </a-select-option>
@@ -26,7 +26,7 @@
</a-col> </a-col>
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经手人"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经手人">
<a-select placeholder="选择经手人" v-decorator="[ 'handsPersonId' ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择经手人" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]" :dropdownMatchSelectWidth="false">
<a-select-option v-for="(item,index) in personList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
@@ -101,7 +101,7 @@
model: {}, model: {},
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 6 }, sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, xs: { span: 24 },
@@ -120,9 +120,14 @@
}, },
confirmLoading: false, confirmLoading: false,
validatorRules:{ validatorRules:{
billTime:{ organId:{
rules: [ rules: [
{ required: true, message: '请输入单据日期!' } { required: true, message: '请选择付款单位!' }
]
},
handsPersonId:{
rules: [
{ required: true, message: '请选择经手人!' }
] ]
} }
}, },

View File

@@ -17,7 +17,7 @@
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款单位"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款单位">
<a-select placeholder="选择收款单位" v-decorator="[ 'organId' ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择收款单位" v-decorator="[ 'organId', validatorRules.organId ]" :dropdownMatchSelectWidth="false">
<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">
{{ item.supplier }} {{ item.supplier }}
</a-select-option> </a-select-option>
@@ -26,7 +26,7 @@
</a-col> </a-col>
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经手人"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经手人">
<a-select placeholder="选择经手人" v-decorator="[ 'handsPersonId' ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择经手人" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]" :dropdownMatchSelectWidth="false">
<a-select-option v-for="(item,index) in personList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
@@ -101,7 +101,7 @@
model: {}, model: {},
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 6 }, sm: { span: 8 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, xs: { span: 24 },
@@ -120,9 +120,14 @@
}, },
confirmLoading: false, confirmLoading: false,
validatorRules:{ validatorRules:{
billTime:{ organId:{
rules: [ rules: [
{ required: true, message: '请输入单据日期!' } { required: true, message: '请选择收款单位!' }
]
},
handsPersonId:{
rules: [
{ required: true, message: '请选择经手人!' }
] ]
} }
}, },

View File

@@ -83,6 +83,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width: 200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -99,7 +99,7 @@
title: '#', title: '#',
dataIndex: '', dataIndex: '',
key:'rowIndex', key:'rowIndex',
width:60, width:40,
align:"center", align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return parseInt(index)+1;
@@ -116,6 +116,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width: 150,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -132,6 +132,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width: 200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -94,7 +94,7 @@
title: '#', title: '#',
dataIndex: '', dataIndex: '',
key:'rowIndex', key:'rowIndex',
width:60, width:40,
align:"center", align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return parseInt(index)+1;
@@ -114,6 +114,7 @@
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
align:"center", align:"center",
width: 200,
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }
], ],

View File

@@ -103,6 +103,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width: 200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -98,7 +98,7 @@
title: '#', title: '#',
dataIndex: '', dataIndex: '',
key:'rowIndex', key:'rowIndex',
width:60, width:40,
align:"center", align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return parseInt(index)+1;
@@ -110,6 +110,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width: 200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -132,6 +132,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width: 200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -89,7 +89,7 @@
title: '#', title: '#',
dataIndex: '', dataIndex: '',
key:'rowIndex', key:'rowIndex',
width:60, width:40,
align:"center", align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return parseInt(index)+1;
@@ -98,17 +98,20 @@
{ {
title: '姓名', title: '姓名',
align:"center", align:"center",
dataIndex: 'name' dataIndex: 'name',
width: 100,
}, },
{ {
title: '类型', title: '类型',
align:"center", align:"center",
dataIndex: 'type' dataIndex: 'type',
width: 100,
}, },
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
align:"center", align:"center",
width: 150,
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }
], ],

View File

@@ -142,6 +142,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width: 200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -104,22 +104,26 @@
{ {
title: '角色名称', title: '角色名称',
align:"center", align:"center",
dataIndex: 'name' dataIndex: 'name',
width: 100
}, },
{ {
title: '数据类型', title: '数据类型',
align:"center", align:"center",
dataIndex: 'type' dataIndex: 'type',
width: 100
}, },
{ {
title: '描述', title: '描述',
align:"center", align:"center",
dataIndex: 'description' dataIndex: 'description',
width: 100
}, },
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
align:"center", align:"center",
width: 150,
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }
], ],

View File

@@ -120,6 +120,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width: 200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -104,7 +104,7 @@
title: '负库存', dataIndex: 'minusStockFlag', width: 80, align: "center", title: '负库存', dataIndex: 'minusStockFlag', width: 80, align: "center",
scopedSlots: { customRender: 'customRenderFlag' } scopedSlots: { customRender: 'customRenderFlag' }
}, },
{title: '操作', dataIndex: 'action', align:"center", {title: '操作', dataIndex: 'action', width: 150, align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }
], ],

View File

@@ -85,13 +85,14 @@
return parseInt(index)+1; return parseInt(index)+1;
} }
}, },
{ title: '计量单位', align:"center", dataIndex: 'name' }, { title: '计量单位', align:"center", dataIndex: 'name', width:100 },
{ title: '基本单位', align:"center", dataIndex: 'basicUnit' }, { title: '基本单位', align:"center", dataIndex: 'basicUnit', width:100 },
{ title: '副单位', align:"center", dataIndex: 'otherUnit' }, { title: '副单位', align:"center", dataIndex: 'otherUnit', width:100 },
{ title: '比例', align:"center", dataIndex: 'ratio' }, { title: '比例', align:"center", dataIndex: 'ratio', width:100 },
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width:150,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }

View File

@@ -132,6 +132,7 @@
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
width: 200,
align:"center", align:"center",
scopedSlots: { customRender: 'action' }, scopedSlots: { customRender: 'action' },
} }