调整单据页面全屏的样式

This commit is contained in:
季圣华
2022-12-12 23:09:10 +08:00
parent d5d0a0b41f
commit 0bb9445ecd
12 changed files with 27 additions and 8 deletions

View File

@@ -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;

View File

@@ -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() {

View File

@@ -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"

View File

@@ -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"

View File

@@ -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"

View File

@@ -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"

View File

@@ -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"

View File

@@ -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"

View File

@@ -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>

View File

@@ -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' }

View File

@@ -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 },

View File

@@ -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">
关闭 关闭