修改导航
This commit is contained in:
parent
1f493d0ded
commit
1e7469a496
@ -31,6 +31,9 @@ const setupAll = async () => {
|
|||||||
app.use(WebSocketPlugin).use(FcDesigner).use(ElementPlus, {
|
app.use(WebSocketPlugin).use(FcDesigner).use(ElementPlus, {
|
||||||
locale: zhCn,
|
locale: zhCn,
|
||||||
})
|
})
|
||||||
|
app.use(ElementPlus, {
|
||||||
|
locale: zhCn,
|
||||||
|
})
|
||||||
app.mount('#app')
|
app.mount('#app')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -52,10 +52,9 @@ function childmenuclick(item: any) {
|
|||||||
} else {
|
} else {
|
||||||
showmodule.value = false
|
showmodule.value = false
|
||||||
}
|
}
|
||||||
// console.log('传递给 Assocmodule 的 props:',Assocmodule)
|
|
||||||
}
|
}
|
||||||
// 时间相关逻辑移动到独立组件中
|
// 时间相关逻辑移动到独立组件中
|
||||||
const TimeDisplay = {
|
const TimeDispl ay = {
|
||||||
template: `
|
template: `
|
||||||
<div class="Navbar-menu-time">
|
<div class="Navbar-menu-time">
|
||||||
<div class="Navbar-menu-time-text">{{ currentTime }}</div>
|
<div class="Navbar-menu-time-text">{{ currentTime }}</div>
|
||||||
@ -146,7 +145,8 @@ function permissionClick() {
|
|||||||
</div>
|
</div>
|
||||||
<div v-if="!props.isExecuteEvent" class="system-box-content"
|
<div v-if="!props.isExecuteEvent" class="system-box-content"
|
||||||
:style="{ height: props.isFixed ? 'calc(100vh - 65px)' : 'calc(100vh - 125px)' }">
|
:style="{ height: props.isFixed ? 'calc(100vh - 65px)' : 'calc(100vh - 125px)' }">
|
||||||
<Assocmodule v-if="showmodule" :applicationId="props.applicationId" :moduleinfo="{ module_id: currentMoudleId }" />
|
<Assocmodule v-if="showmodule" :applicationId="props.applicationId"
|
||||||
|
:moduleinfo="{ module_id: currentMoudleId }" />
|
||||||
<PermissionSet v-if="showermission" />
|
<PermissionSet v-if="showermission" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -157,20 +157,23 @@ function permissionClick() {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: rgb(0, 52, 102);
|
background-color: rgb(0, 52, 102);
|
||||||
|
|
||||||
.Navbar-box {
|
.Navbar-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 65px;
|
height: 65px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
.Navbar-box-titie {
|
.Navbar-box-titie {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 65px;
|
height: 65px;
|
||||||
line-height: 65px;
|
line-height: 65px;
|
||||||
background: url(/images/navleft.png) no-repeat;
|
background: url(/images/navleft.png) no-repeat;
|
||||||
background-size:100% 100%;
|
background-size: 100% 100%;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
|
|
||||||
.Navbar-box-titie-text {
|
.Navbar-box-titie-text {
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
@ -180,6 +183,7 @@ function permissionClick() {
|
|||||||
color: transparent;
|
color: transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.Navbar-menu-box {
|
.Navbar-menu-box {
|
||||||
width: calc(100% - 400px);
|
width: calc(100% - 400px);
|
||||||
height: 63px;
|
height: 63px;
|
||||||
@ -190,6 +194,7 @@ function permissionClick() {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
background: url(/images/navright.png) no-repeat;
|
background: url(/images/navright.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
|
|
||||||
.Navbar-menu-content {
|
.Navbar-menu-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -19,7 +19,7 @@
|
|||||||
<el-button type="primary" @click="saveClick">保存</el-button>
|
<el-button type="primary" @click="saveClick">保存</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="预览" name="预览" style="height: calc(100vh - 190px);">
|
<el-tab-pane label="预览" name="预览" style="height: calc(100vh - 175px);">
|
||||||
<div ref="previewContainer" class="preview"></div>
|
<div ref="previewContainer" class="preview"></div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
@ -34,6 +34,7 @@ import { useRoute, useRouter } from 'vue-router'
|
|||||||
import { loadModule } from 'vue3-sfc-loader'
|
import { loadModule } from 'vue3-sfc-loader'
|
||||||
import * as Vue from 'vue/dist/vue.esm-bundler.js'
|
import * as Vue from 'vue/dist/vue.esm-bundler.js'
|
||||||
import ElementPlus from 'element-plus'
|
import ElementPlus from 'element-plus'
|
||||||
|
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
|
||||||
import * as VueRouter from 'vue-router'
|
import * as VueRouter from 'vue-router'
|
||||||
import less from 'less'
|
import less from 'less'
|
||||||
import defaultTemplate from '@/viewsnew/application/SfcEditor/NavbarEditor/Navbar.vue?raw'
|
import defaultTemplate from '@/viewsnew/application/SfcEditor/NavbarEditor/Navbar.vue?raw'
|
||||||
@ -175,6 +176,9 @@ const runCode = async () => {
|
|||||||
prevApp.use(route)
|
prevApp.use(route)
|
||||||
prevApp.use(i18n)
|
prevApp.use(i18n)
|
||||||
prevApp.use(ElementPlus)
|
prevApp.use(ElementPlus)
|
||||||
|
prevApp.use(ElementPlus, {
|
||||||
|
locale: zhCn,
|
||||||
|
})
|
||||||
prevApp.mount(previewContainer.value)
|
prevApp.mount(previewContainer.value)
|
||||||
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
@ -300,7 +304,7 @@ function importNav() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sfc-content {
|
.sfc-content {
|
||||||
height: calc(100vh -60px);
|
height: calc(100vh - 60px);
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
@ -138,7 +138,7 @@ function getuserinfo(){
|
|||||||
}
|
}
|
||||||
queryUsers(params).then(res => {
|
queryUsers(params).then(res => {
|
||||||
tableData.value = res.data.data.records
|
tableData.value = res.data.data.records
|
||||||
total.value = res.data.data.total
|
total.value = Number(res.data.data.total)
|
||||||
tableloading.value = false
|
tableloading.value = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@ -153,7 +153,7 @@ function queryuserinfo(){
|
|||||||
}
|
}
|
||||||
queryUsers(params).then(res => {
|
queryUsers(params).then(res => {
|
||||||
tableData.value = res.data.data.records
|
tableData.value = res.data.data.records
|
||||||
total.value = res.data.data.total
|
total.value = Number(res.data.data.total)
|
||||||
tableloading.value = false
|
tableloading.value = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@ -163,6 +163,8 @@ function nodeclick(data:any,node:any){
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
currentNodeId.value = node.key
|
currentNodeId.value = node.key
|
||||||
|
currentPage.value = 1
|
||||||
|
pageSize.value = 10
|
||||||
getuserinfo()
|
getuserinfo()
|
||||||
}
|
}
|
||||||
function edittable(data:any){
|
function edittable(data:any){
|
||||||
|
Loading…
Reference in New Issue
Block a user