确认弹框响应式优化

This commit is contained in:
zhanglipeng 2021-02-04 10:12:56 +08:00
parent f00b46b35b
commit 94cf3fa544
6 changed files with 34 additions and 26 deletions

View File

@ -122,3 +122,8 @@
float: none;
}
}
@media screen and (max-width: 992px){
.el-dialog, .el-message-box {
width: 98% !important;
}
}

View File

@ -109,7 +109,6 @@ export default {
},
async logout() {
this.$confirm("确定注销并退出系统吗?", "提示", {
cancelButtonClass: "btn-custom-cancel",
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
@ -123,13 +122,6 @@ export default {
};
</script>
<style lang="scss">
.btn-custom-cancel {
float: right;
margin-left: 20px;
}
</style>
<style lang="scss" scoped>
.navbar {
height: 50px;

View File

@ -128,20 +128,12 @@
prop="classid"
:formatter="classFormat"
/>
<el-table-column
label="开始月份"
align="center"
prop="startmonth"
>
<el-table-column label="开始月份" align="center" prop="startmonth">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.startmonth, "{y}-{m}") }}</span>
</template>
</el-table-column>
<el-table-column
label="结束月份"
align="center"
prop="endmonth"
>
<el-table-column label="结束月份" align="center" prop="endmonth">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.endmonth, "{y}-{m}") }}</span>
</template>
@ -173,6 +165,7 @@
icon="el-icon-setting"
@click="handleSetting(scope.row)"
v-hasPermi="['benyi:mathtermplan:edit']"
v-show="isShow(scope.row)"
>设置</el-button
>
<el-button
@ -223,7 +216,12 @@
/>
<!-- 添加或修改游戏数学学期计划对话框 -->
<el-dialog :title="title" :visible.sync="open" class="v-dialog" append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
class="v-dialog"
append-to-body
>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="月份" prop="startmonth">
<el-date-picker

View File

@ -196,6 +196,7 @@
icon="el-icon-setting"
@click="handleSetting(scope.row)"
v-hasPermi="['benyi:thememonthplan:edit']"
v-show="isShow(scope.row)"
>设置</el-button
>
<el-button
@ -246,7 +247,12 @@
/>
<!-- 添加或修改主题整合月计划对话框 -->
<el-dialog :title="title" :visible.sync="open" class="v-dialog" append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
class="v-dialog"
append-to-body
>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="计划月份" prop="month">
<el-date-picker

View File

@ -173,6 +173,7 @@
icon="el-icon-setting"
@click="handleSetting(scope.row)"
v-hasPermi="['benyi:themetermplan:edit']"
v-show="isShow(scope.row)"
>设置</el-button
>
<el-button

View File

@ -186,6 +186,7 @@
icon="el-icon-setting"
@click="handleSetting(scope.row)"
v-hasPermi="['benyi:themeweekplan:edit']"
v-show="isShow(scope.row)"
>设置</el-button
>
<el-button
@ -236,7 +237,12 @@
/>
<!-- 添加或修改主题整合周计划根据月计划明细对话框 -->
<el-dialog :title="title" :visible.sync="open" class="v-dialog" append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
class="v-dialog"
append-to-body
>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="学年学期" prop="xnxq">
<el-select