调整样式,兼容手机浏览器页面

This commit is contained in:
季圣华
2022-12-15 00:15:27 +08:00
parent 05426bf2c6
commit 7196825903
63 changed files with 235 additions and 178 deletions

View File

@@ -7,11 +7,12 @@
:confirm-loading="confirmLoading"
:getContainer="() => $refs.container"
:maskStyle="{'top':'93px','left':'154px'}"
:wrapClassName="wrapClassNameInfo()"
:mask="isDesktop()"
:maskClosable="false"
@ok="handleOk"
@cancel="handleCancel"
wrapClassName="ant-modal-cust-warp"
style="top:20%;height: 45%;overflow-y: hidden">
style="top:20%;height: 45%;">
<a-spin :spinning="confirmLoading">
<a-form :form="form">
<a-row class="form-row" :gutter="24">
@@ -67,8 +68,10 @@
<script>
import {queryMaterialCategoryTreeList, batchUpdateMaterial} from '@/api/api'
import {mixinDevice} from '@/utils/mixin'
export default {
name: 'BatchSetInfoModal',
mixins: [mixinDevice],
data () {
return {
title:"批量编辑",

View File

@@ -7,12 +7,13 @@
:confirm-loading="confirmLoading"
:getContainer="() => $refs.container"
:maskStyle="{'top':'93px','left':'154px'}"
:wrapClassName="wrapClassNameInfo()"
:mask="isDesktop()"
:maskClosable="false"
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭"
wrapClassName="ant-modal-cust-warp"
style="top:30%;height: 30%;overflow-y: hidden">
style="top:30%;height: 30%;">
<template slot="footer">
<a-button key="back" v-if="isReadOnly" @click="handleCancel">
关闭
@@ -30,8 +31,10 @@
</template>
<script>
import {mixinDevice} from '@/utils/mixin'
export default {
name: 'BatchSetPriceModal',
mixins: [mixinDevice],
data () {
return {
title:"批量设置",

View File

@@ -7,12 +7,13 @@
:confirm-loading="confirmLoading"
:getContainer="() => $refs.container"
:maskStyle="{'top':'93px','left':'154px'}"
:wrapClassName="wrapClassNameInfo()"
:mask="isDesktop()"
:maskClosable="false"
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭"
wrapClassName="ant-modal-cust-warp"
style="top:30%;height: 30%;overflow-y: hidden">
style="top:30%;height: 30%;">
<template slot="footer">
<a-button key="back" v-if="isReadOnly" @click="handleCancel">
关闭
@@ -30,8 +31,10 @@
</template>
<script>
import {mixinDevice} from '@/utils/mixin'
export default {
name: 'BatchSetStockModal',
mixins: [mixinDevice],
data () {
return {
title:"批量设置",

View File

@@ -7,12 +7,13 @@
:confirmLoading="confirmLoading"
:getContainer="() => $refs.container"
:maskStyle="{'top':'93px','left':'154px'}"
:wrapClassName="wrapClassNameInfo()"
:mask="isDesktop()"
:maskClosable="false"
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭"
wrapClassName="ant-modal-cust-warp"
style="top:100px;height: 50%;overflow-y: hidden">
style="top:100px;height: 50%;">
<template slot="footer">
<a-button key="back" v-if="isReadOnly" @click="handleCancel">
关闭
@@ -36,8 +37,10 @@
<script>
import pick from 'lodash.pick'
import {addMaterialAttribute,editMaterialAttribute,checkMaterialAttribute } from '@/api/api'
export default {
import {mixinDevice} from '@/utils/mixin'
export default {
name: "MaterialAttributeModal",
mixins: [mixinDevice],
data () {
return {
title:"操作",

View File

@@ -9,11 +9,12 @@
:okButtonProps="{ props: {disabled: disableSubmit} }"
:getContainer="() => $refs.container"
:maskStyle="{'top':'93px','left':'154px'}"
:wrapClassName="wrapClassNameInfo()"
:mask="isDesktop()"
:maskClosable="false"
@ok="handleOk"
@cancel="handleCancel"
wrapClassName="ant-modal-cust-warp"
style="top:100px;height: 50%;overflow-y: hidden"
style="top:100px;height: 50%;"
cancelText="关闭">
<a-spin :spinning="confirmLoading">
<a-form :form="form">
@@ -43,11 +44,13 @@
<script>
import { httpAction } from '@/api/manage'
import {mixinDevice} from '@/utils/mixin'
import { queryMaterialCategoryTreeList, checkMaterialCategory } from '@/api/api'
import pick from 'lodash.pick'
import ATextarea from 'ant-design-vue/es/input/TextArea'
export default {
name: "MaterialCategoryModal",
mixins: [mixinDevice],
components: { ATextarea },
data () {
return {

View File

@@ -4,14 +4,12 @@
:width="width"
:visible="visible"
:confirmLoading="confirmLoading"
:maskClosable="false"
v-bind:prefixNo="prefixNo"
switchHelp
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭"
wrapClassName="ant-modal-material-warp"
:id="prefixNo"
:style="modalStyle">
<template slot="footer">

View File

@@ -7,12 +7,13 @@
:confirmLoading="confirmLoading"
:getContainer="() => $refs.container"
:maskStyle="{'top':'93px','left':'154px'}"
:wrapClassName="wrapClassNameInfo()"
:mask="isDesktop()"
:maskClosable="false"
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭"
wrapClassName="ant-modal-cust-warp"
style="top:10%;height: 70%;overflow-y: hidden">
style="top:10%;height: 70%;">
<a-spin :spinning="confirmLoading">
<a-form :form="form">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称">
@@ -34,9 +35,11 @@
</template>
<script>
import pick from 'lodash.pick'
import {mixinDevice} from '@/utils/mixin'
import {editMaterialProperty } from '@/api/api'
export default {
name: "MaterialPropertyModal",
mixins: [mixinDevice],
data () {
return {
title:"操作",