update modal可全屏

This commit is contained in:
赵霄
2023-10-08 16:48:57 +08:00
parent 20b2604ff8
commit 893e1450af
51 changed files with 169 additions and 105 deletions
@@ -1,8 +1,9 @@
<template>
<a-modal
<j-modal
:width="modalWidth"
:visible="visible"
:footer="null"
switchFullscreen
@cancel="handleCancel"
cancelText="关闭">
<!--table区 -->
@@ -28,7 +29,7 @@
</template>
</a-table>
</div>
</a-modal>
</j-modal>
</template>
<script>
+3 -2
View File
@@ -1,10 +1,11 @@
<template>
<div>
<a-modal
<j-modal
:width="modalWidth"
:visible="visible"
title="数据对比窗口"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
cancelText="取消">
@@ -48,7 +49,7 @@
</a-form>
</a-spin>
<data-log-compare-modal ref="modal" @ok="modalFormOk" ></data-log-compare-modal>
</a-modal>
</j-modal>
</div>
</template>
+3 -2
View File
@@ -1,10 +1,11 @@
<template>
<a-modal
<j-modal
:title="title"
:width="800"
:ok=false
:visible="visible"
:confirmLoading="confirmLoading"
switchFullscreen
:okButtonProps="{ props: {disabled: disableSubmit} }"
@ok="handleOk"
@cancel="handleCancel"
@@ -87,7 +88,7 @@
</a-form-model>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
+3 -2
View File
@@ -1,9 +1,10 @@
<template>
<a-modal
<j-modal
:width="modalWidth"
:visible="visible"
title="部门搜索"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleSubmit"
@cancel="handleCancel"
cancelText="关闭"
@@ -31,7 +32,7 @@
</a-form-item>
</a-form>
</template>
</a-modal>
</j-modal>
</template>
<script>
+3 -2
View File
@@ -1,9 +1,10 @@
<template>
<a-modal
<j-modal
:title="title"
:width="800"
:visible="visible"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
:cancelText="$t('close')"
@@ -60,7 +61,7 @@
</a-form-model>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
+3 -2
View File
@@ -1,9 +1,10 @@
<template>
<a-modal
<j-modal
:title="title"
:width="600"
:visible="visible"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
:cancelText="$t('close')"
@@ -46,7 +47,7 @@
</a-form-model>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
+3 -2
View File
@@ -1,9 +1,10 @@
<template>
<a-modal
<j-modal
:title="$t('resetPassword.resetPasswordModalTitle')"
:width="800"
:visible="visible"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleSubmit"
@cancel="handleCancel"
:cancelText="$t('close')"
@@ -26,7 +27,7 @@
</a-form>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
@@ -1,9 +1,10 @@
<template>
<a-modal
<j-modal
:title="title"
:width="1000"
:visible="visible"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭">
@@ -53,7 +54,7 @@
</a-form-model>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
+3 -2
View File
@@ -1,9 +1,10 @@
<template>
<a-modal
<j-modal
:title="title"
:width="800"
:visible="visible"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
okText="保存并安排任务"
@@ -30,7 +31,7 @@
</a-form-model-item>
</a-form-model>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
+3 -2
View File
@@ -1,11 +1,12 @@
<!--用户管理-角色配置弹框-->
<template>
<a-modal
<j-modal
:title="title"
:width="650"
:closable="true"
:visible="visible"
:footer='null'
switchFullscreen
@cancel="handleCancel"
>
<div class='diolag-area'>
@@ -38,7 +39,7 @@
<a-button @click='handleSubmit' type='primary' :loading='confirmLoading'>提交</a-button>
</div>
</div>
</a-modal>
</j-modal>
</template>
<script>
+9 -7
View File
@@ -1,5 +1,5 @@
<template>
<a-modal
<j-modal
:title="title"
:width="800"
:visible="visible"
@@ -7,27 +7,29 @@
@ok="handleOk"
@cancel="handleCancel"
:cancelText="$t('close')"
switchFullscreen
wrapClassName="ant-modal-cust-warp"
style="top:5%;height: 85%;overflow-y: hidden">
style="top:5%;overflow-y: hidden">
<a-spin :spinning="confirmLoading">
<a-form-model ref="form" v-bind="layout" :model="model" :rules="validatorRules">
<a-form-model ref="form" v-bind="layout" :model="model" :rules="validatorRules">
<a-form-model-item :label="$t('roleManage.roleCode')" required prop="roleCode">
<a-input v-model="model.roleCode" :disabled="roleDisabled" :placeholder="$t('pleaseEnter') + $t('roleManage.roleCode')"/>
<a-input v-model="model.roleCode" :disabled="roleDisabled" :placeholder="$t('pleaseEnter') + $t('roleManage.roleCode')" />
</a-form-model-item>
<a-form-model-item :label="$t('roleManage.roleName')" required prop="roleName">
<a-input v-model="model.roleName" :placeholder="$t('pleaseEnter') + $t('roleManage.roleName')"/>
<a-input v-model="model.roleName" :placeholder="$t('pleaseEnter') + $t('roleManage.roleName')" />
</a-form-model-item>
<a-form-model-item :label="$t('roleManage.roleDescribe')" prop="description">
<a-textarea :rows="5" v-model="model.description" :placeholder="$t('pleaseEnter') + $t('roleManage.roleDescribe')"/>
<a-textarea :rows="5" v-model="model.description" :placeholder="$t('pleaseEnter') + $t('roleManage.roleDescribe')" />
</a-form-model-item>
</a-form-model>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
import { addRole, editRole, duplicateCheck } from '@/api/api'
export default {
name: 'RoleModal',
data () {
@@ -1,8 +1,9 @@
<template>
<a-modal
<j-modal
:title="title"
:width="1200"
:visible="visible"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭">
@@ -77,7 +78,7 @@
>
<!-- update-end author:kangxiaolin date:20190921 for:系统发送通知 用户多选失败 #513 -->
</a-table>
</a-modal>
</j-modal>
</template>
<script>
+3 -2
View File
@@ -1,10 +1,11 @@
<template>
<div>
<a-modal
<j-modal
centered
:title="title"
:width="1000"
:visible="visible"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭">
@@ -47,7 +48,7 @@
</div>
<!-- table区域-end -->
</a-modal>
</j-modal>
</div>
</template>
@@ -1,7 +1,7 @@
<template>
<a-modal
<j-modal
:title="title"
switchFullscreen
:width="900"
:visible="visible"
:confirmLoading="confirmLoading"
@@ -137,7 +137,7 @@
</a-form-model>
</a-spin>
<select-user-list-modal ref="UserListModal" @choseUser="choseUser"></select-user-list-modal>
</a-modal>
</j-modal>
</template>
<script>
@@ -1,9 +1,10 @@
<template>
<a-modal
<j-modal
:title="title"
:width="width"
:visible="visible"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
:destroyOnClose="true"
@@ -29,7 +30,7 @@
</a-form-model>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
@@ -1,9 +1,10 @@
<template>
<a-modal
<j-modal
:title="title"
:width="1000"
:visible="visible"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭">
@@ -50,7 +51,7 @@
</a-tab-pane>
</a-tabs>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
@@ -1,8 +1,9 @@
<template>
<a-modal
<j-modal
title="功能测试"
:width="800"
:visible="visible"
switchFullscreen
@ok="visible=false"
@cancel="visible=false"
>
@@ -22,7 +23,7 @@
</a-col>
</a-row>
</a-modal>
</j-modal>
</template>
<script>
@@ -1,9 +1,10 @@
<template>
<a-modal
<j-modal
:title="title"
:width="800"
:visible="visible"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭">
@@ -68,7 +69,7 @@
</a-form-item>
</a-form>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
@@ -1,9 +1,10 @@
<template>
<a-modal
<j-modal
:title="title"
:width="800"
:visible="visible"
:maskClosable="false"
switchFullscreen
:confirmLoading="confirmLoading"
@ok="handleOk"
@cancel="handleCancel"
@@ -27,7 +28,7 @@
</a-form-model>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
@@ -1,10 +1,11 @@
<template>
<a-modal
<j-modal
:title="title"
:width="800"
:visible="visible"
:maskClosable="false"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭">
@@ -44,7 +45,7 @@
</a-form-model>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
@@ -1,9 +1,10 @@
<template>
<a-modal
<j-modal
:title="title"
:width="800"
:visible="visible"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭">
@@ -62,7 +63,7 @@
</a-form>
</a-spin>
</a-modal>
</j-modal>
</template>
<script>
@@ -1,8 +1,9 @@
<template>
<a-modal
<j-modal
:width="1000"
:title="title"
:visible="innerVisible"
switchFullscreen
@cancel="handleCancel"
:cancelText="$t('close')"
:okButtonProps="{style:{display:'none'}}"
@@ -49,7 +50,7 @@
</span>
</a-table>
</a-modal>
</j-modal>
</template>
<script>
+3 -2
View File
@@ -1,10 +1,11 @@
<template>
<a-modal
<j-modal
v-model="show"
:width="900"
:keyboard="false"
:closable="false"
:centered="true"
switchFullscreen
@ok="ok"
@cancel="cancel"
:maskClosable="false"
@@ -62,7 +63,7 @@
</ul>
</a-tab-pane>
</a-tabs>
</a-modal>
</j-modal>
</template>
<script>
const directionIcons = ['step-backward', 'step-forward', 'fast-backward', 'fast-forward', 'shrink', 'arrows-alt', 'down', 'up', 'left', 'right', 'caret-up', 'caret-down', 'caret-left', 'caret-right', 'up-circle', 'down-circle', 'left-circle', 'right-circle', 'up-circle-o', 'down-circle-o', 'right-circle-o', 'left-circle-o', 'double-right', 'double-left', 'vertical-left', 'vertical-right', 'forward', 'backward', 'rollback', 'enter', 'retweet', 'swap', 'swap-left', 'swap-right', 'arrow-up', 'arrow-down', 'arrow-left', 'arrow-right', 'play-circle', 'play-circle-o', 'up-square', 'down-square', 'left-square', 'right-square', 'up-square-o', 'down-square-o', 'left-square-o', 'right-square-o', 'login', 'logout', 'menu-fold', 'menu-unfold', 'border-bottom', 'border-horizontal', 'border-inner', 'border-left', 'border-right', 'border-top', 'border-verticle', 'pic-center', 'pic-left', 'pic-right', 'radius-bottomleft', 'radius-bottomright', 'radius-upleft', 'radius-upright', 'fullscreen', 'fullscreen-exit']