主体库页面样式优化
This commit is contained in:
parent
eed2bcd924
commit
cbdcc8c0c0
|
|
@ -43,4 +43,13 @@ export function getDetailDataAPI(params) {
|
||||||
method: 'GET',
|
method: 'GET',
|
||||||
params
|
params
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 测试 mq */
|
||||||
|
export function testMQAPI(params) {
|
||||||
|
return request({
|
||||||
|
url: '/smartBid/analysis/testAsyncMq',
|
||||||
|
method: 'GET',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,7 @@ $base-sub-menu-background:#000c17;
|
||||||
$base-sub-menu-hover:#001528;
|
$base-sub-menu-hover:#001528;
|
||||||
*/
|
*/
|
||||||
|
|
||||||
$base-sidebar-width: 250px;
|
$base-sidebar-width: 200px;
|
||||||
|
|
||||||
// the :export directive is the magic sauce for webpack
|
// the :export directive is the magic sauce for webpack
|
||||||
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<!-- <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> -->
|
<hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
||||||
|
|
||||||
<breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container" />
|
<breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container" />
|
||||||
<top-nav v-if="topNav" id="topmenu-container" class="topmenu-container" />
|
<top-nav v-if="topNav" id="topmenu-container" class="topmenu-container" />
|
||||||
|
|
|
||||||
|
|
@ -14,6 +14,8 @@
|
||||||
<el-button @click="handleDocumentSearch">文档搜索功能</el-button>
|
<el-button @click="handleDocumentSearch">文档搜索功能</el-button>
|
||||||
<el-button @click="handleDocumentSearchWord">Word文档搜索功能</el-button>
|
<el-button @click="handleDocumentSearchWord">Word文档搜索功能</el-button>
|
||||||
<el-button @click="handleDocumentExcel">Excel文档查看</el-button>
|
<el-button @click="handleDocumentExcel">Excel文档查看</el-button>
|
||||||
|
<el-button @click="handleTestMQ">测试MQ</el-button>
|
||||||
|
<el-button @click="handleTestMQ2">测试MQ2</el-button>
|
||||||
</template>
|
</template>
|
||||||
<template slot="handle" slot-scope="{ data }">
|
<template slot="handle" slot-scope="{ data }">
|
||||||
<el-button type="text" v-hasPermi="['enterpriseLibrary:analysis:detail']" class="action-btn"
|
<el-button type="text" v-hasPermi="['enterpriseLibrary:analysis:detail']" class="action-btn"
|
||||||
|
|
@ -45,7 +47,7 @@
|
||||||
import TableModel from '@/components/TableModel2'
|
import TableModel from '@/components/TableModel2'
|
||||||
import { columnsList, formLabel } from './config'
|
import { columnsList, formLabel } from './config'
|
||||||
import { encryptWithSM4 } from '@/utils/sm'
|
import { encryptWithSM4 } from '@/utils/sm'
|
||||||
import { listAPI, delDataAPI } from '@/api/analysis/analysis'
|
import { listAPI, delDataAPI, testMQAPI } from '@/api/analysis/analysis'
|
||||||
import OnlyOfficeViewer from '@/views/common/OnlyOfficeViewer.vue'
|
import OnlyOfficeViewer from '@/views/common/OnlyOfficeViewer.vue'
|
||||||
import AnalysisForm from './components/AnalysisForm.vue'
|
import AnalysisForm from './components/AnalysisForm.vue'
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -112,7 +114,15 @@ export default {
|
||||||
name: 'DocumentExcel',
|
name: 'DocumentExcel',
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
handleTestMQ() {
|
||||||
|
testMQAPI().then(res => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
this.$message.success('测试MQ成功')
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg || '测试MQ失败')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
this.title = '新建项目'
|
this.title = '新建项目'
|
||||||
|
|
|
||||||
|
|
@ -136,7 +136,7 @@ export default {
|
||||||
this.handleClose()
|
this.handleClose()
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
if(error instanceof Error && error.message.includes('未填写完整')){
|
if (error instanceof Error && error.message.includes('未填写完整')) {
|
||||||
this.$message.error(error.message)
|
this.$message.error(error.message)
|
||||||
}
|
}
|
||||||
} finally {
|
} finally {
|
||||||
|
|
@ -207,11 +207,16 @@ export default {
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.app-container {
|
.app-container {
|
||||||
|
height: calc(100vh - 84px);
|
||||||
|
width: 100%;
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
|
box-sizing: border-box;
|
||||||
background: linear-gradient(180deg, #F1F6FF 20%, #E5EFFF 100%);
|
background: linear-gradient(180deg, #F1F6FF 20%, #E5EFFF 100%);
|
||||||
min-height: 100vh;
|
display: flex;
|
||||||
overflow-y: auto;
|
flex-direction: column;
|
||||||
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
// 当显示动画时,禁用页面点击
|
// 当显示动画时,禁用页面点击
|
||||||
&.no-pointer-events {
|
&.no-pointer-events {
|
||||||
|
|
@ -312,7 +317,11 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-body {
|
.content-body {
|
||||||
|
flex: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
min-height: 0; // 确保 flex 子元素可以正确收缩
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-row {
|
.content-row {
|
||||||
|
|
@ -327,10 +336,10 @@ export default {
|
||||||
.pane-right {
|
.pane-right {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 16px 16px 16px 16px;
|
border-radius: 16px 16px 16px 16px;
|
||||||
min-height: 600px;
|
min-height: 400px;
|
||||||
box-shadow: 0px 4px 20px 0px rgba(31, 35, 55, 0.1);
|
box-shadow: 0px 4px 20px 0px rgba(31, 35, 55, 0.1);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 10px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -339,8 +348,9 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 20px;
|
// margin-bottom: 20px;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-btn {
|
.search-btn {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue