调整单据页面全屏的样式
This commit is contained in:
@@ -38,6 +38,12 @@
|
|||||||
.ant-modal-cust-warp .ant-form-item {
|
.ant-modal-cust-warp .ant-form-item {
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
/*全屏模式*/
|
||||||
|
.ant-modal-cust-warp .fullscreen .ant-modal-body {
|
||||||
|
padding: 24px 24px 12px 24px;
|
||||||
|
height: calc(100% - 200px) !important;
|
||||||
|
overflow-y: auto
|
||||||
|
}
|
||||||
/*商品-列表页面弹出modal*/
|
/*商品-列表页面弹出modal*/
|
||||||
.ant-modal-material-warp {
|
.ant-modal-material-warp {
|
||||||
margin-top: 89px;
|
margin-top: 89px;
|
||||||
@@ -59,6 +65,12 @@
|
|||||||
.ant-modal-material-warp .ant-form-item {
|
.ant-modal-material-warp .ant-form-item {
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
/*全屏模式*/
|
||||||
|
.ant-modal-material-warp .fullscreen .ant-modal-body {
|
||||||
|
padding: 24px 24px 12px 24px;
|
||||||
|
height: calc(100% - 200px) !important;
|
||||||
|
overflow-y: auto
|
||||||
|
}
|
||||||
/*列表中有图片的加这个样式 参考用户管理*/
|
/*列表中有图片的加这个样式 参考用户管理*/
|
||||||
.anty-img-wrap {
|
.anty-img-wrap {
|
||||||
height: 25px;
|
height: 25px;
|
||||||
|
|||||||
@@ -38,6 +38,7 @@ export const FinancialModalMixin = {
|
|||||||
this.isTenant = userInfo.id === userInfo.tenantId? true:false
|
this.isTenant = userInfo.id === userInfo.tenantId? true:false
|
||||||
let realScreenWidth = window.screen.width
|
let realScreenWidth = window.screen.width
|
||||||
this.width = realScreenWidth<1500?'1200px':'1550px'
|
this.width = realScreenWidth<1500?'1200px':'1550px'
|
||||||
|
this.minWidth = realScreenWidth<1500?1150:1500
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
readOnly: function() {
|
readOnly: function() {
|
||||||
|
|||||||
@@ -61,6 +61,7 @@
|
|||||||
:loading="accountTable.loading"
|
:loading="accountTable.loading"
|
||||||
:columns="accountTable.columns"
|
:columns="accountTable.columns"
|
||||||
:dataSource="accountTable.dataSource"
|
:dataSource="accountTable.dataSource"
|
||||||
|
:minWidth="minWidth"
|
||||||
:maxHeight="300"
|
:maxHeight="300"
|
||||||
:rowNumber="false"
|
:rowNumber="false"
|
||||||
:rowSelection="true"
|
:rowSelection="true"
|
||||||
|
|||||||
@@ -53,6 +53,7 @@
|
|||||||
:loading="accountTable.loading"
|
:loading="accountTable.loading"
|
||||||
:columns="accountTable.columns"
|
:columns="accountTable.columns"
|
||||||
:dataSource="accountTable.dataSource"
|
:dataSource="accountTable.dataSource"
|
||||||
|
:minWidth="minWidth"
|
||||||
:maxHeight="300"
|
:maxHeight="300"
|
||||||
:rowNumber="false"
|
:rowNumber="false"
|
||||||
:rowSelection="true"
|
:rowSelection="true"
|
||||||
|
|||||||
@@ -61,6 +61,7 @@
|
|||||||
:loading="accountTable.loading"
|
:loading="accountTable.loading"
|
||||||
:columns="accountTable.columns"
|
:columns="accountTable.columns"
|
||||||
:dataSource="accountTable.dataSource"
|
:dataSource="accountTable.dataSource"
|
||||||
|
:minWidth="minWidth"
|
||||||
:maxHeight="300"
|
:maxHeight="300"
|
||||||
:rowNumber="false"
|
:rowNumber="false"
|
||||||
:rowSelection="true"
|
:rowSelection="true"
|
||||||
|
|||||||
@@ -61,6 +61,7 @@
|
|||||||
:loading="accountTable.loading"
|
:loading="accountTable.loading"
|
||||||
:columns="accountTable.columns"
|
:columns="accountTable.columns"
|
||||||
:dataSource="accountTable.dataSource"
|
:dataSource="accountTable.dataSource"
|
||||||
|
:minWidth="minWidth"
|
||||||
:maxHeight="300"
|
:maxHeight="300"
|
||||||
:rowNumber="false"
|
:rowNumber="false"
|
||||||
:rowSelection="true"
|
:rowSelection="true"
|
||||||
|
|||||||
@@ -79,6 +79,7 @@
|
|||||||
:loading="accountTable.loading"
|
:loading="accountTable.loading"
|
||||||
:columns="accountTable.columns"
|
:columns="accountTable.columns"
|
||||||
:dataSource="accountTable.dataSource"
|
:dataSource="accountTable.dataSource"
|
||||||
|
:minWidth="minWidth"
|
||||||
:maxHeight="300"
|
:maxHeight="300"
|
||||||
:rowNumber="false"
|
:rowNumber="false"
|
||||||
:rowSelection="false"
|
:rowSelection="false"
|
||||||
|
|||||||
@@ -79,6 +79,7 @@
|
|||||||
:loading="accountTable.loading"
|
:loading="accountTable.loading"
|
||||||
:columns="accountTable.columns"
|
:columns="accountTable.columns"
|
||||||
:dataSource="accountTable.dataSource"
|
:dataSource="accountTable.dataSource"
|
||||||
|
:minWidth="minWidth"
|
||||||
:maxHeight="300"
|
:maxHeight="300"
|
||||||
:rowNumber="false"
|
:rowNumber="false"
|
||||||
:rowSelection="false"
|
:rowSelection="false"
|
||||||
|
|||||||
@@ -44,7 +44,7 @@
|
|||||||
data-step="4" data-title="单位" data-intro="此处支持单个单位和多单位,勾选多单位就可以切换到多单位的下拉框,多单位需要先在【计量单位】页面进行录入。
|
data-step="4" data-title="单位" data-intro="此处支持单个单位和多单位,勾选多单位就可以切换到多单位的下拉框,多单位需要先在【计量单位】页面进行录入。
|
||||||
比如牛奶有瓶和箱两种单位,12瓶=1箱,这就构成了多单位,多单位中有个换算比例">
|
比如牛奶有瓶和箱两种单位,12瓶=1箱,这就构成了多单位,多单位中有个换算比例">
|
||||||
<a-row class="form-row" :gutter="24">
|
<a-row class="form-row" :gutter="24">
|
||||||
<a-col :lg="14" :md="14" :sm="24">
|
<a-col :lg="15" :md="15" :sm="24">
|
||||||
<a-input placeholder="输入单位" v-if="!unitChecked" v-decorator.trim="[ 'unit', validatorRules.unit ]" @change="onlyUnitOnChange" />
|
<a-input placeholder="输入单位" v-if="!unitChecked" v-decorator.trim="[ 'unit', validatorRules.unit ]" @change="onlyUnitOnChange" />
|
||||||
<a-select :value="unitList" placeholder="选择多单位" v-decorator="[ 'unitId', validatorRules.unitId ]" @change="manyUnitOnChange"
|
<a-select :value="unitList" placeholder="选择多单位" v-decorator="[ 'unitId', validatorRules.unitId ]" @change="manyUnitOnChange"
|
||||||
showSearch optionFilterProp="children" v-if="unitChecked" :dropdownMatchSelectWidth="false">
|
showSearch optionFilterProp="children" v-if="unitChecked" :dropdownMatchSelectWidth="false">
|
||||||
@@ -60,7 +60,7 @@
|
|||||||
</a-select-option>
|
</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :lg="10" :md="10" :sm="24">
|
<a-col :lg="9" :md="9" :sm="24">
|
||||||
<a-checkbox :checked="unitChecked" @change="unitOnChange">多单位</a-checkbox>
|
<a-checkbox :checked="unitChecked" @change="unitOnChange">多单位</a-checkbox>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<div ref="container">
|
<div ref="container">
|
||||||
<a-modal
|
<a-modal
|
||||||
:title="title"
|
:title="title"
|
||||||
:width="1250"
|
:width="1200"
|
||||||
:visible="visible"
|
:visible="visible"
|
||||||
:getContainer="() => $refs.container"
|
:getContainer="() => $refs.container"
|
||||||
:maskStyle="{'top':'89px','left':'151px'}"
|
:maskStyle="{'top':'89px','left':'151px'}"
|
||||||
@@ -127,7 +127,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
{ title: '单据日期', dataIndex: 'operTimeStr',width:130},
|
{ title: '单据日期', dataIndex: 'operTimeStr',width:130},
|
||||||
{ title: '操作员', dataIndex: 'userName',width:60},
|
{ title: '操作员', dataIndex: 'userName',width:60, ellipsis:true},
|
||||||
{ title: '本单欠款', dataIndex: 'needDebt',width:70},
|
{ title: '本单欠款', dataIndex: 'needDebt',width:70},
|
||||||
{ dataIndex: 'realNeedDebt',width:80,
|
{ dataIndex: 'realNeedDebt',width:80,
|
||||||
slots: { title: 'customTitle' }
|
slots: { title: 'customTitle' }
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<div ref="container">
|
<div ref="container">
|
||||||
<a-modal
|
<a-modal
|
||||||
:title="title"
|
:title="title"
|
||||||
:width="1250"
|
:width="1200"
|
||||||
:visible="visible"
|
:visible="visible"
|
||||||
:getContainer="() => $refs.container"
|
:getContainer="() => $refs.container"
|
||||||
:maskStyle="{'top':'89px','left':'151px'}"
|
:maskStyle="{'top':'89px','left':'151px'}"
|
||||||
@@ -79,8 +79,8 @@
|
|||||||
{ title: '条码', dataIndex: 'barCode', width: 100},
|
{ title: '条码', dataIndex: 'barCode', width: 100},
|
||||||
{ title: '名称', dataIndex: 'materialName', width: 200},
|
{ title: '名称', dataIndex: 'materialName', width: 200},
|
||||||
{ title: '仓库名称', dataIndex: 'depotName', width: 80},
|
{ title: '仓库名称', dataIndex: 'depotName', width: 80},
|
||||||
{ title: '数量', dataIndex: 'basicNumber', width: 80},
|
{ title: '数量', dataIndex: 'basicNumber', width: 70},
|
||||||
{ title: '日期', dataIndex: 'operTime', width: 100}
|
{ title: '日期', dataIndex: 'operTime', width: 110}
|
||||||
],
|
],
|
||||||
labelCol: {
|
labelCol: {
|
||||||
xs: { span: 1 },
|
xs: { span: 1 },
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
@cancel="handleCancel"
|
@cancel="handleCancel"
|
||||||
cancelText="关闭"
|
cancelText="关闭"
|
||||||
wrapClassName="ant-modal-cust-warp"
|
wrapClassName="ant-modal-cust-warp"
|
||||||
style="top:100px; height: 80%;overflow-y: hidden">
|
style="top:10%;height: 80%;overflow-y: hidden">
|
||||||
<template slot="footer">
|
<template slot="footer">
|
||||||
<a-button key="back" v-if="isReadOnly" @click="handleCancel">
|
<a-button key="back" v-if="isReadOnly" @click="handleCancel">
|
||||||
关闭
|
关闭
|
||||||
|
|||||||
Reference in New Issue
Block a user