提交 bc89598e authored 作者: lidongxu's avatar lidongxu

style(design): 修复:报表设计页面样式问题

上级 e1416566
<template>
<div class="app-container">
<div class="container">
<el-row :gutter="20"
class="client-fix-height container">
<category-tree v-model="queryParams.reportType"
:options="floderList"
:defaultProps="{ label: 'title', children: 'children' }"
......@@ -16,9 +14,7 @@
@search="handleNodeClick">
</category-tree>
<el-col :span="20"
:xs="24"
class="right_col">
<div class="right-col">
<el-form :model="queryParams"
ref="queryRef"
:inline="true"
......@@ -50,7 +46,8 @@
</el-row>
<el-table v-loading="loading"
:data="reportList">
:data="reportList"
style="width: 100%">
<el-table-column type="selection"
width="50" />
<el-table-column label="报表名称"
......@@ -128,8 +125,7 @@
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getReportList" />
</el-col>
</div>
<!-- 新增/编辑分享弹窗 -->
<el-dialog title="创建分享链接"
......@@ -173,7 +169,6 @@
</span>
</template>
</el-dialog>
</el-row>
</div>
</div>
</template>
......@@ -383,4 +378,26 @@ const handleCopy = (row) => {
</script>
<style scoped></style>
\ No newline at end of file
<style scoped>
.container {
display: flex;
flex-direction: row;
width: 100%;
.right-col {
flex: 1 !important;
width: 100%;
height: 100%;
margin-left: 20px;
display: flex;
flex-direction: column;
overflow: hidden;
.el-form {
width: 100%;
}
}
}
</style>
\ No newline at end of file
<template>
<div class="app-container">
<el-row class="client-fix-height container">
<el-row class="container">
<el-col>
<!-- 查询表单 -->
<el-form :model="queryParams"
......
<template>
<div class="app-container">
<el-row :gutter="20"
class="client-fix-height container">
class="container">
<!--部门数据-->
<category-tree :options="deptOptions"
:defaultProps="{ label: 'label', children: 'children' }"
......@@ -220,7 +220,8 @@
<el-dialog :title="title"
v-model="open"
append-to-body
draggable overflow>
draggable
overflow>
<el-form :model="form"
:rules="rules"
ref="userRef"
......@@ -355,7 +356,8 @@
<!-- 促销权限配置 -->
<el-row v-if="form.proStatus">
<el-col :span="12">
<el-form-item label="促销角色" prop="privilegeId">
<el-form-item label="促销角色"
prop="privilegeId">
<el-radio-group v-model="form.privilegeId">
<el-radio :value="1"
label="城市经理"></el-radio>
......@@ -399,7 +401,8 @@
<el-dialog :title="upload.title"
v-model="upload.open"
append-to-body
draggable overflow>
draggable
overflow>
<el-upload ref="uploadRef"
:limit="1"
accept=".xlsx, .xls"
......@@ -828,8 +831,10 @@
<style scoped
lang="scss">
.app-container {
>.el-row {
.container {
display: flex;
flex-direction: row;
.right_col {
flex: 1 !important;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论