主体库页面样式优化

This commit is contained in:
cwchen 2025-11-14 14:00:56 +08:00
parent eed2bcd924
commit cbdcc8c0c0
5 changed files with 40 additions and 11 deletions

View File

@ -43,4 +43,13 @@ export function getDetailDataAPI(params) {
method: 'GET',
params
})
}
}
/* 测试 mq */
export function testMQAPI(params) {
return request({
url: '/smartBid/analysis/testAsyncMq',
method: 'GET',
params
})
}

View File

@ -36,7 +36,7 @@ $base-sub-menu-background:#000c17;
$base-sub-menu-hover:#001528;
*/
$base-sidebar-width: 250px;
$base-sidebar-width: 200px;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass

View File

@ -1,6 +1,6 @@
<template>
<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" />
<top-nav v-if="topNav" id="topmenu-container" class="topmenu-container" />

View File

@ -14,6 +14,8 @@
<el-button @click="handleDocumentSearch">文档搜索功能</el-button>
<el-button @click="handleDocumentSearchWord">Word文档搜索功能</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 slot="handle" slot-scope="{ data }">
<el-button type="text" v-hasPermi="['enterpriseLibrary:analysis:detail']" class="action-btn"
@ -45,7 +47,7 @@
import TableModel from '@/components/TableModel2'
import { columnsList, formLabel } from './config'
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 AnalysisForm from './components/AnalysisForm.vue'
export default {
@ -112,7 +114,15 @@ export default {
name: 'DocumentExcel',
})
},
handleTestMQ() {
testMQAPI().then(res => {
if (res.code === 200) {
this.$message.success('测试MQ成功')
} else {
this.$message.error(res.msg || '测试MQ失败')
}
})
},
/** 新增按钮操作 */
handleAdd() {
this.title = '新建项目'

View File

@ -136,7 +136,7 @@ export default {
this.handleClose()
}
} catch (error) {
if(error instanceof Error && error.message.includes('未填写完整')){
if (error instanceof Error && error.message.includes('未填写完整')) {
this.$message.error(error.message)
}
} finally {
@ -207,11 +207,16 @@ export default {
<style scoped lang="scss">
.app-container {
height: calc(100vh - 84px);
width: 100%;
padding: 24px;
box-sizing: border-box;
background: linear-gradient(180deg, #F1F6FF 20%, #E5EFFF 100%);
min-height: 100vh;
overflow-y: auto;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
margin: 0;
//
&.no-pointer-events {
@ -312,7 +317,11 @@ export default {
}
.content-body {
flex: 1;
overflow-y: auto;
overflow-x: hidden;
margin-top: 20px;
min-height: 0; // flex
}
.content-row {
@ -327,10 +336,10 @@ export default {
.pane-right {
background: #fff;
border-radius: 16px 16px 16px 16px;
min-height: 600px;
min-height: 400px;
box-shadow: 0px 4px 20px 0px rgba(31, 35, 55, 0.1);
padding: 0;
margin-bottom: 20px;
margin-bottom: 10px;
flex: 1;
min-width: 0;
}
@ -339,8 +348,9 @@ export default {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 20px;
// margin-bottom: 20px;
gap: 12px;
flex-shrink: 0;
}
.search-btn {